78 lines
4.1 KiB
HTML
78 lines
4.1 KiB
HTML
<div page-content>
|
|
<div header>
|
|
<div class="uk-flex uk-flex-middle uk-margin-medium-top info">
|
|
<div>
|
|
<div class="uk-text-background uk-text-bold uk-text-small">Admin Dashboard - Manage Notification Settings</div>
|
|
<h1 class="uk-h6 uk-margin-remove">{{community.shortTitle}}</h1>
|
|
</div>
|
|
</div>
|
|
<users-tabs tab="notifications"></users-tabs>
|
|
</div>
|
|
<div actions>
|
|
<div class="uk-container uk-container-xsmall uk-section-xsmall">
|
|
<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>
|
|
<div inner>
|
|
<div class="uk-container uk-container-xsmall">
|
|
<div class="uk-section uk-position-relative" style="min-height: 60vh">
|
|
<div *ngIf="!showLoading">
|
|
<div class="uk-margin-bottom">
|
|
<div class="uk-margin uk-grid" 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" uk-grid>
|
|
<div class="uk-width-expand" uk-tooltip="Get e-mail notification when a user joins 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" 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; change()">
|
|
<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>
|