1 |
57514
|
k.triantaf
|
<aside id="sidebar_main">
|
2 |
59556
|
argiro.kok
|
<div id="sidebar_content">
|
3 |
59768
|
k.triantaf
|
<div class="menu_section uk-margin-top">
|
4 |
59720
|
k.triantaf
|
<div class="uk-text-center">
|
5 |
59729
|
k.triantaf
|
<a [routerLink]="'/admin/' + stakeholder.alias"
|
6 |
|
|
class="uk-link-heading uk-text-uppercase uk-flex uk-flex-middle uk-flex-center">
|
7 |
59736
|
k.triantaf
|
<icon name="close" ratio="2"></icon>
|
8 |
59729
|
k.triantaf
|
<span *ngIf="open" class="uk-margin-left">Indicators</span>
|
9 |
59720
|
k.triantaf
|
</a>
|
10 |
|
|
</div>
|
11 |
59729
|
k.triantaf
|
<div class="menu_section uk-margin-xlarge-top">
|
12 |
|
|
<ul class="uk-list">
|
13 |
|
|
<ng-template ngFor [ngForOf]="stakeholder.topics" let-topic let-i="index">
|
14 |
|
|
<li class="uk-visible-toggle"
|
15 |
|
|
[class.uk-active]="topicIndex == i">
|
16 |
|
|
<a [routerLink]="'/admin/'+stakeholder.alias + '/indicators/' + topic.alias"
|
17 |
59736
|
k.triantaf
|
class="uk-flex uk-flex-middle" [title]="topic.name">
|
18 |
59729
|
k.triantaf
|
<span *ngIf="topic.icon"></span>
|
19 |
|
|
<div class="uk-width-expand uk-position-relative uk-flex uk-flex-middle"
|
20 |
|
|
[class.uk-flex-center]="open">
|
21 |
|
|
<span>
|
22 |
59720
|
k.triantaf
|
<ng-container *ngTemplateOutlet="visibilityOptions; context:
|
23 |
59729
|
k.triantaf
|
{i:i, type: 'topic', visibility: stakeholder.topics[i].visibility}">
|
24 |
|
|
</ng-container>
|
25 |
|
|
</span>
|
26 |
|
|
<span class="uk-text-truncate" [class.uk-width-3-5]="!open">{{topic.name}}</span>
|
27 |
|
|
<span class="uk-invisible-hover color"
|
28 |
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
29 |
|
|
<span class="uk-icon uk-position-center-right" uk-icon="more-vertical"></span>
|
30 |
|
|
<div #element uk-dropdown="mode: click; pos: bottom-right; offset: 5; delay-hide: 0; flip: false">
|
31 |
59720
|
k.triantaf
|
<ul class="uk-nav uk-dropdown-nav uk-list">
|
32 |
|
|
<li><a (click)="editTopicOpen(i); hide(element)">Edit</a></li>
|
33 |
|
|
<ng-template ngFor [ngForOf]="stakeholderUtils.visibility" let-v>
|
34 |
59749
|
k.triantaf
|
<li *ngIf="topic.visibility != v.value"><a (click)="changeTopicStatus(i, v.value);
|
35 |
59729
|
k.triantaf
|
hide(element)">
|
36 |
59720
|
k.triantaf
|
{{'Make ' + v.label.toLowerCase()}}</a>
|
37 |
|
|
</li>
|
38 |
|
|
</ng-template>
|
39 |
|
|
<hr *ngIf="!topic.defaultId" class="uk-nav-divider">
|
40 |
|
|
<li *ngIf="!topic.defaultId"><a (click)="deleteTopicOpen(i, 'delete'); hide(element)">Delete</a>
|
41 |
|
|
<!-- <ng-container *ngIf="!stakeholder.defaultId">-->
|
42 |
|
|
<!-- <a (click)="deleteTopicOpen(i, 'delete'); hide(element)">Delete from all profiles</a>-->
|
43 |
|
|
<!-- <a (click)="deleteTopicOpen(i, 'disconnect'); hide(element)">Delete and disconnect from all profiles</a>-->
|
44 |
|
|
<!-- </ng-container>-->
|
45 |
59675
|
argiro.kok
|
</li>
|
46 |
59720
|
k.triantaf
|
</ul>
|
47 |
|
|
</div>
|
48 |
59729
|
k.triantaf
|
</span>
|
49 |
|
|
</div>
|
50 |
|
|
</a>
|
51 |
|
|
</li>
|
52 |
|
|
</ng-template>
|
53 |
|
|
<li class="uk-margin-top" [class.uk-visible-toggle]="open">
|
54 |
|
|
<span (click)="editTopicOpen(-1); $event.preventDefault()"
|
55 |
|
|
class="clickable uk-flex uk-flex-middle uk-flex-center">
|
56 |
|
|
<span class="uk-icon-button small portal-icon-button" [class.uk-margin-left]="open">
|
57 |
|
|
<icon name="add"></icon>
|
58 |
|
|
</span>
|
59 |
|
|
<span class="uk-hidden-hover space" [class.uk-hidden]="!open"> Create new topic</span>
|
60 |
59693
|
argiro.kok
|
</span>
|
61 |
59729
|
k.triantaf
|
</li>
|
62 |
|
|
</ul>
|
63 |
|
|
</div>
|
64 |
59769
|
k.triantaf
|
<div *ngIf="stakeholder && stakeholder.topics.length > 0" class="uk-position-bottom uk-margin-bottom">
|
65 |
59765
|
argiro.kok
|
<div class="uk-flex uk-flex-center">
|
66 |
|
|
<!--<a class="portal-icon-button uk-icon-button icon-button-small uk-margin-right" uk-tooltip="Help">
|
67 |
|
|
<i uk-icon="icon:question;ratio:0.7" class="uk-icon"></i>
|
68 |
|
|
</a>-->
|
69 |
59768
|
k.triantaf
|
<a class="portal-icon-button uk-icon-button small" uk-tooltip="Preview">
|
70 |
59765
|
argiro.kok
|
<icon name="preview" [ratio]="0.7"></icon>
|
71 |
|
|
</a>
|
72 |
|
|
<div #element uk-dropdown="mode: click; pos: top-left; offset: 5; delay-hide: 0; flip: false"
|
73 |
|
|
class="uk-padding-remove-horizontal">
|
74 |
|
|
<ul class="uk-nav uk-dropdown-nav">
|
75 |
|
|
<li><a target="_blank" [routerLink]="'/' + stakeholder.alias + '/' + stakeholder.topics[topicIndex].alias"
|
76 |
|
|
[queryParams]="{view: 'public'}"
|
77 |
|
|
(click)="hide(element)">Public view</a>
|
78 |
|
|
</li>
|
79 |
|
|
<li><a target="_blank" [routerLink]="'/' + stakeholder.alias + '/' +
|
80 |
|
|
stakeholder.topics[topicIndex].alias"
|
81 |
|
|
[queryParams]="{view: 'restricted'}"
|
82 |
|
|
(click)="hide(element)">Restricted view</a>
|
83 |
|
|
</li>
|
84 |
|
|
<!--<li class="disabled"><a class="uk-disabled uk-text-muted"
|
85 |
|
|
uk-tooltip="Note: available only in administration dashboard"
|
86 |
|
|
(click)="hide(element)">Private view</a>
|
87 |
|
|
</li>-->
|
88 |
|
|
</ul>
|
89 |
|
|
</div>
|
90 |
|
|
</div>
|
91 |
|
|
</div>
|
92 |
59720
|
k.triantaf
|
</div>
|
93 |
57506
|
k.triantaf
|
</div>
|
94 |
59556
|
argiro.kok
|
<div *ngIf="!isSmallScreen" id="sidebar_switcher_toggle" class="clickable "
|
95 |
59720
|
k.triantaf
|
(click)="toggleOpen($event)">
|
96 |
|
|
<span class="uk-position-center" *ngIf="!open" uk-icon="icon:chevron-right; ratio: 1.5"></span>
|
97 |
|
|
<span class="uk-position-center" *ngIf="open" uk-icon="icon: chevron-left; ratio:1.5"></span>
|
98 |
59556
|
argiro.kok
|
</div>
|
99 |
57506
|
k.triantaf
|
</aside>
|
100 |
59736
|
k.triantaf
|
<div *ngIf="stakeholder && filters" page-content>
|
101 |
59732
|
k.triantaf
|
<div header>
|
102 |
59736
|
k.triantaf
|
<nav>
|
103 |
59768
|
k.triantaf
|
<div *ngIf="stakeholder.topics.length > 0 && stakeholder.topics[topicIndex]">
|
104 |
59736
|
k.triantaf
|
<ul *ngIf="stakeholder.topics[topicIndex]"
|
105 |
|
|
class="customTabs uk-tab ignore admin uk-flex uk-flex-middle" visibility="true">
|
106 |
59732
|
k.triantaf
|
<ng-template ngFor [ngForOf]="stakeholder.topics[topicIndex].categories" let-category let-i="index">
|
107 |
|
|
<li class="uk-visible-toggle uk-flex uk-flex-middle"
|
108 |
|
|
[class.uk-active]="category.alias === stakeholder.topics[topicIndex].categories[categoryIndex].alias">
|
109 |
|
|
<ng-container *ngTemplateOutlet="visibilityOptions; context:
|
110 |
59729
|
k.triantaf
|
{i:i, type: 'cat',
|
111 |
|
|
visibility: stakeholder.topics[topicIndex].categories[i].visibility}">
|
112 |
59732
|
k.triantaf
|
</ng-container>
|
113 |
|
|
<a (click)="toggleCategory(i)">
|
114 |
|
|
<span class="title"> {{category.name}}</span>
|
115 |
|
|
</a>
|
116 |
|
|
<span class="uk-invisible-hover" (click)="$event.stopPropagation();$event.preventDefault()">
|
117 |
59729
|
k.triantaf
|
<span class="uk-icon clickable" uk-icon="more-vertical"></span>
|
118 |
|
|
<div #element uk-dropdown="mode: click; pos: bottom-right; offset: 5; delay-hide: 0; flip: false">
|
119 |
59556
|
argiro.kok
|
<ul class="uk-nav uk-dropdown-nav">
|
120 |
|
|
<li><a (click)="editCategoryOpen(i); hide(element)">Edit</a></li>
|
121 |
59675
|
argiro.kok
|
<ng-template ngFor [ngForOf]="stakeholderUtils.visibility" let-v>
|
122 |
59749
|
k.triantaf
|
<li *ngIf="category.visibility != v.value"><a (click)="changeCategoryStatus(i, v.value);
|
123 |
59675
|
argiro.kok
|
hide(element)">
|
124 |
59720
|
k.triantaf
|
{{'Make ' + v.label.toLowerCase()}}</a>
|
125 |
59675
|
argiro.kok
|
</li>
|
126 |
|
|
</ng-template>
|
127 |
59720
|
k.triantaf
|
<hr *ngIf="!stakeholder.topics[topicIndex].categories[i].defaultId" class="uk-nav-divider">
|
128 |
59556
|
argiro.kok
|
<li *ngIf="!stakeholder.topics[topicIndex].categories[i].defaultId"><a
|
129 |
59720
|
k.triantaf
|
(click)="deleteCategoryOpen(i, 'delete'); hide(element)">Delete</a>
|
130 |
59556
|
argiro.kok
|
</li>
|
131 |
|
|
</ul>
|
132 |
|
|
</div>
|
133 |
|
|
</span>
|
134 |
59732
|
k.triantaf
|
</li>
|
135 |
|
|
</ng-template>
|
136 |
|
|
<li class="uk-visible-toggle">
|
137 |
59729
|
k.triantaf
|
<span (click)="editCategoryOpen(); $event.preventDefault()" class="clickable">
|
138 |
|
|
<span class="uk-icon-button small portal-icon-button">
|
139 |
|
|
<icon name="add"></icon>
|
140 |
|
|
</span>
|
141 |
|
|
<span class="uk-hidden-hover space">Create new category</span>
|
142 |
59556
|
argiro.kok
|
</span>
|
143 |
59732
|
k.triantaf
|
</li>
|
144 |
|
|
</ul>
|
145 |
|
|
</div>
|
146 |
|
|
</nav>
|
147 |
59768
|
k.triantaf
|
<ul *ngIf="stakeholder.topics.length > 0 && stakeholder.topics[topicIndex].categories.length > 0 && stakeholder.topics[topicIndex].categories[categoryIndex]"
|
148 |
59736
|
k.triantaf
|
visibility="true" class="uk-subnav uk-subnav-pill subCategoriesTabs ignore admin uk-flex uk-flex-middle">
|
149 |
59732
|
k.triantaf
|
<ng-template ngFor [ngForOf]="stakeholder.topics[topicIndex].categories[categoryIndex].subCategories"
|
150 |
|
|
let-subCategory let-i="index">
|
151 |
|
|
<li [class.uk-active]="(subCategory.alias ===
|
152 |
59720
|
k.triantaf
|
stakeholder.topics[topicIndex].categories[categoryIndex].subCategories[subCategoryIndex].alias)"
|
153 |
59732
|
k.triantaf
|
class="uk-visible-toggle uk-position-relative uk-padding-remove-horizontal">
|
154 |
59729
|
k.triantaf
|
<span>
|
155 |
|
|
<ng-container *ngTemplateOutlet="visibilityOptions; context:
|
156 |
|
|
{i:i, type: 'sub',
|
157 |
|
|
visibility: stakeholder.topics[topicIndex].categories[categoryIndex].subCategories[i].visibility}">
|
158 |
|
|
</ng-container>
|
159 |
|
|
<a (click)="chooseSubcategory(categoryIndex, i);$event.preventDefault()"
|
160 |
|
|
class="space">
|
161 |
|
|
<span>{{subCategory.name}}</span>
|
162 |
|
|
</a>
|
163 |
|
|
<span class="uk-invisible-hover uk-position-center-right color"
|
164 |
|
|
(click)="$event.stopPropagation();$event.preventDefault()">
|
165 |
|
|
<span class="clickable" uk-icon="more-vertical"></span>
|
166 |
59732
|
k.triantaf
|
<div #element uk-dropdown="mode: click; pos: bottom-right; offset: 10; delay-hide: 0; flip: false">
|
167 |
59729
|
k.triantaf
|
<ul class="uk-nav uk-dropdown-nav">
|
168 |
|
|
<li><a (click)="editSubCategoryOpen(i); hide(element)">Edit</a></li>
|
169 |
|
|
<ng-template ngFor [ngForOf]="stakeholderUtils.visibility" let-v>
|
170 |
59749
|
k.triantaf
|
<li *ngIf="subCategory.visibility != v.value"><a (click)="changeSubcategoryStatus(i, v.value);
|
171 |
59729
|
k.triantaf
|
hide(element)">
|
172 |
|
|
{{'Make ' + v.label.toLowerCase()}}</a>
|
173 |
|
|
</li>
|
174 |
|
|
</ng-template>
|
175 |
|
|
<hr *ngIf="!stakeholder.topics[topicIndex].categories[categoryIndex].subCategories[i].defaultId"
|
176 |
|
|
class="uk-nav-divider">
|
177 |
|
|
<li *ngIf="!stakeholder.topics[topicIndex].categories[categoryIndex].subCategories[i].defaultId"><a
|
178 |
|
|
(click)="deleteSubcategoryOpen(i, 'delete'); hide(element)">Delete</a>
|
179 |
59556
|
argiro.kok
|
|
180 |
59675
|
argiro.kok
|
</li>
|
181 |
59729
|
k.triantaf
|
</ul>
|
182 |
|
|
</div>
|
183 |
|
|
</span>
|
184 |
|
|
</span>
|
185 |
59732
|
k.triantaf
|
</li>
|
186 |
|
|
</ng-template>
|
187 |
|
|
<li class="uk-visible-toggle ignore">
|
188 |
59729
|
k.triantaf
|
<span (click)="editSubCategoryOpen(); $event.preventDefault()" class="clickable">
|
189 |
|
|
<span class="uk-icon-button small portal-icon-button">
|
190 |
|
|
<icon name="add"></icon>
|
191 |
|
|
</span>
|
192 |
|
|
<span class="uk-hidden-hover space">Create new subcategory</span>
|
193 |
|
|
</span>
|
194 |
59732
|
k.triantaf
|
</li>
|
195 |
|
|
</ul>
|
196 |
59736
|
k.triantaf
|
<!--<div class="uk-grid uk-margin-medium" uk-grid>
|
197 |
|
|
<div *ngIf="filters" class="uk-width-2-3@m uk-width-1-1 uk-child-width-1-3@m uk-child-width-1-1" uk-grid>
|
198 |
|
|
<div>
|
199 |
|
|
<div dashboard-input [formInput]="filters.get('chartType')"
|
200 |
|
|
type="select" [options]="[all].concat(indicatorUtils.allChartTypes)"
|
201 |
|
|
label="Chart Type"></div>
|
202 |
|
|
</div>
|
203 |
|
|
<div>
|
204 |
|
|
<div dashboard-input [formInput]="filters.get('status')"
|
205 |
|
|
type="select" [options]="[all].concat(stakeholderUtils.visibility)"
|
206 |
|
|
label="Status"></div>
|
207 |
|
|
</div>
|
208 |
|
|
</div>
|
209 |
|
|
<div class="uk-width-expand@m uk-width-1-1 uk-flex uk-flex-middle uk-flex-right">
|
210 |
|
|
<div class="uk-inline uk-width-medium">
|
211 |
|
|
<span class="uk-position-center-right"><i uk-icon="search" class="uk-icon"></i></span>
|
212 |
|
|
<div dashboard-input [formInput]="filters.get('keyword')" label="Locate indicator"></div>
|
213 |
|
|
</div>
|
214 |
|
|
|
215 |
|
|
</div>
|
216 |
|
|
</div>-->
|
217 |
59556
|
argiro.kok
|
</div>
|
218 |
59732
|
k.triantaf
|
<div inner>
|
219 |
|
|
<indicators [properties]="properties"
|
220 |
59556
|
argiro.kok
|
[topicIndex]="topicIndex"
|
221 |
|
|
[categoryIndex]="categoryIndex"
|
222 |
59736
|
k.triantaf
|
[filters]="filters"
|
223 |
59720
|
k.triantaf
|
[subcategoryIndex]="subCategoryIndex"></indicators>
|
224 |
59556
|
argiro.kok
|
</div>
|
225 |
|
|
</div>
|
226 |
57922
|
k.triantaf
|
<modal-alert #deleteModal (alertOutput)="deleteElement()">
|
227 |
|
|
You are about to delete <span class="uk-text-bold" *ngIf="element">"{{element.name}}"</span> {{type}} permanently.
|
228 |
58980
|
konstantin
|
<div *ngIf="elementChildrenActionOnDelete == 'delete'" class="uk-text-bold">
|
229 |
|
|
{{getPluralTypeName()}} of all profiles based on this default {{type}}, will be deleted as well.
|
230 |
|
|
</div>
|
231 |
57922
|
k.triantaf
|
Are you sure you want to proceed?
|
232 |
|
|
</modal-alert>
|
233 |
59675
|
argiro.kok
|
|
234 |
59720
|
k.triantaf
|
<modal-alert #editModal (alertOutput)="saveElement()" [okDisabled]="form && (form.invalid || form.pristine)">
|
235 |
|
|
<div *ngIf="form" class="uk-grid uk-padding uk-padding-remove-horizontal uk-child-width-1-1" [formGroup]="form"
|
236 |
|
|
uk-grid>
|
237 |
|
|
<div dashboard-input [formInput]="form.get('name')" label="Title"></div>
|
238 |
|
|
<div dashboard-input [formInput]="form.get('description')"
|
239 |
57922
|
k.triantaf
|
label="Description" type="textarea">
|
240 |
|
|
</div>
|
241 |
59720
|
k.triantaf
|
<div *ngIf="form.get('icon')" dashboard-input [formInput]="form.get('icon')"
|
242 |
58881
|
k.triantaf
|
label="Icon(SVG)" type="textarea">
|
243 |
|
|
</div>
|
244 |
59720
|
k.triantaf
|
<div dashboard-input [formInput]="form.get('visibility')"
|
245 |
|
|
label="Status" [options]="stakeholderUtils.visibility" type="select">
|
246 |
57922
|
k.triantaf
|
</div>
|
247 |
|
|
</div>
|
248 |
|
|
</modal-alert>
|
249 |
57591
|
k.triantaf
|
|
250 |
59675
|
argiro.kok
|
|
251 |
59720
|
k.triantaf
|
<ng-template #visibilityOptions let-type="type" let-i="i" let-visibility="visibility">
|
252 |
59729
|
k.triantaf
|
<span class="uk-invisible-hover visibility small" (click)="$event.stopPropagation();$event.preventDefault()">
|
253 |
|
|
<span class="clickable">
|
254 |
|
|
<icon [name]="stakeholderUtils.visibilityIcon.get(visibility)" [ratio]="0.5"></icon>
|
255 |
|
|
</span>
|
256 |
|
|
<div #element uk-dropdown="mode: click; pos: bottom-left; delay-hide: 0; flip: false">
|
257 |
|
|
<ul class="uk-nav uk-dropdown-nav">
|
258 |
|
|
<li *ngFor="let v of stakeholderUtils.visibility">
|
259 |
|
|
<a *ngIf="visibility != v.value"
|
260 |
|
|
(click)="$event.stopPropagation();toggleStatusByIndex(i, v.value, type);hide(element);$event.preventDefault()">
|
261 |
|
|
<icon [name]="stakeholderUtils.visibilityIcon.get(v.value)" ratio="0.8"></icon>
|
262 |
|
|
<span> {{v.label}}</span>
|
263 |
|
|
</a>
|
264 |
|
|
<a *ngIf="visibility == v.value" class="uk-position-relative">
|
265 |
|
|
<icon [name]="stakeholderUtils.visibilityIcon.get(v.value)" [ratio]="0.8"></icon>
|
266 |
|
|
<span> {{v.label}}</span>
|
267 |
|
|
<span class="uk-position-center-right">
|
268 |
|
|
<icon customClass="uk-text-secondary" [ratio]="0.5" name="bullet"></icon>
|
269 |
|
|
</span>
|
270 |
|
|
</a>
|
271 |
|
|
</li>
|
272 |
|
|
</ul>
|
273 |
|
|
</div>
|
274 |
|
|
</span>
|
275 |
59675
|
argiro.kok
|
</ng-template>
|