[Monitor Dashboard | Trunk]
- manage indicators: show description similar to the front page git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@59927 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
ca80593e4e
commit
870662cc78
|
@ -81,13 +81,7 @@
|
||||||
<h3 *ngIf="numberResults.get(i + '-' + j)" class="uk-margin-medium-top uk-text-center uk-text-bold">
|
<h3 *ngIf="numberResults.get(i + '-' + j)" class="uk-margin-medium-top uk-text-center uk-text-bold">
|
||||||
<span>{{numberResults.get(i + '-' + j) | number}}</span>
|
<span>{{numberResults.get(i + '-' + j) | number}}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<div *ngIf="indicator.description" class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
|
<ng-container *ngTemplateOutlet="description; context: {indicator:indicator}"></ng-container>
|
||||||
{{indicator.description}}
|
|
||||||
</div>
|
|
||||||
<div *ngIf="indicator.additionalDescription"
|
|
||||||
class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
|
|
||||||
{{indicator.additionalDescription}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -196,13 +190,7 @@
|
||||||
<div *ngIf="indicator.indicatorPaths[0] && indicator.indicatorPaths[0].source === 'image'">
|
<div *ngIf="indicator.indicatorPaths[0] && indicator.indicatorPaths[0].source === 'image'">
|
||||||
<img class="uk-width-1-1 uk-height-medium" [src]="indicator.indicatorPaths[0].url">
|
<img class="uk-width-1-1 uk-height-medium" [src]="indicator.indicatorPaths[0].url">
|
||||||
</div>
|
</div>
|
||||||
<div *ngIf="indicator.description" class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
|
<ng-container *ngTemplateOutlet="description; context: {indicator:indicator}"></ng-container>
|
||||||
{{indicator.description}}
|
|
||||||
</div>
|
|
||||||
<div *ngIf="indicator.additionalDescription"
|
|
||||||
class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
|
|
||||||
{{indicator.additionalDescription}}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -515,3 +503,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
|
||||||
|
<ng-template #description let-indicator="indicator">
|
||||||
|
<span class="descriptionIcon"
|
||||||
|
*ngIf="(indicator.description && indicator.description.length > 0)
|
||||||
|
|| (indicator.additionalDescription && indicator.additionalDescription.length > 0)"
|
||||||
|
uk-icon="info"
|
||||||
|
[attr.uk-tooltip]="'title:<div class=\'uk-padding-small\'>'+
|
||||||
|
(indicator.description&& indicator.description.length > 0?indicator.description:'') +'<br>'+
|
||||||
|
(indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
|
||||||
|
+'</div>'">
|
||||||
|
</span>
|
||||||
|
</ng-template>
|
||||||
|
|
Loading…
Reference in New Issue