MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

[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:
Argiro Kokogiannaki 2020-11-20 11:11:50 +00:00
parent ca80593e4e
commit 870662cc78
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/app/topic/indicators.component.html
View File

@ -81,13 +81,7 @@
<h3 *ngIf="numberResults.get(i + '-' + j)" class="uk-margin-medium-top uk-text-center uk-text-bold">
<span>{{numberResults.get(i + '-' + j) | number}}</span>
</h3>
<div *ngIf="indicator.description" class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
{{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>
<ng-container *ngTemplateOutlet="description; context: {indicator:indicator}"></ng-container>
</div>
</div>
</div>
@ -196,13 +190,7 @@
<div *ngIf="indicator.indicatorPaths[0] && indicator.indicatorPaths[0].source === 'image'">
<img class="uk-width-1-1 uk-height-medium" [src]="indicator.indicatorPaths[0].url">
</div>
<div *ngIf="indicator.description" class="uk-width-1-1 uk-text-muted uk-text-small uk-margin-small-top">
{{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>
<ng-container *ngTemplateOutlet="description; context: {indicator:indicator}"></ng-container>
</div>
</div>
</div>
@ -515,3 +503,16 @@
</div>
</div>
</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>