322 lines
10 KiB
TypeScript
322 lines
10 KiB
TypeScript
import {Component, ViewChild, OnInit, ElementRef} from '@angular/core';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {HelpContentService} from '../../services/help-content.service';
|
|
import {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
|
|
import {EnvProperties} from '../../utils/properties/env-properties';
|
|
|
|
import {Session} from '../../login/utils/helper.class';
|
|
import {LoginErrorCodes} from '../../login/utils/guardHelper.class';
|
|
import {HelperFunctions} from "../../utils/HelperFunctions.class";
|
|
import {Subscriber} from "rxjs";
|
|
import {CheckPortal, Portal} from "../../utils/entities/adminTool/portal";
|
|
import {PortalUtils} from "./portalHelper";
|
|
import {properties} from "../../../../environments/environment";
|
|
import {CheckPage, Page} from "../../utils/entities/adminTool/page";
|
|
|
|
@Component({
|
|
selector: 'portals',
|
|
templateUrl: './portals.component.html',
|
|
})
|
|
|
|
export class PortalsComponent implements OnInit {
|
|
|
|
@ViewChild('AlertModalSaveCommunity') alertModalSaveCommunity;
|
|
@ViewChild('AlertModalDeleteCommunities') alertModalDeleteCommunities;
|
|
private selectedCommunities: string[] = [];
|
|
|
|
public checkboxes: CheckPortal[] = [];
|
|
public communities: Portal[] = [];
|
|
|
|
public portalFG: FormGroup;
|
|
public filterForm: FormGroup;
|
|
private subscriptions: any[] = [];
|
|
|
|
private searchText: RegExp = new RegExp('');
|
|
public keyword = '';
|
|
|
|
public properties: EnvProperties = null;
|
|
|
|
public showLoading = true;
|
|
public errorMessage = '';
|
|
public updateErrorMessage = '';
|
|
public modalErrorMessage = '';
|
|
public portalUtils:PortalUtils = new PortalUtils();
|
|
ngOnInit() {
|
|
this.portalFG = this._fb.group({
|
|
name: '',
|
|
_id: '',
|
|
pid: '',
|
|
piwik:'',
|
|
type: ''
|
|
});
|
|
this.filterForm = this._fb.group({
|
|
keyword: [''],
|
|
type: ['all', Validators.required]});
|
|
this.subscriptions.push(this.filterForm.get('keyword').valueChanges.subscribe(value => {
|
|
this.filterBySearch(value);
|
|
}));
|
|
this.subscriptions.push(this.filterForm.get('type').valueChanges.subscribe(value => {
|
|
this.applyTypeFilter();
|
|
}));
|
|
|
|
HelperFunctions.scroll();
|
|
this.properties = properties;
|
|
this.getCommunities();
|
|
|
|
}
|
|
|
|
constructor(private element: ElementRef, private route: ActivatedRoute,
|
|
private _router: Router, private _helpContentService: HelpContentService, private _fb: FormBuilder) {
|
|
}
|
|
|
|
|
|
ngOnDestroy(): void {
|
|
this.subscriptions.forEach(value => {
|
|
if (value instanceof Subscriber) {
|
|
value.unsubscribe();
|
|
} else if (value instanceof Function) {
|
|
value();
|
|
}
|
|
});
|
|
}
|
|
|
|
getCommunities() {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
this.showLoading = true;
|
|
this.updateErrorMessage = '';
|
|
this.errorMessage = '';
|
|
|
|
|
|
this.subscriptions.push(this._helpContentService.getPortalsFull(this.properties.adminToolsAPIURL).subscribe(
|
|
communities => {
|
|
this.communities = communities;
|
|
if(communities) {
|
|
communities.forEach(_ => {
|
|
this.checkboxes.push(<CheckPortal>{community: _, checked: false});
|
|
});
|
|
}
|
|
this.showLoading = false;
|
|
},
|
|
error => this.handleError('System error retrieving portals', error)));
|
|
}
|
|
}
|
|
|
|
public toggleCheckBoxes(event) {
|
|
this.checkboxes.forEach(_ => _.checked = event.target.checked);
|
|
}
|
|
|
|
public applyCheck(flag: boolean) {
|
|
this.checkboxes.forEach(_ => _.checked = flag);
|
|
}
|
|
|
|
public getSelectedCommunities(): string[] {
|
|
return this.checkboxes.filter(community => community.checked === true).map(checkedCommunity => checkedCommunity.community).map(res => res._id);
|
|
}
|
|
|
|
private deleteCommunitiesFromArray(ids: string[]): void {
|
|
for (let id of ids) {
|
|
let i = this.checkboxes.findIndex(_ => _.community._id === id);
|
|
this.checkboxes.splice(i, 1);
|
|
}
|
|
}
|
|
|
|
public confirmDeleteCommunity(id: string) {
|
|
// this.deleteConfirmationModal.ids = [id];
|
|
// this.deleteConfirmationModal.showModal();
|
|
this.selectedCommunities = [id];
|
|
this.confirmModalOpen();
|
|
}
|
|
|
|
public confirmDeleteSelectedCommunities() {
|
|
this.selectedCommunities = this.getSelectedCommunities();
|
|
this.confirmModalOpen();
|
|
}
|
|
|
|
private confirmModalOpen() {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
this.alertModalDeleteCommunities.cancelButton = true;
|
|
this.alertModalDeleteCommunities.okButton = true;
|
|
this.alertModalDeleteCommunities.alertTitle = 'Delete Confirmation';
|
|
this.alertModalDeleteCommunities.message = 'Are you sure you want to delete the selected portal(-ies)?';
|
|
this.alertModalDeleteCommunities.okButtonText = 'Yes';
|
|
this.alertModalDeleteCommunities.open();
|
|
}
|
|
}
|
|
|
|
public confirmedDeleteCommunities(data: any) {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
this.showLoading = true;
|
|
this.updateErrorMessage = '';
|
|
|
|
this.subscriptions.push(this._helpContentService.deleteCommunities(this.selectedCommunities, this.properties.adminToolsAPIURL).subscribe(
|
|
_ => {
|
|
this.deleteCommunitiesFromArray(this.selectedCommunities);
|
|
this.showLoading = false;
|
|
},
|
|
error => this.handleUpdateError('System error deleting the selected communities', error)
|
|
));
|
|
}
|
|
}
|
|
|
|
public editCommunity(i: number) {
|
|
const community: Portal = this.checkboxes[i].community;
|
|
this.portalFG = this._fb.group({
|
|
name: community.name,
|
|
_id: community._id,
|
|
type: community.type,
|
|
piwik:community.piwik,
|
|
pid: community.pid
|
|
});
|
|
this.portalFG.controls['type'].disable();
|
|
this.modalErrorMessage = '';
|
|
this.communitiesModalOpen(this.alertModalSaveCommunity, 'Update', 'Update Community');
|
|
}
|
|
|
|
public newCommunity() {
|
|
this.portalFG.controls['type'].enable();
|
|
this.portalFG = this._fb.group({
|
|
name: '',
|
|
_id: '',
|
|
type: '',
|
|
piwik: '',
|
|
pid: ''
|
|
});
|
|
this.modalErrorMessage = '';
|
|
this.communitiesModalOpen(this.alertModalSaveCommunity, '', 'Save');
|
|
}
|
|
|
|
private communitiesModalOpen(modal: any, title: string, yesBtn: string) {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
modal.cancelButton = true;
|
|
modal.okButton = true;
|
|
modal.alertTitle = title;
|
|
modal.okButtonText = yesBtn;
|
|
modal.open();
|
|
}
|
|
}
|
|
|
|
public communitySaveConfirmed(data: any) {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
|
|
this.modalErrorMessage = '';
|
|
if (this.portalFG.getRawValue()['_id'].length > 0) {
|
|
this.portalFG.controls['type'].enable();
|
|
this.subscriptions.push(this._helpContentService.updateCommunity(<Portal>this.portalFG.value,
|
|
this.properties.adminToolsAPIURL).subscribe(
|
|
community => {
|
|
this.communityUpdatedSuccessfully(community);
|
|
},
|
|
error => this.handleUpdateError('System error updating portal', error)
|
|
));
|
|
}else{
|
|
this.subscriptions.push(this._helpContentService.saveCommunity(<Portal>this.portalFG.value,
|
|
this.properties.adminToolsAPIURL).subscribe(
|
|
community => {
|
|
this.communitySavedSuccessfully(community);
|
|
},
|
|
error => this.handleUpdateError('System error creating portal', error)
|
|
));
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
public communityUpdateConfirmed(data: any) {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
this.portalFG.controls['type'].enable();
|
|
this.subscriptions.push(this._helpContentService.updateCommunity(<Portal>this.portalFG.value,
|
|
this.properties.adminToolsAPIURL).subscribe(
|
|
community => {
|
|
this.communityUpdatedSuccessfully(community);
|
|
},
|
|
error => this.handleUpdateError('System error updating portal', error)
|
|
));
|
|
}
|
|
}
|
|
|
|
public communitySavedSuccessfully(community: Portal) {
|
|
this.checkboxes.push(<CheckPortal>{community: community, checked: false});
|
|
this.applyCheck(false);
|
|
}
|
|
|
|
public communityUpdatedSuccessfully(community: Portal) {
|
|
this.checkboxes.find(checkItem => checkItem.community._id === community._id).community = community;
|
|
this.applyCheck(false);
|
|
}
|
|
|
|
public filterBySearch(text: string) {
|
|
this.searchText = new RegExp(text, 'i');
|
|
this.applyFilter();
|
|
}
|
|
|
|
public applyFilter() {
|
|
this.checkboxes = [];
|
|
this.communities.filter(item => this.filterCommunities(item)).forEach(
|
|
_ => this.checkboxes.push(<CheckPortal>{community: _, checked: false})
|
|
);
|
|
}
|
|
public applyTypeFilter() {
|
|
this.checkboxes = [];
|
|
this.communities.filter(item => this.filterByType(item)).forEach(
|
|
_ => this.checkboxes.push(<CheckPortal>{community: _, checked: false})
|
|
);
|
|
}
|
|
|
|
public filterByType(community: Portal): boolean {
|
|
let type = this.filterForm.get("type").value;
|
|
return type == "all" || (type == community.type);
|
|
}
|
|
public filterCommunities(community: Portal): boolean {
|
|
const textFlag = this.searchText.toString() === '' || (community.name || community.type).match(this.searchText) != null;
|
|
return textFlag;
|
|
}
|
|
|
|
handleUpdateError(message: string, error) {
|
|
if (error == null) {
|
|
this.portalFG = this._fb.group({
|
|
name: '',
|
|
_id: '',
|
|
pid: '',
|
|
piwik:'',
|
|
type: ''
|
|
});
|
|
} else {
|
|
this.updateErrorMessage = message;
|
|
console.log('Server responded: ' + error);
|
|
}
|
|
|
|
this.showLoading = false;
|
|
}
|
|
|
|
handleError(message: string, error) {
|
|
this.errorMessage = message;
|
|
console.log('Server responded: ' + error);
|
|
|
|
this.showLoading = false;
|
|
}
|
|
}
|