inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4073] Fix Process Definition Heat map styling issue (#4304)

Browse Source
This commit is contained in:
davidcanonieto
2019-02-12 13:10:51 +00:00
committed by Eugenio Romano
parent aae4629e9a
commit 6179bddb92
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lib/insights/diagram/components/tooltip/diagram-tooltip.component.spec.ts
View File

@@ -140,7 +140,7 @@ describe('DiagramTooltipComponent', () => {
}); });
it('should NOT show the tooltip by default', () => { it('should NOT show the tooltip by default', () => {
const tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); const tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).toBeNull(); expect(tooltip).toBeNull();
}); });
@@ -150,7 +150,7 @@ describe('DiagramTooltipComponent', () => {
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter'));
let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).not.toBeNull(); expect(tooltip).not.toBeNull();
}); });
@@ -159,7 +159,7 @@ describe('DiagramTooltipComponent', () => {
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('touchend')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('touchend'));
let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).not.toBeNull(); expect(tooltip).not.toBeNull();
}); });
@@ -169,7 +169,7 @@ describe('DiagramTooltipComponent', () => {
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter'));
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseleave')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseleave'));
let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).toBeNull(); expect(tooltip).toBeNull();
}); });
@@ -179,7 +179,7 @@ describe('DiagramTooltipComponent', () => {
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('mouseenter'));
window.dispatchEvent(new CustomEvent('scroll')); window.dispatchEvent(new CustomEvent('scroll'));
let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).toBeNull(); expect(tooltip).toBeNull();
}); });
@@ -189,7 +189,7 @@ describe('DiagramTooltipComponent', () => {
tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('touchend')); tooltipTarget.nativeElement.dispatchEvent(new MouseEvent('touchend'));
window.dispatchEvent(new CustomEvent('touchstart')); window.dispatchEvent(new CustomEvent('touchstart'));
let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.is-active')); let tooltip = fixture.debugElement.query(By.css('.adf-diagram-tooltip.adf-is-active'));
expect(tooltip).toBeNull(); expect(tooltip).toBeNull();
}); });
}); });

12
lib/insights/diagram/components/tooltip/diagram-tooltip.component.ts
View File

@@ -15,12 +15,12 @@
* limitations under the License. * limitations under the License.
*/ */
/* tslint:disable:component-selector */ /* tslint:disable:component-selector */
import { AfterViewInit, Component, ElementRef, Input, OnDestroy, ViewChild } from '@angular/core'; import { AfterViewInit, Component, ElementRef, Input, OnDestroy, ViewChild } from '@angular/core';
const POSITION = { BOTTOM: 'bottom', LEFT: 'left', RIGHT: 'right', TOP: 'top'}; const POSITION = { BOTTOM: 'bottom', LEFT: 'left', RIGHT: 'right', TOP: 'top' };
const STRATEGY = { CURSOR: 'cursor', ELEMENT: 'element'}; const STRATEGY = { CURSOR: 'cursor', ELEMENT: 'element' };
const IS_ACTIVE_CLASS = 'is-active'; const IS_ACTIVE_CLASS = 'adf-is-active';
@Component({ @Component({
selector: 'diagram-tooltip', selector: 'diagram-tooltip',
@@ -100,10 +100,10 @@ export class DiagramTooltipComponent implements AfterViewInit, OnDestroy {
private handleMouseEnter(event): void { private handleMouseEnter(event): void {
let props; let props;
if (this.strategy === STRATEGY.ELEMENT ) { if (this.strategy === STRATEGY.ELEMENT) {
props = event.target.getBoundingClientRect(); props = event.target.getBoundingClientRect();
} else { } else {
props = {top: (event.pageY - 150), left: event.pageX , width: event.layerX, height: 50}; props = { top: (event.pageY - 150), left: event.pageX, width: event.layerX, height: 50 };
} }
let top = props.top + (props.height / 2); let top = props.top + (props.height / 2);