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

[3463] add missing informations to report diagram (#3690)

Browse Source
This commit is contained in:
Mario Romano
2018-08-11 01:27:54 +01:00
committed by Eugenio Romano
parent ff732dcdca
commit 6e1d7336ac
2 changed files with 24 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/insights/diagram/components/tooltip/diagram-tooltip.component.html
View File

@@ -1,6 +1,10 @@
<div #tooltipContent class="{{adf}}-diagram-tooltip"> <div #tooltipContent class="{{adf}}-diagram-tooltip">
<div class="{{adf}}-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div> <div class="{{adf}}-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div>
<div class="{{adf}}-diagram-tooltip-body"> <div class="{{adf}}-diagram-tooltip-body">
<div *ngIf="data.value" class="{{adf}}-diagram-heat-value">
<span class="{{adf}}-diagram-value">{{ data.value }}</span>
<span class="{{adf}}-diagram-valuetype"> {{ data.dataType }}</span>
</div>
<div *ngIf="data.name" class="{{adf}}-diagram-name-property"> <div *ngIf="data.name" class="{{adf}}-diagram-name-property">
<span class="{{adf}}-diagram-propertyName">Name:</span> <span class="{{adf}}-diagram-propertyName">Name:</span>
<span class="{{adf}}-diagram-propertyValue">{{ data.name }}</span> <span class="{{adf}}-diagram-propertyValue">{{ data.name }}</span>

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

@@ -41,7 +41,7 @@ describe('DiagramTooltipComponent', () => {
beforeEach(async(() => { beforeEach(async(() => {
TestBed.configureTestingModule({ TestBed.configureTestingModule({
declarations: [ DiagramTooltipComponent ] declarations: [DiagramTooltipComponent]
}).compileComponents(); }).compileComponents();
})); }));
@@ -91,8 +91,8 @@ describe('DiagramTooltipComponent', () => {
it('should render the properties, if there is any', () => { it('should render the properties, if there is any', () => {
data.properties = [ data.properties = [
{ name: 'property-1-name', value: 'property-1-value' }, {name: 'property-1-name', value: 'property-1-value'},
{ name: 'property-2-name', value: 'property-2-value' } {name: 'property-2-name', value: 'property-2-value'}
]; ];
fixture.detectChanges(); fixture.detectChanges();
@@ -106,6 +106,21 @@ describe('DiagramTooltipComponent', () => {
expect(propertyValues[0].nativeElement.innerText).toBe('property-1-value'); expect(propertyValues[0].nativeElement.innerText).toBe('property-1-value');
expect(propertyValues[1].nativeElement.innerText).toBe('property-2-value'); expect(propertyValues[1].nativeElement.innerText).toBe('property-2-value');
}); });
it('should render value and data type', () => {
data.value = '1';
data.dataType = 'hour';
fixture.detectChanges();
let propertyValue = fixture.debugElement.queryAll(By.css('.adf-diagram-heat-value > .adf-diagram-value')),
propertyValueType = fixture.debugElement.queryAll(By.css('.adf-diagram-heat-value > .adf-diagram-valuetype'));
expect(propertyValue.length).toBe(1);
expect(propertyValueType.length).toBe(1);
expect(propertyValue[0].nativeElement.innerText).toBe('1');
expect(propertyValueType[0].nativeElement.innerText).toBe(' hour');
});
}); });
describe('Tooltip functionality', () => { describe('Tooltip functionality', () => {
@@ -114,7 +129,7 @@ describe('DiagramTooltipComponent', () => {
beforeEach(async(() => { beforeEach(async(() => {
TestBed.configureTestingModule({ TestBed.configureTestingModule({
declarations: [ DiagramTooltipComponent, TestHostComponent ] declarations: [DiagramTooltipComponent, TestHostComponent]
}).compileComponents(); }).compileComponents();
})); }));