Move preview in the above row of subcategories and show it next to them in sticky

This commit is contained in:
Konstantinos Triantafyllou 2022-12-21 14:38:00 +02:00
parent 8077d58cd7
commit cdf9872efa
1 changed files with 32 additions and 5 deletions

View File

@ -186,20 +186,47 @@
</div>
</div>
</aside>
<div *ngIf="stakeholder && filters" page-content>
<div #pageContent *ngIf="stakeholder && filters" page-content>
<div header>
<div *ngIf="stakeholder.topics.length > 0 && stakeholder.topics[topicIndex]">
<div class="uk-flex uk-margin-medium-top uk-flex-middle info">
<div>
<div class="uk-width-expand">
<div class="uk-text-background uk-text-bold uk-text-small">Manage Indicators</div>
<h1 class="uk-h6 uk-margin-remove">{{stakeholder.name}}</h1>
</div>
<div *ngIf="stakeholder.topics.length > 0 && !pageContent.isStickyActive" class="uk-width-auto@l uk-width-1-1">
<div class="uk-flex uk-flex-center">
<button class="uk-button uk-button-primary uk-flex uk-flex-middle">
<icon name="visibility" [flex]="true"></icon>
<span class="uk-margin-small-left uk-margin-small-right">Preview</span>
<icon name="expand_more" [flex]="true"></icon>
</button>
<div #element uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false">
<ul class="uk-nav uk-dropdown-nav">
<li><a target="_blank"
[routerLink]="'/' + stakeholder.alias + '/' + stakeholder.topics[topicIndex].alias"
[queryParams]="{view: 'PUBLIC'}"
(click)="hide(element)">Public view</a>
</li>
<li><a target="_blank" [routerLink]="'/' + stakeholder.alias + '/' +
stakeholder.topics[topicIndex].alias"
[queryParams]="{view: 'RESTRICTED'}"
(click)="hide(element)">Restricted view</a>
</li>
<!--<li class="disabled"><a class="uk-disabled uk-text-muted"
uk-tooltip="Note: available only in administration dashboard"
(click)="hide(element)">Private view</a>
</li>-->
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div actions>
<div class="uk-margin-medium-top uk-grid" uk-grid>
<div class="uk-width-expand">
<div class="uk-grid uk-flex-middle" uk-grid>
<div class="uk-margin-medium-top uk-width-expand">
<ul *ngIf="stakeholder.topics.length > 0 && stakeholder.topics[topicIndex].categories.length > 0 && stakeholder.topics[topicIndex].categories[categoryIndex]"
transition-group class="uk-tab" [id]="'subCategories'">
<ng-template ngFor [ngForOf]=" stakeholder.topics[topicIndex].categories[categoryIndex].subCategories" let-subCategory let-i="index">
@ -299,7 +326,7 @@
</li>
</ul>
</div>
<div *ngIf="stakeholder.topics.length > 0" class="uk-width-auto@l uk-width-1-1">
<div *ngIf="stakeholder.topics.length > 0 && pageContent.isStickyActive" class="uk-width-auto@l uk-animation-fade uk-width-1-1">
<div class="uk-flex uk-flex-center">
<button class="uk-button uk-button-primary uk-flex uk-flex-middle">
<icon name="visibility" [flex]="true"></icon>