2019-11-05 15:59:06 +01:00
< aside id = "sidebar_main" >
2020-05-15 14:26:59 +02:00
< div * ngIf = "stakeholder" class = "sidebar_main_header uk-margin-remove-bottom uk-text-center" >
2020-06-11 19:06:45 +02:00
< img * ngIf = "properties.environment =='beta' || properties.environment =='development'" class = "badge"
[src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
[alt]="properties.environment">
2020-06-26 12:52:58 +02:00
< div class = "uk-position-relative uk-margin-small-top" >
<!-- <div *ngIf="!stakeholder.defaultId" class="uk - badge default">Default</div> -->
<!-- <img class="logo" *ngIf="stakeholder.logoUrl" [src]="stakeholder.logoUrl"> -->
<!-- <div class="uk - margin - top" *ngIf="!stakeholder.logoUrl" >{{stakeholder.name}}</div> -->
2020-06-29 15:31:38 +02:00
< a [ href ] = " properties . baseLink " > < div class = "portalLogo logo" > < / div > < / a >
2020-05-15 14:26:59 +02:00
< / div >
2019-11-01 19:30:11 +01:00
< / div >
2019-11-05 15:59:06 +01:00
< div * ngIf = "stakeholder" class = "menu_section" >
2019-11-01 19:30:11 +01:00
< ul >
2019-12-09 15:05:10 +01:00
< li class = "uk-margin-bottom md-bg-blue-900 uk-padding-small" >
2020-06-26 12:52:58 +02:00
< a [ routerLink ] = " ' . . / ' " class = "md-color-white" >
2019-12-09 15:05:10 +01:00
< span class = "menu_icon" > < i class = "material-icons md-color-white" > arrow_back< / i > < / span >
< div class = "menu_title uk-width-expand uk-text-uppercase" >
Back
< / div >
< / a >
< / li >
2019-11-01 19:30:11 +01:00
< li [ class . current_section ] = " analysisOpen "
[class.act_section]="analysisOpen"
class="submenu_trigger">
2019-11-14 11:09:13 +01:00
< a href = "#" ( click ) = " analysisOpen = !analysisOpen; $ event . preventDefault ( ) " >
2019-11-01 19:30:11 +01:00
< span class = "menu_icon" > < i class = "material-icons" > donut_large< / i > < / span >
2019-12-04 11:08:11 +01:00
< span class = "menu_title uk-width-expand" > Analysis Indicators< / span >
2019-11-01 19:30:11 +01:00
< / a >
< ul [ style . display ] = " ( analysisOpen ? ' block ' : ' none ' ) " >
2019-11-05 15:59:06 +01:00
< ng-template ngFor [ ngForOf ] = " stakeholder . topics " let-topic let-i = "index" >
2020-06-18 14:03:26 +02:00
< li [ title ] = " topic . name + ' : ' + ( topic . isActive ? ' Active ' : ' Inactive ' ) + ' , ' + ( topic . isPublic ? ' Public ' : ' Private ' ) " >
2019-11-14 11:09:13 +01:00
< a [ routerLink ] = " topic . alias " >
2020-06-12 12:46:11 +02:00
< span * ngIf = "topic.icon" class = "menu_icon" >
< span [ innerHTML ] = " satinizeHTML ( topic . icon ) " > < / span >
< / span >
2019-12-04 11:08:11 +01:00
< div class = "menu_title uk-width-expand" >
2019-11-12 16:55:37 +01:00
{{topic.name}}
2020-06-18 14:03:26 +02:00
<!-- <i
class="material-icons md-18 uk-margin-small-left">{{topic.isPublic ? 'public' : 'lock'}}< / i >
< i class = "material-icons md-18"
[class.md-color-green-300]="topic.isActive">brightness_1< / i > -->
2019-11-12 16:55:37 +01:00
< / div >
2019-12-23 11:08:54 +01:00
< div class = "menu_on_hover" ( click ) = " $ event . stopPropagation ( ) ; $ event . preventDefault ( ) " >
2019-12-19 12:17:32 +01:00
< i class = "material-icons onHover" > more_vert< / i >
2020-01-10 15:20:42 +01:00
< div # element uk-dropdown = "mode: click; pos: bottom-right; offset: 5; delay-hide: 0; flip: false"
2019-12-19 12:17:32 +01:00
class="uk-padding-remove-horizontal">
< ul class = "uk-nav uk-dropdown-nav" >
2020-01-10 15:20:42 +01:00
< li > < a ( click ) = " editTopicOpen ( i ) ; hide ( element ) " > Edit< / a > < / li >
< li > < a ( click ) = " toggleTopicStatus ( topic ) ; hide ( element ) " >
2020-05-13 17:10:44 +02:00
{{topic.isActive ? 'Inactive' : 'Active'}}< / a >
2019-12-20 12:13:34 +01:00
< / li >
2020-01-10 15:20:42 +01:00
< li > < a ( click ) = " toggleTopicAccess ( topic ) ; hide ( element ) " >
2020-05-13 17:10:44 +02:00
{{topic.isPublic?'Private':'Public'}}< / a >
2019-12-19 12:17:32 +01:00
< / li >
2020-06-18 14:03:26 +02:00
< hr * ngIf = "!topic.defaultId" class = "uk-nav-divider" >
2020-06-23 10:33:13 +02:00
< li * ngIf = "!topic.defaultId" > < a ( click ) = " deleteTopicOpen ( i , ' delete ' ) ; hide ( element ) " > Delete< / 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 >
2019-12-19 12:17:32 +01:00
< / ul >
2019-11-12 16:55:37 +01:00
< / div >
< / div >
2019-12-19 12:17:32 +01:00
< / a >
2019-11-01 19:30:11 +01:00
< / li >
< / ng-template >
< li >
2019-12-19 12:17:32 +01:00
< a href = "#" ( click ) = " editTopicOpen ( ) ; $ event . preventDefault ( ) " >
2019-11-01 19:30:11 +01:00
< span class = "menu_icon" > < i class = "material-icons" > add< / i > < / span >
< span class = "menu_title" > Create new Topic< / span >
< / a >
< / li >
< / ul >
< / li >
< / ul >
< / div >
< / aside >
2020-05-12 13:05:53 +02:00
< div id = "page_content" >
2019-11-01 19:30:11 +01:00
< div id = "page_content_inner" >
< h4 class = "uk-text-bold" >
Customise your Monitor Dashboard!
< / h4 >
< div class = "uk-text-large uk-margin-bottom" >
< div >
Modify or add new topics, categories and content.< br > < br >
2019-11-12 16:55:37 +01:00
Start your navigation through the < span class = "md-color-blue-900" > left side menu!< / span >
2019-11-01 19:30:11 +01:00
< / div >
< div class = "uk-margin-small-top uk-margin-small-bottom uk-margin-large-left" >
2019-11-05 15:59:06 +01:00
< svg xmlns = "http://www.w3.org/2000/svg" width = "30" height = "88" viewBox = "0 0 30 88" >
2019-11-01 19:30:11 +01:00
< g id = "Group_749" data-name = "Group 749" transform = "translate(-872.168 -490.5)" >
< text class = "fill_text" id = "OR" transform = "translate(872.168 540.271)" font-size = "18"
font-family="OpenSans-Bold, Open Sans" font-weight="900" opacity="0.8">
< tspan x = "0" y = "0" > OR< / tspan >
< / text >
< line class = "stroke_line" id = "Line_225" data-name = "Line 225" y2 = "30" transform = "translate(885.5 490.5)"
2020-06-23 10:33:13 +02:00
fill="none" stroke="#000" stroke-width="1" opacity="0.2">< / line >
2019-11-01 19:30:11 +01:00
< line class = "stroke_line" id = "Line_226" data-name = "Line 226" y2 = "30" transform = "translate(885.5 548.5)"
2020-06-23 10:33:13 +02:00
fill="none" stroke="#000" stroke-width="1" opacity="0.2">< / line >
2019-11-01 19:30:11 +01:00
< / g >
< / svg >
< / div >
< div class = "uk-width-1-1" >
2019-11-12 16:55:37 +01:00
Select one of the < span class = "md-color-blue-900" > topics below< / span > !
2019-11-01 19:30:11 +01:00
< / div >
< / div >
2019-11-13 17:01:33 +01:00
< div * ngIf = "stakeholder" class = "uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium" uk-grid >
2019-11-01 19:30:11 +01:00
< ng-template ngFor [ ngForOf ] = " stakeholder . topics " let-topic >
< div >
2019-11-13 17:01:33 +01:00
< a [ routerLink ] = " topic . alias " class = "md-card" >
2020-06-29 15:31:38 +02:00
< div class = "md-card-toolbar" >
<!-- <div class="md - card - toolbar - actions" >
< div class = "md-card-dropdown uk-inline" >
< i class = "md-icon material-icons" > more_vert< / i >
< div # element uk-dropdown = "mode: click; pos: bottom-right; delay-hide: 0; flip: false"
class="uk-padding-remove-horizontal">
< ul class = "uk-nav uk-dropdown-nav" >
< li * ngIf = "!editing" > < a ( click ) = " editChartIndicatorOpen ( chart , indicator . _id ) ; hide ( element ) " > Edit< / a >
< / li >
< li * ngIf = "!editing" > < a ( click ) = " toggleIndicatorStatus ( chart . _id , indicator ) ; hide ( element ) " >
{{indicator.isActive ? 'Inactive' : 'Active'}}< / a >
< / li >
< li * ngIf = "!editing" > < a ( click ) = " toggleIndicatorAccess ( chart . _id , indicator ) ; hide ( element ) " >
{{indicator.isPublic ? 'Private' : 'Public'}}< / a >
< / li >
< hr * ngIf = "!indicator.defaultId " class = "uk-nav-divider" >
< li * ngIf = "!editing && !indicator.defaultId " > < a
(click)="deleteIndicatorOpen(chart, indicator._id, 'chart', 'delete');hide(element)">
Delete< / a >
< !– < a ( click ) = " deleteIndicatorOpen ( chart , indicator . _id , ' chart ' , ' delete ' ) ; hide ( element ) " > Delete from all profiles< / a > – >
< !– < a ( click ) = " deleteIndicatorOpen ( chart , indicator . _id , ' chart ' , ' disconnect ' ) ; hide ( element ) " > Delete and disconnect from all profiles< / a > – >
< / li >
< / ul >
< / div >
< / div >
< / div > -->
< div class = "md-card-toolbar-heading-text" >
{{topic.name}}
< / div >
< / div >
< div class = "md-card-content uk-grid" >
<!-- <h6 class="uk - text - bold">{{topic.name}}</h6> -->
< div class = "uk-width-1-2 uk-text-center"
title="{{topic.isPublic?'Visible to all users':'Visible to members'}}">
< i class = "material-icons md-24" >
{{indicatorUtils.isPublicIcon.get(topic.isPublic)}}
< / i >
< div > {{(topic.isPublic) ? 'Public' : 'Private'}}< / div >
< / div >
< div class = "uk-width-1-2 uk-text-center"
title="{{topic.isActive?'Included in the indicators list':'Available only through administration dashboard'}}">
< i class = "material-icons md-24" [ class . md-color-green-300 ] = " topic . isActive " >
{{indicatorUtils.isActiveIcon}}
< / i >
< div > {{(topic.isActive) ? 'Active' : 'Inactive'}}< / div >
< / div >
< div * ngIf = "topic.description && topic.description.length > 0 " class = "uk-text-secondary uk-margin-top" >
2019-11-13 17:01:33 +01:00
{{topic.description}}
2019-11-01 19:30:11 +01:00
< / div >
< / div >
< / a >
< / div >
< / ng-template >
< / div >
< / div >
< / div >
2019-12-19 12:17:32 +01:00
< modal-alert # deleteModal ( alertOutput ) = " deleteTopic ( ) " >
You are about to delete < span class = "uk-text-bold" * ngIf = "index !== -1" > "{{stakeholder.topics[index].name}}"< / span > topic permanently.
2020-06-23 10:33:13 +02:00
< div * ngIf = "topicChildrenActionOnDelete == 'delete'" class = "uk-text-bold" >
Topics of all profiles based on this default topic, will be deleted as well.
< / div >
<!-- <span *ngIf="topicChildrenActionOnDelete == 'disconnect'" class="uk - text - bold"> -->
<!-- Topics of all profiles based on this default topic, will not be marked as copied from default anymore. -->
<!-- </span> -->
2019-12-19 12:17:32 +01:00
Are you sure you want to proceed?
< / modal-alert >
< modal-alert # editModal ( alertOutput ) = " saveTopic ( index ) " >
< div * ngIf = "form" class = "uk-padding-small" [ formGroup ] = " form " >
< div dashboard-input class = "uk-form-row" [ formInput ] = " form . get ( ' name ' ) " label = "Title" > < / div >
< div dashboard-input class = "uk-form-row" [ formInput ] = " form . get ( ' description ' ) "
label="Description" type="textarea">
< / div >
2020-06-12 12:46:11 +02:00
< div dashboard-input class = "uk-form-row" [ formInput ] = " form . get ( ' icon ' ) "
2020-06-11 12:12:30 +02:00
label="Icon(SVG)" type="textarea">
< / div >
2019-12-19 12:17:32 +01:00
< div class = "uk-form-row uk-flex uk-flex-middle" >
< div dashboard-input class = "uk-width-small" [ formInput ] = " form . get ( ' isPublic ' ) "
label="Accessibility" [options]="stakeholderUtils.isPublic" type="select">
< / div >
< div dashboard-input class = "uk-margin-small-left uk-width-small" [ formInput ] = " form . get ( ' isActive ' ) "
label="Visibility" [options]="stakeholderUtils.isActive" type="select">
< / div >
< / div >
< / div >
< / modal-alert >