Revert mailPrefs files used by explore.
This commit is contained in:
parent
72905d8599
commit
3b2e9ebbee
|
|
@ -0,0 +1,55 @@
|
||||||
|
|
||||||
|
<div *ngIf="!hidden" class="">
|
||||||
|
<div *ngIf="showSaveResetButtons" class="uk-article-title custom-article-title">
|
||||||
|
User Email Preferences for Claims Notifications
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div *ngIf="userValidMessage.length > 0" class = "uk-alert uk-alert-danger uk-animation-fade" role="alert">
|
||||||
|
{{userValidMessage}}
|
||||||
|
</div>
|
||||||
|
<div *ngIf="savedMessage.length > 0" class="uk-alert uk-alert-success uk-animation-fade" role="alert">
|
||||||
|
{{savedMessage}}
|
||||||
|
</div>
|
||||||
|
<errorMessages [status]="[status]" [type]="'notification preferences'"></errorMessages>
|
||||||
|
|
||||||
|
|
||||||
|
<div *ngFor="let notification of notifications; let i=index" >
|
||||||
|
<!-- <div class="uk-accordion-title">Email preferences for {{preferencesFor}}: <strong>{{notification.openaireName}}</strong></div>-->
|
||||||
|
<!-- <div class="uk-accordion-content">-->
|
||||||
|
<form class="uk-form-horizontal"><!-- [formGroup]="myForm"-->
|
||||||
|
<!--[ngClass]="{'has-error':!myForm.controls.notify.valid && myForm.controls.notify.dirty}"-->
|
||||||
|
<div class="uk-margin uk-grid">
|
||||||
|
<div class=" inherit-color uk-width-medium"
|
||||||
|
title="Get e-mail notification when there are new user links related your community">Notify
|
||||||
|
for new user links:</div>
|
||||||
|
|
||||||
|
<mat-slide-toggle [checked]="notification.notify"
|
||||||
|
(change)="($event.source.checked = notification.notify);changeNotify(notification, !notification.notify, i)"></mat-slide-toggle>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div *ngIf="notification.notify" [class]="notification.notify ? 'uk-margin' :
|
||||||
|
'uk-margin cursor-not-allowed'">
|
||||||
|
<div class="uk-form-label inherit-color">Frequency:</div>
|
||||||
|
<div class="uk-form-controls">
|
||||||
|
<select [class]="notification.notify ? 'uk-select' : 'uk-select uk-disabled'" id="form-horizontal-select"
|
||||||
|
[(ngModel)]="notification.frequency" (ngModelChange)="changeFrequency(i)" name="select_frequency">
|
||||||
|
<option [ngValue]="24" >Daily</option>
|
||||||
|
<option [ngValue]="48" >Every two days</option>
|
||||||
|
<option [ngValue]="168">Weekly</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div *ngIf="showSaveResetButtons" class="uk-float-right">
|
||||||
|
<button type="submit" class="uk-button uk-button-primary" (click)="saveNotification(i)">Save Changes</button>
|
||||||
|
<button type="submit" class="uk-button" (click)="restoreNotification(i)">Reset</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- </ul>-->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,259 @@
|
||||||
|
import {Component, Input} from '@angular/core';
|
||||||
|
import {Location} from '@angular/common';
|
||||||
|
import {ActivatedRoute, Router} from '@angular/router';
|
||||||
|
import {Session} from '../../login/utils/helper.class';
|
||||||
|
import {EnvProperties} from '../../utils/properties/env-properties';
|
||||||
|
import {MailPrefsService} from './mailPrefs.service';
|
||||||
|
import {ConnectHelper} from '../connectHelper';
|
||||||
|
import {ErrorCodes} from '../../utils/properties/errorCodes';
|
||||||
|
import {ErrorMessagesComponent} from '../../utils/errorMessages.component';
|
||||||
|
import {LoginErrorCodes} from '../../login/utils/guardHelper.class';
|
||||||
|
import {properties} from "../../../../environments/environment";
|
||||||
|
import {Subscriber} from "rxjs";
|
||||||
|
|
||||||
|
declare var UIkit: any;
|
||||||
|
|
||||||
|
@Component({
|
||||||
|
selector: 'mailPrefs',
|
||||||
|
templateUrl: 'mailPrefs.component.html',
|
||||||
|
providers:[MailPrefsService]
|
||||||
|
|
||||||
|
})
|
||||||
|
export class MailPrefsComponent {
|
||||||
|
properties:EnvProperties;
|
||||||
|
subscriptions = [];
|
||||||
|
@Input() communityId: string;
|
||||||
|
public preferencesFor: string = "community";
|
||||||
|
public status: number;
|
||||||
|
|
||||||
|
public notifications = [];
|
||||||
|
public initialNotifications = [];
|
||||||
|
public prefsChanged = {};
|
||||||
|
public hidden: boolean = true;
|
||||||
|
|
||||||
|
//public showForbiddenMessage:boolean = false;
|
||||||
|
public userValidMessage:string = "";
|
||||||
|
public savedMessage: string = "";
|
||||||
|
|
||||||
|
private errorCodes: ErrorCodes;
|
||||||
|
private errorMessages: ErrorMessagesComponent;
|
||||||
|
|
||||||
|
@Input() showSaveResetButtons: boolean = true;
|
||||||
|
|
||||||
|
constructor (private _mailPrefsService: MailPrefsService, private route: ActivatedRoute, private _router:Router, private location: Location) {
|
||||||
|
this.errorCodes = new ErrorCodes();
|
||||||
|
this.errorMessages = new ErrorMessagesComponent();
|
||||||
|
this.status = this.errorCodes.LOADING;
|
||||||
|
}
|
||||||
|
|
||||||
|
ngOnInit() {
|
||||||
|
this.properties = properties;
|
||||||
|
this.subscriptions.push(this.route.params.subscribe(params => {
|
||||||
|
this.hidden = true;
|
||||||
|
console.debug(this.communityId);
|
||||||
|
if(!this.communityId){
|
||||||
|
this.communityId = ConnectHelper.getCommunityFromDomain(this.properties.domain);
|
||||||
|
}
|
||||||
|
if(!this.communityId) {
|
||||||
|
this.communityId = params['community'];
|
||||||
|
}
|
||||||
|
console.debug(this.communityId, params)
|
||||||
|
this.getEmailPreferences();
|
||||||
|
}));
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
getEmailPreferences() {
|
||||||
|
if(!Session.isLoggedIn()){
|
||||||
|
//this.userValidMessage = "User session has expired. Please login again.";
|
||||||
|
if(this.showSaveResetButtons) {
|
||||||
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.status = this.errorCodes.LOADING;
|
||||||
|
this.savedMessage = "";
|
||||||
|
|
||||||
|
if(this.communityId && this.communityId != "openaire") {
|
||||||
|
this.preferencesFor = "community";
|
||||||
|
this.subscriptions.push(this._mailPrefsService.getUserEmailPreferencesForCommunity(this.communityId, this.properties.claimsAPIURL).subscribe(
|
||||||
|
data => {
|
||||||
|
if(data.code == "204") {
|
||||||
|
this.status = this.errorCodes.NONE;
|
||||||
|
this.initialNotifications = [{notify: true, frequency:24, openaireId: this.communityId}];
|
||||||
|
} else {
|
||||||
|
this.initialNotifications = data.data;
|
||||||
|
}
|
||||||
|
this.notifications = JSON.parse(JSON.stringify( this.initialNotifications ));
|
||||||
|
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
this.hidden = false;
|
||||||
|
|
||||||
|
},
|
||||||
|
err => {
|
||||||
|
this.hidden = false;
|
||||||
|
this.handleErrors(err);
|
||||||
|
this.handleError("Error getting user email preferences for community with id: "+this.communityId, err);
|
||||||
|
}
|
||||||
|
));
|
||||||
|
} else {
|
||||||
|
this.preferencesFor = "project";
|
||||||
|
this.subscriptions.push(this._mailPrefsService.getUserEmailPreferencesForOpenaire(this.properties.claimsAPIURL).subscribe(
|
||||||
|
data => {
|
||||||
|
|
||||||
|
if(data.code == "204") {
|
||||||
|
this.status = this.errorCodes.NONE;
|
||||||
|
} else {
|
||||||
|
|
||||||
|
this.initialNotifications = data.data;
|
||||||
|
this.notifications = JSON.parse(JSON.stringify( this.initialNotifications ));
|
||||||
|
//this.notifications = this.initialNotifications.map(x => Object.assign({}, x));
|
||||||
|
//this.notifications = this.initialNotifications;
|
||||||
|
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
err => {
|
||||||
|
//console.info(err);
|
||||||
|
this.handleErrors(err);
|
||||||
|
this.handleError("Error getting user email preferences for openaire", err);
|
||||||
|
}
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
changeNotify(notification: any, checked: boolean, index: number) {
|
||||||
|
if(!Session.isLoggedIn()){
|
||||||
|
//this.userValidMessage = "User session has expired. Please login again.";
|
||||||
|
if(this.showSaveResetButtons) {
|
||||||
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.savedMessage = "";
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
notification.notify = checked;
|
||||||
|
this.prefsChanged[index] = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
changeFrequency(index: number) {
|
||||||
|
if(!Session.isLoggedIn()){
|
||||||
|
//this.userValidMessage = "User session has expired. Please login again.";
|
||||||
|
if(this.showSaveResetButtons) {
|
||||||
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.savedMessage = "";
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
if(this.initialNotifications[index].frequency != this.notifications[index].frequency) {
|
||||||
|
this.prefsChanged[index] = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
saveNotification(index: number) {
|
||||||
|
if(this.notifications.length > 0 && this.initialNotifications.length > 0) {
|
||||||
|
if(!Session.isLoggedIn()){
|
||||||
|
//this.userValidMessage = "User session has expired. Please login again.";
|
||||||
|
if(this.showSaveResetButtons) {
|
||||||
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if(JSON.stringify(this.notifications[index]) != JSON.stringify(this.initialNotifications[index])) {
|
||||||
|
|
||||||
|
this.status = this.errorCodes.LOADING;
|
||||||
|
this.savedMessage = "";
|
||||||
|
|
||||||
|
this.subscriptions.push(this._mailPrefsService.saveUserEmailPreferences(this.notifications[index], this.properties.claimsAPIURL).subscribe(
|
||||||
|
data => {
|
||||||
|
this.initialNotifications[index] = JSON.parse(JSON.stringify( this.notifications[index] ));
|
||||||
|
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
|
||||||
|
/*UIkit.notification({
|
||||||
|
message : '<strong>Your email preferences for '+this.notifications[index].openaireName+' have been successfully changed<strong>',
|
||||||
|
status : 'success',
|
||||||
|
timeout : 3000,
|
||||||
|
pos : 'top-center'
|
||||||
|
});*/
|
||||||
|
this.savedMessage = "Notification settings for claims saved!";
|
||||||
|
},
|
||||||
|
err => {
|
||||||
|
//console.log(err);
|
||||||
|
this.handleError("Error saving user email preferences: "+JSON.stringify(this.notifications[index]), err);
|
||||||
|
this.status = this.errorCodes.NOT_SAVED;
|
||||||
|
}
|
||||||
|
));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
/*UIkit.notification({
|
||||||
|
message : '<strong>No changes selected for '+this.notifications[index].openaireName+' email preferences<strong>',
|
||||||
|
status : 'primary',
|
||||||
|
timeout : 3000,
|
||||||
|
pos : 'top-center'
|
||||||
|
});*/
|
||||||
|
this.savedMessage = "Notification settings for claims saved!";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
restoreNotification(index: number) {
|
||||||
|
if(!Session.isLoggedIn()){
|
||||||
|
//this.userValidMessage = "User session has expired. Please login again.";
|
||||||
|
if(this.showSaveResetButtons) {
|
||||||
|
this._router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl": this._router.url} });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if(this.notifications.length > 0 && this.initialNotifications.length > 0) {
|
||||||
|
this.status = this.errorCodes.LOADING;
|
||||||
|
this.savedMessage = "";
|
||||||
|
this.notifications[index] = JSON.parse(JSON.stringify( this.initialNotifications[index] ));
|
||||||
|
this.status = this.errorCodes.DONE;
|
||||||
|
this.prefsChanged[index] = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
prefsChanged(index: number) : boolean {
|
||||||
|
if(this.notifications.length > 0 && this.initialNotifications.length > 0) {
|
||||||
|
if(JSON.stringify(this.notifications[index]) != JSON.stringify(this.initialNotifications[index])) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
ngOnDestroy() {
|
||||||
|
this.subscriptions.forEach(subscription => {
|
||||||
|
if (subscription instanceof Subscriber) {
|
||||||
|
subscription.unsubscribe();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
handleErrors(err){
|
||||||
|
//this.showErrorMessage = true;
|
||||||
|
//try{
|
||||||
|
var code = "";
|
||||||
|
if(!err.status) {
|
||||||
|
var error = err.json();
|
||||||
|
code = error.code;
|
||||||
|
} else {
|
||||||
|
code = err.status;
|
||||||
|
}
|
||||||
|
this.status = this.errorMessages.getErrorCode(code);
|
||||||
|
}
|
||||||
|
|
||||||
|
private handleError(message: string, error) {
|
||||||
|
console.error("User mail notification preferences Page (for claims): "+message, error);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//}catch (e) {
|
||||||
|
//console.log("Couldn't parse answer as json")
|
||||||
|
//this.showErrorMessage = true;
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { NgModule} from '@angular/core';
|
||||||
|
import { CommonModule } from '@angular/common';
|
||||||
|
import { RouterModule } from '@angular/router';
|
||||||
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
||||||
|
|
||||||
|
import { MailPrefsComponent } from './mailPrefs.component';
|
||||||
|
import { MailPrefsService } from './mailPrefs.service';
|
||||||
|
import {ErrorMessagesModule} from '../../utils/errorMessages.module';
|
||||||
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
imports: [
|
||||||
|
CommonModule, RouterModule, FormsModule, ReactiveFormsModule, ErrorMessagesModule, MatSlideToggleModule
|
||||||
|
],
|
||||||
|
declarations: [
|
||||||
|
MailPrefsComponent
|
||||||
|
],
|
||||||
|
providers:[MailPrefsService],
|
||||||
|
exports: [
|
||||||
|
MailPrefsComponent
|
||||||
|
]
|
||||||
|
})
|
||||||
|
export class MailPrefsModule { }
|
||||||
Loading…
Reference in New Issue