2018-11-27 11:43:11 +01:00
< div id = "manage-user-notifications" class = " uk-padding" >
< div class = "uk-text-large uk-text-center uk-width-5-6@l uk-width" > Manage notification settings< / div >
2018-11-01 18:21:10 +01:00
< / div >
< div class = "uk-container uk-margin-top" >
2018-10-30 16:31:16 +01:00
< div * ngIf = "updateErrorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{updateErrorMessage}}< / div >
< div * ngIf = "errorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{errorMessage}}< / div >
< div * ngIf = "successfulSaveMessage" class = "uk-alert uk-alert-success" role = "alert" > {{successfulSaveMessage}}< / div >
< div * ngIf = "successfulResetMessage" class = "uk-alert uk-alert-warning" role = "alert" > {{successfulResetMessage}}< / div >
< div * ngIf = "showLoading" class = "uk-animation-fade uk-width-1-1" role = "alert" > < img class = "uk-align-center loading-gif" > < / div >
2018-11-01 18:21:10 +01:00
< div * ngIf = "communityId != null && userNotifications && !showLoading && !errorMessage" class = "uk-first-column uk-align-center uk-width-2-3" >
2018-11-27 11:43:11 +01:00
< div class = "uk-alert uk-alert-primary" role = "alert" > Notification settings are related to your personal account. < / div >
2018-11-01 18:21:10 +01:00
< form class = "uk-form-horizontal" >
< div class = "uk-margin" >
2018-11-27 11:43:11 +01:00
< div class = "uk-form-label inherit-color" title = "Get e-mail notification when there are changes in the managers list of your community" > Notify for manager changes:< / div >
2018-11-01 18:21:10 +01:00
< div class = "uk-form-controls uk-form-controls-text" data-uk-button-group >
< button * ngIf = "userNotifications.notifyForNewManagers" class = "uk-button uk-button-primary uk-button-small"
data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewManagers" class = "uk-button uk-button-default uk-button-small"
(click)="changeValueForNewManagers(userNotifications.notifyForNewManagers)" data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewManagers" class = "uk-button uk-button-danger uk-button-small"
data-uk-button>OFF< / button >
< button * ngIf = "userNotifications.notifyForNewManagers" class = "uk-button uk-button-default uk-button-small"
(click)="changeValueForNewManagers(userNotifications.notifyForNewManagers)" data-uk-button>OFF< / button >
< / div >
< / div >
< div class = "uk-margin" >
2018-11-27 11:43:11 +01:00
< div class = "uk-form-label inherit-color" title = "Get e-mail notification when a user subscribes in your community" > Notify for new subscribers:< / div >
2018-11-01 18:21:10 +01:00
< div class = "uk-form-controls uk-form-controls-text" data-uk-button-group >
< button * ngIf = "userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-primary uk-button-small"
data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-default uk-button-small"
(click)="changeValueForNewSubscribers(userNotifications.notifyForNewSubscribers)" data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-danger uk-button-small"
data-uk-button>OFF< / button >
< button * ngIf = "userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-default uk-button-small"
(click)="changeValueForNewSubscribers(userNotifications.notifyForNewSubscribers)" data-uk-button>OFF< / button >
< / div >
< / div >
< / form >
< / div >
< / div >
<!-- <table class="uk - table uk - width - 1 - 2 uk - align - center">
2018-10-30 16:31:16 +01:00
< tbody >
< div >
< tr >
< td >
< p > Notify for new managers:< / p >
< / td >
< td >
< div data-uk-button-group >
< button * ngIf = "userNotifications.notifyForNewManagers" class = "uk-button uk-button-primary uk-button-small"
data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewManagers" class = "uk-button-default uk-button-small"
(click)="changeValueForNewManagers(userNotifications.notifyForNewManagers)" data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewManagers" class = "uk-button uk-button-danger uk-button-small"
data-uk-button>OFF< / button >
< button * ngIf = "userNotifications.notifyForNewManagers" class = "uk-button-default uk-button-small"
(click)="changeValueForNewManagers(userNotifications.notifyForNewManagers)" data-uk-button>OFF< / button >
< / div >
< / td >
< / tr >
< tr >
< td >
< p > Notify for new subscribers:< / p >
< / td >
< td >
< div data-uk-button-group >
< button * ngIf = "userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-primary uk-button-small"
data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewSubscribers" class = "uk-button-default uk-button-small"
(click)="changeValueForNewSubscribers(userNotifications.notifyForNewSubscribers)" data-uk-button>ON< / button >
< button * ngIf = "!userNotifications.notifyForNewSubscribers" class = "uk-button uk-button-danger uk-button-small"
data-uk-button>OFF< / button >
< button * ngIf = "userNotifications.notifyForNewSubscribers" class = "uk-button-default uk-button-small"
(click)="changeValueForNewSubscribers(userNotifications.notifyForNewSubscribers)" data-uk-button>OFF< / button >
< / div >
< / td >
< / tr >
< / div >
< / tbody >
2018-11-01 18:21:10 +01:00
< / table > -->
<!-- <div class = "uk - grid - margin uk - first - column uk - align - center uk - width - 1 - 3">
2018-10-30 16:31:16 +01:00
< button * ngIf = "hasChanged" class = "uk-button uk-button-primary" ( click ) = " updateUserNotifications ( ) " > Save< / button >
< button * ngIf = "!hasChanged" class = "uk-button uk-button-default" disabled > Save< / button >
< button class = "uk-button" ( click ) = " resetForm ( communityId ) " > Reset< / button >
2018-11-01 18:21:10 +01:00
< / div > -->
< mailPrefs id = "mailPrefs" [ showSaveResetButtons ] = " false " > < / mailPrefs >
< div class = "uk-first-column uk-align-center uk-width-1-3" >
< button * ngIf = "hasChanged || mailPrefsChanged()" class = "uk-button uk-button-primary" ( click ) = " updateUserNotifications ( ) " > Save< / button >
< button * ngIf = "!hasChanged && !mailPrefsChanged()" class = "uk-button uk-button-default" disabled > Save< / button >
2019-03-04 15:32:58 +01:00
< button class = "uk-button" ( click ) = " resetForm ( ) " > Reset< / button >
2018-11-01 18:21:10 +01:00
< / div >