|
|
|
@ -103,7 +103,7 @@
|
|
|
|
|
<div *ngIf="hasPermission(indicator.visibility)" [ngClass]="getNumberClassBySize(indicator.width)">
|
|
|
|
|
<div class="uk-card uk-card-default uk-padding-small number-card uk-position-relative"
|
|
|
|
|
[class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()">
|
|
|
|
|
<div *ngIf="!indicator.descriptionOverlay">
|
|
|
|
|
<div *ngIf="!indicator.overlay">
|
|
|
|
|
<div
|
|
|
|
|
class="uk-text-small uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{indicator.name}}</div>
|
|
|
|
|
<div class="number uk-text-small uk-text-bold">
|
|
|
|
@ -114,7 +114,7 @@
|
|
|
|
|
<div *ngIf="indicator.description || indicator.additionalDescription"
|
|
|
|
|
class="uk-position-top-right uk-text-center uk-margin-small-top uk-margin-small-right uk-visible@m">
|
|
|
|
|
<a class="uk-display-inline-block uk-button uk-button-link" uk-tooltip="Note"
|
|
|
|
|
(click)="toggleDescriptionOverlay($event, indicator)">
|
|
|
|
|
(click)="toggleOverlay($event, indicator, 'desc')">
|
|
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
|
<icon name="analytics" type="outlined" [flex]="true"></icon>
|
|
|
|
|
</span>
|
|
|
|
@ -122,12 +122,12 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
*ngIf="indicator.descriptionOverlay && (indicator.description || indicator.additionalDescription)"
|
|
|
|
|
*ngIf="indicator.overlay && (indicator.description || indicator.additionalDescription)"
|
|
|
|
|
click-outside-or-esc class="uk-overflow-auto"
|
|
|
|
|
(clickOutside)="closeDescriptionOverlay($event, indicator)">
|
|
|
|
|
(clickOutside)="closeOverlay($event, indicator, 'desc')">
|
|
|
|
|
<div class="uk-position-top-right uk-text-center uk-margin-small-top uk-margin-small-right">
|
|
|
|
|
<a class="uk-display-inline-block uk-button uk-button-link"
|
|
|
|
|
(click)="toggleDescriptionOverlay($event, indicator)">
|
|
|
|
|
(click)="toggleOverlay($event, indicator, 'desc')">
|
|
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
|
<icon name="close" type="outlined" [flex]="true"></icon>
|
|
|
|
|
</span>
|
|
|
|
@ -154,7 +154,7 @@
|
|
|
|
|
<ng-template ngFor [ngForOf]="number.indicators" let-indicator let-j="index">
|
|
|
|
|
<div *ngIf="hasPermission(indicator.visibility)" [ngClass]="getNumberClassBySize(indicator.width)">
|
|
|
|
|
<div [class.semiFiltered]="indicator.indicatorPaths[0].filtersApplied < countSelectedFilters()">
|
|
|
|
|
<div *ngIf="!indicator.descriptionOverlay">
|
|
|
|
|
<div *ngIf="!indicator.overlay">
|
|
|
|
|
<div
|
|
|
|
|
class="uk-text-xsmall uk-text-truncate uk-margin-xsmall-bottom uk-margin-right">{{indicator.name}}</div>
|
|
|
|
|
<div class="number uk-text-small uk-text-bold">
|
|
|
|
@ -212,23 +212,22 @@
|
|
|
|
|
class="uk-width-1-1 uk-blend-multiply"
|
|
|
|
|
[ngClass]="'uk-height-' + (indicator.height?indicator.height.toLowerCase():'medium')">
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="indicator.description || indicator.additionalDescription"
|
|
|
|
|
class="uk-position-bottom-left uk-margin-left uk-margin-small-bottom uk-visible@m">
|
|
|
|
|
<a class="uk-display-inline-block uk-button uk-button-text"
|
|
|
|
|
(click)="toggleDescriptionOverlay($event, indicator)">
|
|
|
|
|
<div class="uk-position-bottom-left uk-margin-left uk-margin-small-bottom uk-visible@m">
|
|
|
|
|
<a *ngIf="indicator.description || indicator.additionalDescription"
|
|
|
|
|
class="uk-display-inline-block uk-button uk-button-text"
|
|
|
|
|
(click)="toggleOverlay($event, indicator, 'desc')">
|
|
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
|
<icon name="analytics" type="outlined" [flex]="true"></icon>
|
|
|
|
|
<span class="uk-margin-small-left">Note</span>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="indicator.descriptionOverlay && (indicator.description || indicator.additionalDescription)"
|
|
|
|
|
class="indicator-description uk-card uk-card-default uk-flex uk-flex-middle uk-flex-center">
|
|
|
|
|
<div class="inner" click-outside-or-esc
|
|
|
|
|
(clickOutside)="closeDescriptionOverlay($event, indicator)">
|
|
|
|
|
<div *ngIf="indicator.overlay" class="indicator-overlay uk-card uk-card-default uk-flex uk-flex-middle uk-flex-center">
|
|
|
|
|
<div *ngIf="descriptionOverlay" class="inner" click-outside-or-esc
|
|
|
|
|
(clickOutside)="closeOverlay($event, indicator, 'desc')">
|
|
|
|
|
<div class="uk-padding-small">
|
|
|
|
|
<div class="uk-flex uk-flex-right">
|
|
|
|
|
<button class="uk-close uk-icon" (click)="toggleDescriptionOverlay($event, indicator)">
|
|
|
|
|
<button class="uk-close uk-icon" (click)="toggleOverlay($event, indicator, 'desc')">
|
|
|
|
|
<icon name="close" ratio="1"></icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|