78 lines
4.2 KiB
HTML
78 lines
4.2 KiB
HTML
<div page-content (stickyEmitter)="stickyPageHeader = $event">
|
|
<div header>
|
|
<div class="uk-flex uk-flex-middle uk-margin-top info" [class.uk-active]="stickyPageHeader">
|
|
<div>
|
|
<div class="uk-margin-remove uk-text-background uk-text-bold uk-h6">Admin Dashboard - Manage Notification Settings</div>
|
|
<h1 class="uk-h4 uk-margin-remove">{{community.shortTitle}}</h1>
|
|
</div>
|
|
</div>
|
|
<users-tabs tab="notifications"></users-tabs>
|
|
</div>
|
|
<div inner>
|
|
<div class="uk-flex uk-flex-center">
|
|
<div class="uk-width-xlarge">
|
|
<div class="uk-margin-top">
|
|
<div class="uk-flex uk-flex-center uk-flex-right@m">
|
|
<button class="uk-button uk-button-secondary" [class.uk-disabled]="!hasChanged || showLoading"
|
|
[disabled]="!hasChanged || showLoading"
|
|
(click)="resetForm()">Reset
|
|
</button>
|
|
<button class="uk-button uk-margin-left uk-button-primary"
|
|
[disabled]="!hasChanged || showLoading" [class.uk-disabled]="!hasChanged || showLoading"
|
|
(click)="updateUserNotifications()">Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="uk-section uk-section uk-position-relative">
|
|
<div *ngIf="!showLoading">
|
|
<div class="uk-margin-bottom">
|
|
<div class="uk-margin uk-grid" >
|
|
<div class="uk-width-expand" uk-tooltip="Get e-mail notification when there are changes in the managers list of your community">
|
|
Notify me for any changes in the managers list</div>
|
|
<mat-slide-toggle [checked]="userNotifications.notifyForNewManagers"
|
|
(change)="($event.source.checked = userNotifications.notifyForNewManagers);changeValueForNewManagers(userNotifications.notifyForNewManagers)">
|
|
{{userNotifications.notifyForNewManagers?' Enabled':'Disabled'}}
|
|
</mat-slide-toggle>
|
|
</div>
|
|
<div class="uk-margin uk-grid">
|
|
<div class="uk-width-expand" uk-tooltip="Get e-mail notification when a user subscribes in your community">
|
|
Notify me for new members
|
|
</div>
|
|
<mat-slide-toggle [checked]="userNotifications.notifyForNewSubscribers"
|
|
(change)="($event.source.checked = userNotifications.notifyForNewSubscribers);changeValueForNewSubscribers(userNotifications.notifyForNewSubscribers)">
|
|
{{userNotifications.notifyForNewSubscribers?' Enabled':'Disabled'}}
|
|
</mat-slide-toggle>
|
|
</div>
|
|
<hr class="uk-margin-medium">
|
|
<div *ngFor="let notification of notifications; let i=index">
|
|
<div class="uk-margin uk-grid">
|
|
<div class="uk-width-expand"
|
|
title="Get e-mail notification when users create new links related your community">
|
|
Notify me for any linking actions related to your community</div>
|
|
<mat-slide-toggle [checked]="notification.notify"
|
|
(change)="($event.source.checked = notification.notify);changeNotify(notification, !notification.notify, i)">
|
|
{{notification.notify?' Enabled':'Disabled'}}
|
|
</mat-slide-toggle>
|
|
</div>
|
|
<div *ngIf="notification.notify" class="uk-margin">
|
|
<div class="uk-text-bold uk-margin-small-bottom">Set Notification Frequency</div>
|
|
<div class="uk-flex uk-flex-between">
|
|
<label *ngFor="let option of frequencyOptions">
|
|
<input class="uk-radio" type="radio" [checked]="notification.frequency === option.value"
|
|
(click)="notification.frequency = option.value">
|
|
<span class="uk-margin-small-left">{{option.label}}</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div *ngIf="showLoading" class="uk-position-center">
|
|
<loading></loading>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|