2022-06-06 16:17:26 +02:00
< aside * ngIf = "stakeholder" id = "sidebar_main" >
2020-10-12 14:54:57 +02:00
< div id = "sidebar_content" >
2022-08-04 16:45:43 +02:00
< 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" >
2022-08-05 14:00:21 +02:00
< icon class = "menu-icon" name = "west" [ flex ] = " true " ratio = "1.5" > < / icon >
2022-08-04 16:45:43 +02:00
< / div >
2022-08-05 14:00:21 +02:00
< span class = "uk-width-expand uk-text-truncate uk-margin-small-left"
2022-08-04 16:45:43 +02:00
[class.uk-hidden]="!open">Indicators< / span >
< / h6 >
< / a >
2022-04-07 00:25:36 +02:00
< / div >
2022-04-07 19:31:55 +02:00
< div class = "menu_section uk-margin-large-top" >
2022-07-14 13:38:20 +02:00
< ul # topics class = "uk-list uk-nav uk-nav-default" transition-group uk-nav >
2022-04-07 00:25:36 +02:00
< ng-template ngFor [ ngForOf ] = " stakeholder . topics " let-topic let-i = "index" >
2022-07-14 13:38:20 +02:00
< li class = "uk-visible-toggle" [ class . uk-active ] = " topicIndex = = i " transition-group-item >
2022-04-07 00:25:36 +02:00
< a [ routerLink ] = " ' / admin / ' + stakeholder . alias + ' / indicators / ' + topic . alias "
2022-07-14 13:38:20 +02:00
[attr.uk-tooltip]="'title: ' + topic.name + '; delay: 500'">
2022-04-07 00:25:36 +02:00
< div class = "uk-flex uk-flex-middle uk-flex-center" >
< div * ngIf = "topic.icon" class = "uk-width-auto" >
< icon class = "menu-icon" [ svg ] = " topic . icon " [ flex ] = " true " > < / icon >
2020-10-31 17:02:30 +01:00
< / div >
2022-04-07 00:25:36 +02:00
< span * ngIf = "open || !topic.icon" [ class . uk-text-small ] = " ! open "
class="uk-width-expand uk-text-truncate uk-margin-small-left">
{{topic.name}}
< / span >
2022-09-13 12:30:16 +02:00
< span * ngIf = "open" class = "uk-margin-xsmall-left" [ class . uk-invisible-hover ] = " topicIndex ! = = i "
2022-04-07 00:25:36 +02:00
(click)="$event.stopPropagation();$event.preventDefault()">
< a class = "uk-link-reset uk-flex uk-flex-middle" >
2022-07-14 16:44:53 +02:00
< icon [ flex ] = " true " [ name ] = " stakeholderUtils . visibilityIcon . get ( topic . visibility ) "
ratio="0.6">< / icon >
2022-04-07 00:25:36 +02:00
< icon [ flex ] = " true " name = "more_vert" > < / icon >
< / a >
< div # element uk-dropdown = "mode: click; pos: bottom-left; offset: 5; delay-hide: 0; flip: false" >
< ul class = "uk-nav uk-dropdown-nav" >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "isCurator" >
< li >
2022-07-14 13:38:20 +02:00
< a ( click ) = " editTopicOpen ( i ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "edit" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Edit< / span >
< / div >
< / a >
< / li >
2022-07-14 16:44:53 +02:00
< li * ngIf = "i > 0 || i < stakeholder.topics.length - 1" class = "uk-nav-divider" > < / li >
2022-07-14 13:38:20 +02:00
< li * ngIf = "i > 0" >
< a ( click ) = " hide ( element ) ; moveTopic ( i ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "north" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Up< / span >
< / div >
< / a >
< / li >
< li * ngIf = "i < stakeholder.topics.length - 1" >
< a ( click ) = " hide ( element ) ; moveTopic ( i , i + 1 ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "south" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Down< / span >
< / div >
< / a >
2022-06-06 16:17:26 +02:00
< / li >
< li class = "uk-nav-divider" > < / li >
< / ng-container >
2022-04-07 00:25:36 +02:00
< ng-template ngFor [ ngForOf ] = " stakeholderUtils . visibility " let-v >
2022-04-20 12:58:32 +02:00
< li [ class . uk-active ] = " topic . visibility = == v . value " >
2022-09-14 15:32:52 +02:00
< a ( click ) = " openVisibilityModal ( i , v . value , ' topic ' ) ; hide ( element ) " >
2022-04-07 00:25:36 +02:00
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " [ name ] = " v . icon " ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > {{v.label}}< / span >
2022-07-14 16:44:53 +02:00
< icon * ngIf = "topic.visibility === v.value" [ flex ] = " true " name = "done"
class="uk-text-secondary" ratio="0.8">< / icon >
2022-04-07 00:25:36 +02:00
< / div >
< / a >
< / li >
< / ng-template >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "!topic.defaultId && isCurator" >
2022-07-14 16:44:53 +02:00
< li class = "uk-nav-divider" >
2022-07-14 13:38:20 +02:00
< li >
< a ( click ) = " deleteTopicOpen ( i , ' delete ' ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "delete" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Delete< / span >
< / div >
< / a >
<!-- <ng - container *ngIf="!stakeholder.defaultId">
< a ( click ) = " deleteTopicOpen ( i , ' delete ' ) ; hide ( element ) " > Delete from all profiles< / a >
< a ( click ) = " deleteTopicOpen ( i , ' disconnect ' ) ; hide ( element ) " > Delete and disconnect from all profiles< / a >
< / ng-container > -->
< / li >
2022-06-06 16:17:26 +02:00
< / ng-container >
2022-04-07 00:25:36 +02:00
< / ul >
< / div >
< / span >
< / div >
2022-03-11 00:09:23 +01:00
< / a >
2020-10-31 17:02:30 +01:00
< / li >
2022-04-07 00:25:36 +02:00
< / ng-template >
2022-06-06 16:17:26 +02:00
< li * ngIf = "isCurator" >
2022-04-07 00:25:36 +02:00
< a ( click ) = " editTopicOpen ( -1 ) ; $ event . preventDefault ( ) " >
< div class = "uk-flex uk-flex-middle uk-flex-center" >
< div class = "uk-width-auto" >
< icon class = "menu-icon" name = "add" [ flex ] = " true " > < / icon >
< / div >
< span class = "uk-width-expand uk-text-truncate uk-margin-small-left" [ class . uk-hidden ] = " ! open " > Create new topic< / span >
< / div >
2020-11-04 12:16:47 +01:00
< / a >
2022-04-07 00:25:36 +02:00
< / li >
< / ul >
< / div >
2022-06-06 16:17:26 +02:00
< div * ngIf = "stakeholder.topics.length > 0" class = "uk-position-bottom uk-margin-bottom" >
2022-04-07 00:25:36 +02:00
< div class = "uk-flex uk-flex-center" >
2022-04-15 14:40:12 +02:00
< button class = "uk-icon-button uk-button-primary" uk-tooltip = "Preview" >
2022-04-09 15:25:09 +02:00
< icon name = "visibility" [ flex ] = " true " > < / icon >
2022-04-15 14:40:12 +02:00
< / button >
2022-04-07 00:25:36 +02:00
< div # element uk-dropdown = "mode: click; pos: top-left; offset: 5; delay-hide: 0; flip: false"
class="uk-padding-remove-horizontal">
< 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 + ' / ' +
2020-11-04 12:16:47 +01:00
stakeholder.topics[topicIndex].alias"
2022-04-07 00:25:36 +02:00
[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 >
2020-11-04 12:16:47 +01:00
< / div >
< / div >
2020-10-29 17:36:19 +01:00
< / div >
2020-10-12 14:54:57 +02:00
< / div >
2019-11-04 12:50:25 +01:00
< / aside >
2022-07-14 16:44:53 +02:00
< div * ngIf = "stakeholder && filters" page-content >
2020-11-01 16:41:56 +01:00
< div header >
2022-04-07 00:25:36 +02:00
< div * ngIf = "stakeholder.topics.length > 0 && stakeholder.topics[topicIndex]" >
2022-08-04 14:33:49 +02:00
< div class = "uk-flex uk-margin-medium-top uk-flex-middle info" >
2022-06-26 22:42:30 +02:00
< img [ src ] = " stakeholder | logoUrl " class = "uk-margin-right uk-blend-multiply" >
2022-04-07 00:25:36 +02:00
< div >
2022-08-04 14:33:49 +02:00
< div class = "uk-text-background uk-text-bold uk-text-small" > Admin Dashboard - Manage Indicators< / div >
< h1 class = "uk-h6 uk-margin-remove" > {{stakeholder.name}}< / h1 >
2022-04-07 00:25:36 +02:00
< / div >
< / div >
2022-07-14 16:44:53 +02:00
< / div >
< / div >
< div actions >
2022-08-04 14:33:49 +02:00
< div class = "uk-margin-medium-top uk-margin-bottom" >
2022-07-14 16:44:53 +02:00
< ul * ngIf = "stakeholder.topics[topicIndex]" # categories transition-group class = "uk-tab" >
< ng-template ngFor [ ngForOf ] = " stakeholder . topics [ topicIndex ] . categories " let-category let-i = "index" >
< li class = "uk-visible-toggle uk-flex" [ class . uk-active ] = " categoryIndex = == i " transition-group-item >
2022-04-07 00:25:36 +02:00
< a ( click ) = " chooseCategory ( i ) " >
< span class = "title" > {{category.name}}< / span >
< / a >
2022-09-13 12:30:16 +02:00
< span class = "uk-flex uk-flex-column uk-flex-center uk-margin-small-left"
2022-07-14 16:44:53 +02:00
[class.uk-invisible-hover]="categoryIndex !== i"
(click)="$event.stopPropagation();$event.preventDefault()">
2022-04-07 00:25:36 +02:00
< a class = "uk-link-reset uk-flex uk-flex-middle" >
2022-07-14 16:44:53 +02:00
< icon [ flex ] = " true " [ name ] = " stakeholderUtils . visibilityIcon . get ( category . visibility ) "
ratio="0.6">< / icon >
2022-04-07 00:25:36 +02:00
< icon [ flex ] = " true " name = "more_vert" > < / icon >
2022-03-11 00:09:23 +01:00
< / a >
2022-06-17 01:59:24 +02:00
< div # element uk-dropdown = "mode: click; pos: bottom-left; offset: 5; delay-hide: 0" >
2022-04-07 00:25:36 +02:00
< ul class = "uk-nav uk-dropdown-nav" >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "isCurator" >
< li >
2022-07-14 16:44:53 +02:00
< a ( click ) = " editCategoryOpen ( i ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "edit" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Edit< / span >
< / div >
< / a >
< / li >
< li * ngIf = "i > 0 || i < stakeholder.topics[topicIndex].categories.length - 1" class = "uk-nav-divider" > < / li >
< li * ngIf = "i > 0" >
< a ( click ) = " hide ( element ) ; moveCategory ( i ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "west" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Left< / span >
< / div >
< / a >
< / li >
< li * ngIf = "i < stakeholder.topics[topicIndex].categories.length - 1" >
< a ( click ) = " hide ( element ) ; moveCategory ( i , i + 1 ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "east" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Right< / span >
< / div >
< / a >
2022-06-06 16:17:26 +02:00
< / li >
< li class = "uk-nav-divider" > < / li >
< / ng-container >
2022-04-07 00:25:36 +02:00
< ng-template ngFor [ ngForOf ] = " stakeholderUtils . visibility " let-v >
2022-04-20 12:58:32 +02:00
< li [ class . uk-active ] = " category . visibility = == v . value " >
2022-09-14 15:32:52 +02:00
< a ( click ) = " openVisibilityModal ( i , v . value , ' category ' ) ; hide ( element ) " >
2022-04-07 00:25:36 +02:00
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " [ name ] = " v . icon " ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > {{v.label}}< / span >
2022-07-14 16:44:53 +02:00
< icon * ngIf = "category.visibility === v.value" [ flex ] = " true " name = "done"
class="uk-text-secondary" ratio="0.8">< / icon >
2022-04-07 00:25:36 +02:00
< / div >
< / a >
< / li >
< / ng-template >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "!category.defaultId && isCurator" >
< li class = "uk-nav-divider" >
2022-07-14 16:44:53 +02:00
< li >
< a ( click ) = " deleteCategoryOpen ( i , ' delete ' ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "delete" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Delete< / span >
< / div >
< / a >
< / li >
2022-06-06 16:17:26 +02:00
< / ng-container >
2022-04-07 00:25:36 +02:00
< / ul >
< / div >
< / span >
< / li >
< / ng-template >
2022-07-14 16:44:53 +02:00
< li * ngIf = "isCurator" >
< a ( click ) = " editCategoryOpen ( ) ; $ event . preventDefault ( ) " class = "uk-flex uk-flex-middle" >
< icon name = "add" [ flex ] = " true " > < / icon >
2022-08-02 22:42:38 +02:00
< span > Create new category< / span >
2022-04-07 00:25:36 +02:00
< / a >
2022-07-14 16:44:53 +02:00
< / li >
< / ul >
< ul * ngIf = "stakeholder.topics.length > 0 && stakeholder.topics[topicIndex].categories.length > 0 && stakeholder.topics[topicIndex].categories[categoryIndex]"
#subCategories class="uk-subnav uk-subnav-pill uk-margin-medium-top" transition-group>
< 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 ) ; $ event . preventDefault ( ) " class = "uk-margin-small-left" >
< span > {{subCategory.name}}< / span >
< / a >
2022-09-13 12:30:16 +02:00
< span class = "uk-flex uk-flex-column uk-flex-center uk-margin-small-left"
[class.uk-invisible-hover]="subCategoryIndex !== i"
2022-07-14 16:44:53 +02:00
(click)="$event.stopPropagation();$event.preventDefault()">
2022-04-07 00:25:36 +02:00
< a class = "uk-link-reset uk-flex uk-flex-middle" >
2022-07-14 16:44:53 +02:00
< icon [ flex ] = " true " [ name ] = " stakeholderUtils . visibilityIcon . get ( subCategory . visibility ) "
ratio="0.6">< / icon >
2022-04-07 00:25:36 +02:00
< icon [ flex ] = " true " name = "more_vert" > < / icon >
2020-10-31 17:02:30 +01:00
< / a >
2022-06-17 01:59:24 +02:00
< div # element uk-dropdown = "mode: click; pos: bottom-left; offset: 5; delay-hide: 0" >
2022-04-07 00:25:36 +02:00
< ul class = "uk-nav uk-dropdown-nav" >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "isCurator" >
< li >
2022-07-14 16:44:53 +02:00
< a ( click ) = " editSubCategoryOpen ( i ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "edit" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Edit< / span >
< / div >
< / a >
< / li >
< li * ngIf = "i > 0 || i < stakeholder.topics[topicIndex].categories[categoryIndex].subCategories.length - 1" class = "uk-nav-divider" > < / li >
< li * ngIf = "i > 0" >
< a ( click ) = " hide ( element ) ; moveSubCategory ( i ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "west" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Left< / span >
< / div >
< / a >
< / li >
< li * ngIf = "i < stakeholder.topics[topicIndex].categories[categoryIndex].subCategories.length - 1" >
< a ( click ) = " hide ( element ) ; moveSubCategory ( i , i + 1 ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "east" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Move Right< / span >
< / div >
< / a >
< / li >
< li class = "uk-nav-divider" > < / li >
< li * ngIf = "indicators" >
2022-09-09 12:00:39 +02:00
< a ( click ) = " indicators . exportIndicators ( i ) ; hide ( element ) " >
2022-07-14 16:44:53 +02:00
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "download" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Export indicators< / span >
< / div >
< / a >
< / li >
< li * ngIf = "indicators" >
< a ( click ) = " file . value = '' ; this . index = i; file . click ( ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "upload" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Import indicators< / span >
< / div >
< / a >
2022-06-06 16:17:26 +02:00
< / li >
< li class = "uk-nav-divider" > < / li >
< / ng-container >
2022-04-07 00:25:36 +02:00
< ng-template ngFor [ ngForOf ] = " stakeholderUtils . visibility " let-v >
2022-04-20 12:58:32 +02:00
< li [ class . uk-active ] = " subCategory . visibility = == v . value " >
2022-09-14 15:32:52 +02:00
< a ( click ) = " openVisibilityModal ( i , v . value , ' subcategory ' ) ; hide ( element ) " >
2022-04-07 00:25:36 +02:00
< div class = "uk-flex uk-flex-middle" >
2022-07-14 16:44:53 +02:00
< icon [ flex ] = " true " [ name ] = " v . icon " ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > {{v.label}}< / span >
< icon * ngIf = "subCategory.visibility === v.value" [ flex ] = " true " name = "done"
class="uk-text-secondary" ratio="0.8">< / icon >
2022-04-07 00:25:36 +02:00
< / div >
< / a >
< / li >
< / ng-template >
2022-06-06 16:17:26 +02:00
< ng-container * ngIf = "!subCategory.defaultId && isCurator" >
< li class = "uk-nav-divider" >
2022-07-14 16:44:53 +02:00
< li >
< a ( click ) = " deleteSubcategoryOpen ( i , ' delete ' ) ; hide ( element ) " >
< div class = "uk-flex uk-flex-middle" >
< icon [ flex ] = " true " name = "delete" ratio = "0.6" > < / icon >
< span class = "uk-margin-small-left uk-width-expand" > Delete< / span >
< / div >
< / a >
< / li >
2022-06-06 16:17:26 +02:00
< / ng-container >
2022-04-07 00:25:36 +02:00
< / ul >
< / div >
2020-10-31 17:02:30 +01:00
< / span >
2022-07-14 16:44:53 +02:00
< / li >
< / ng-template >
< li * ngIf = "isCurator" >
< a ( click ) = " editSubCategoryOpen ( ) ; $ event . preventDefault ( ) " class = "uk-flex uk-flex-middle" >
< icon name = "add" [ flex ] = " true " > < / icon >
2022-08-02 22:42:38 +02:00
< span > Create new subcategory< / span >
2022-07-14 16:44:53 +02:00
< / a >
2020-11-01 16:41:56 +01:00
< / li >
2022-07-14 16:44:53 +02:00
< / ul >
< / div >
< / div >
< div inner >
< input # file id = "import-file" type = "file" class = "uk-hidden"
(change)="indicators.fileChangeEvent($event, this.index)"/>
2021-11-24 18:31:33 +01:00
< indicators # indicators [ topicIndex ] = " topicIndex " [ categoryIndex ] = " categoryIndex "
2022-06-06 16:17:26 +02:00
[subcategoryIndex]="subCategoryIndex" [user]="user"
2021-11-24 18:31:33 +01:00
[stakeholder]="stakeholder" [changed]="change.asObservable()">< / indicators >
2020-10-12 14:54:57 +02:00
< / div >
< / div >
2022-07-14 16:44:53 +02:00
< modal-alert # deleteModal classTitle = "uk-background-primary uk-light" ( alertOutput ) = " deleteElement ( ) "
2022-08-04 16:45:43 +02:00
[overflowBody]="false">
< div * ngIf = "loading" class = "uk-position-relative uk-height-medium" >
< loading class = "uk-position-center" > < / loading >
< / div >
< div * ngIf = "!loading" >
You are about to delete < span class = "uk-text-bold" * ngIf = "element" > "{{element.name}}"< / span > {{type}} permanently.
< div * ngIf = "elementChildrenActionOnDelete == 'delete'" class = "uk-text-bold" >
{{getPluralTypeName()}} of all profiles based on this default {{type}}, will be deleted as well.
< / div >
Are you sure you want to proceed?
< / div >
2019-12-19 12:17:32 +01:00
< / modal-alert >
2022-07-14 16:44:53 +02:00
< modal-alert # editModal classTitle = "uk-background-primary uk-light" ( alertOutput ) = " saveElement ( ) "
[okDisabled]="form & & (form.invalid || form.pristine)">
2022-08-04 16:45:43 +02:00
< div * ngIf = "loading" class = "uk-position-relative uk-height-large" >
< loading class = "uk-position-center" > < / loading >
< / div >
< 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 >
2022-04-07 00:25:36 +02:00
< div input [ formInput ] = " form . get ( ' name ' ) " placeholder = "Title" > < / 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 >
2022-07-14 16:44:53 +02:00
< div input [ formInput ] = " form . get ( ' visibility ' ) " placeholder = "Status" [ options ] = " stakeholderUtils . visibility "
type="select">
2019-12-19 12:17:32 +01:00
< / div >
< / div >
< / modal-alert >
2022-09-14 15:32:52 +02:00
< modal-alert # visibilityModal [ large ] = " false " classTitle = "uk-background-primary uk-light" >
< div class = "" >
You have the option to change the visibility status of your {{type}}, with or without affecting the visibility of its contents.
< / div >
< div class = "uk-flex uk-flex-center uk-margin-medium-top uk-margin-medium-bottom" >
< button class = "uk-button uk-button-primary" ( click ) = " changeElementStatus ( ) " >
Change {{type}} status
< / button >
< / div >
< div class = "uk-flex uk-flex-center uk-margin-medium-bottom" >
< button class = "uk-button uk-button-primary" ( click ) = " changeElementStatus ( true ) " >
Change {{type}} and its contents' status
< / button >
< / div >
< div class = "uk-text-small" >
< p class = "uk-text-bold uk-text-uppercase uk-margin-remove" > Note:< / p >
< div >
< span class = "uk-text-bold uk-text-italic" > The status of the {{type}} prevails the status of its contents.< / span > For example, if a {{type}}'s status is private, while it has
< span * ngIf = "type == 'topic'" > a category, subcategory or an indicator< / span >
< span * ngIf = "type == 'category'" > a subcategory or an indicator< / span >
< span * ngIf = "type == 'subcategory'" > an indicator< / span >
that is public, the private status of the {{type}} dominates.
< / div >
< / div >
< / modal-alert >