|
|
|
@ -1,35 +1,36 @@
|
|
|
|
|
<aside *ngIf="stakeholder" id="sidebar_main">
|
|
|
|
|
<div sidebar-content>
|
|
|
|
|
<div class="menu_section uk-margin-large-top">
|
|
|
|
|
<a [routerLink]="'/admin/' + stakeholder.alias" class="uk-button uk-button-link uk-margin-left">
|
|
|
|
|
<h6 class="uk-flex uk-flex-middle uk-flex-center uk-margin-remove-bottom">
|
|
|
|
|
<div class="uk-width-auto">
|
|
|
|
|
<icon class="menu-icon" name="west" [flex]="true" ratio="1.5"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="uk-width-expand uk-text-truncate uk-margin-small-left hide-on-close">Indicators</span>
|
|
|
|
|
</h6>
|
|
|
|
|
<div class="back">
|
|
|
|
|
<a [routerLink]="'/admin/' + stakeholder.alias" class="uk-flex uk-flex-middle uk-flex-center">
|
|
|
|
|
<div class="uk-width-auto">
|
|
|
|
|
<icon name="west" [flex]="true" ratio="1.3"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="uk-width-expand uk-text-truncate uk-margin-left hide-on-close">Indicators</span>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="menu_section uk-margin-large-top">
|
|
|
|
|
<ul class="uk-list uk-nav uk-nav-default uk-nav-parent-icon" transition-group [id]="'topics'" uk-nav="duration: 400">
|
|
|
|
|
<li *ngFor="let topic of stakeholder.topics; let i=index" class="uk-parent" [class.uk-active]="topicIndex === i" transition-group-item>
|
|
|
|
|
<ul class="uk-list uk-nav uk-nav-default uk-nav-parent-icon" transition-group [id]="'topics'"
|
|
|
|
|
uk-nav="duration: 400">
|
|
|
|
|
<li *ngFor="let topic of stakeholder.topics; let i=index" class="uk-parent" [class.uk-active]="topicIndex === i"
|
|
|
|
|
transition-group-item>
|
|
|
|
|
<a [routerLink]="'/admin/'+stakeholder.alias + '/indicators/' + topic.alias"
|
|
|
|
|
[title]="topic.name" class="uk-visible-toggle uk-flex uk-flex-middle">
|
|
|
|
|
<div *ngIf="topic.icon" class="uk-width-auto">
|
|
|
|
|
<icon class="menu-icon" [svg]="topic.icon" ratio="0.9" [flex]="true"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<span [class.hide-on-close]="topic.icon"
|
|
|
|
|
class="uk-width-expand uk-text-truncate uk-margin-small-left">
|
|
|
|
|
<div *ngIf="topic.icon" class="uk-width-auto">
|
|
|
|
|
<icon class="menu-icon" [svg]="topic.icon" ratio="0.9" [flex]="true"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<span [class.hide-on-close]="topic.icon"
|
|
|
|
|
class="uk-width-expand uk-text-truncate uk-margin-small-left">
|
|
|
|
|
{{topic.name}}
|
|
|
|
|
</span>
|
|
|
|
|
<span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="topicIndex !== i"
|
|
|
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
|
|
|
|
<span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="topicIndex !== i"
|
|
|
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
|
|
|
|
<a class="uk-link-reset uk-flex uk-flex-middle">
|
|
|
|
|
<icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(topic.visibility)"
|
|
|
|
|
ratio="0.6"></icon>
|
|
|
|
|
<icon [flex]="true" name="more_vert"></icon>
|
|
|
|
|
</a>
|
|
|
|
|
<div #element uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
|
|
|
|
|
<div #element
|
|
|
|
|
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
|
|
|
|
|
<ul class="uk-nav uk-dropdown-nav">
|
|
|
|
|
<ng-container *ngIf="isCurator">
|
|
|
|
|
<li>
|
|
|
|
@ -90,19 +91,22 @@
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
<ul *ngIf="isBrowser || topicIndex === i" class="uk-nav-sub" [id]="'categories-' + i.toString()" transition-group>
|
|
|
|
|
<li *ngFor="let category of topic.categories; let j=index" transition-group-item class="uk-visible-toggle" [class.uk-active]="categoryIndex == j">
|
|
|
|
|
<ul *ngIf="isBrowser || topicIndex === i" class="uk-nav-sub" [id]="'categories-' + i.toString()"
|
|
|
|
|
transition-group>
|
|
|
|
|
<li *ngFor="let category of topic.categories; let j=index" transition-group-item class="uk-visible-toggle"
|
|
|
|
|
[class.uk-active]="categoryIndex == j">
|
|
|
|
|
<a (click)="chooseCategory(j)" [title]="category.name">
|
|
|
|
|
<div class="uk-flex uk-flex-middle uk-width-1-1">
|
|
|
|
|
<span class="uk-width-expand uk-text-truncate">{{category.name}}</span>
|
|
|
|
|
<span class="uk-margin-xsmall-left hide-on-close" [class.uk-invisible-hover]="categoryIndex !== j"
|
|
|
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
|
|
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
|
|
|
|
<a class="uk-link-reset uk-flex uk-flex-middle">
|
|
|
|
|
<icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(category.visibility)"
|
|
|
|
|
ratio="0.6"></icon>
|
|
|
|
|
<icon [flex]="true" name="more_vert"></icon>
|
|
|
|
|
</a>
|
|
|
|
|
<div #element uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
|
|
|
|
|
<div #element
|
|
|
|
|
uk-dropdown="mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false; container: body">
|
|
|
|
|
<ul class="uk-nav uk-dropdown-nav">
|
|
|
|
|
<ng-container *ngIf="isCurator">
|
|
|
|
|
<li>
|
|
|
|
@ -113,7 +117,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li *ngIf="j > 0 || j < stakeholder.topics[topicIndex].categories.length - 1" class="uk-nav-divider"></li>
|
|
|
|
|
<li *ngIf="j > 0 || j < stakeholder.topics[topicIndex].categories.length - 1"
|
|
|
|
|
class="uk-nav-divider"></li>
|
|
|
|
|
<li *ngIf="j > 0">
|
|
|
|
|
<a (click)="hide(element);moveCategory(j)">
|
|
|
|
|
<div class="uk-flex uk-flex-middle">
|
|
|
|
@ -222,7 +227,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div actions>
|
|
|
|
|
<div class="uk-grid uk-flex-middle" uk-grid>
|
|
|
|
|
<div *ngIf="stakeholder.topics.length > 0 && pageContent.isStickyActive" class="uk-width-auto@m uk-margin-small-bottom uk-flex-last@m uk-width-1-1">
|
|
|
|
|
<div *ngIf="stakeholder.topics.length > 0 && pageContent.isStickyActive"
|
|
|
|
|
class="uk-width-auto@m uk-margin-small-bottom uk-flex-last@m 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>
|
|
|
|
@ -252,7 +258,8 @@
|
|
|
|
|
<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">
|
|
|
|
|
<ng-template ngFor [ngForOf]=" stakeholder.topics[topicIndex].categories[categoryIndex].subCategories"
|
|
|
|
|
let-subCategory let-i="index">
|
|
|
|
|
<li class="uk-visible-toggle uk-flex" [class.uk-active]="subCategoryIndex === i" transition-group-item>
|
|
|
|
|
<a (click)="chooseSubcategory(i)">
|
|
|
|
|
<span class="uk-text-uppercase">{{subCategory.name}}</span>
|
|
|
|
@ -362,7 +369,7 @@
|
|
|
|
|
<modal-alert #deleteModal classTitle="uk-background-primary uk-light" (alertOutput)="deleteElement()"
|
|
|
|
|
[overflowBody]="false">
|
|
|
|
|
<div [class.uk-invisible]="loading" class="uk-position-relative">
|
|
|
|
|
<div *ngIf="loading" >
|
|
|
|
|
<div *ngIf="loading">
|
|
|
|
|
<loading class="uk-position-center"></loading>
|
|
|
|
|
</div>
|
|
|
|
|
You are about to delete <span class="uk-text-bold" *ngIf="element">"{{element.name}}"</span> {{type}} permanently.
|
|
|
|
@ -380,7 +387,8 @@
|
|
|
|
|
<div *ngIf="form" [class.uk-hidden]="loading"
|
|
|
|
|
class="uk-grid uk-padding uk-padding-remove-horizontal uk-child-width-1-1" [formGroup]="form" uk-grid>
|
|
|
|
|
<div input [formInput]="form.get('name')" class="uk-width-1-2@m" placeholder="Title"></div>
|
|
|
|
|
<div input [formInput]="form.get('visibility')" class="uk-width-1-2@m" placeholder="Status" [options]="stakeholderUtils.visibility" type="select"></div>
|
|
|
|
|
<div input [formInput]="form.get('visibility')" class="uk-width-1-2@m" placeholder="Status"
|
|
|
|
|
[options]="stakeholderUtils.visibility" type="select"></div>
|
|
|
|
|
<div input [formInput]="form.get('description')" placeholder="Description" type="textarea" rows="4"></div>
|
|
|
|
|
<div *ngIf="form.get('icon')" input [formInput]="form.get('icon')" placeholder="Icon(SVG)" type="textarea"></div>
|
|
|
|
|
</div>
|
|
|
|
|