342 lines
12 KiB
TypeScript
342 lines
12 KiB
TypeScript
import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
|
|
import {UntypedFormArray, UntypedFormBuilder, UntypedFormControl} from '@angular/forms';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {CommunityService} from '../../../openaireLibrary/connect/community/community.service';
|
|
import {SubjectsService} from '../subjects.service';
|
|
import {EnvProperties} from '../../../openaireLibrary/utils/properties/env-properties';
|
|
import {Title} from '@angular/platform-browser';
|
|
import {properties} from '../../../../environments/environment';
|
|
import {AlertModal} from '../../../openaireLibrary/utils/modal/alert';
|
|
import {SearchInputComponent} from '../../../openaireLibrary/sharedComponents/search-input/search-input.component';
|
|
import {Subscription} from 'rxjs';
|
|
import {CommunityInfo} from '../../../openaireLibrary/connect/community/communityInfo';
|
|
import {FullScreenModalComponent} from 'src/app/openaireLibrary/utils/modal/full-screen-modal/full-screen-modal.component';
|
|
import {HelperFunctions} from 'src/app/openaireLibrary/utils/HelperFunctions.class';
|
|
import {NotificationHandler} from "../../../openaireLibrary/utils/notification-handler";
|
|
import {ClearCacheService} from "../../../openaireLibrary/services/clear-cache.service";
|
|
|
|
@Component({
|
|
selector: 'subjects-edit-form',
|
|
templateUrl: './subjects-edit-form.component.html',
|
|
})
|
|
export class SubjectsEditFormComponent implements OnInit {
|
|
myForm = new UntypedFormArray([new UntypedFormControl({subject: ''})]);
|
|
public showLoading = true;
|
|
public res = [];
|
|
params: any;
|
|
public communityId: string = null;
|
|
public community: CommunityInfo = null;
|
|
public properties: EnvProperties = properties;
|
|
public edit = null;
|
|
public originalSubjects = [];
|
|
@ViewChild('editModal') editModal: AlertModal;
|
|
@ViewChild('deleteModal') deleteModal: AlertModal;
|
|
@ViewChild('fsModal', {static: true}) fullscreen: FullScreenModalComponent;
|
|
page = 1;
|
|
size = 10;
|
|
selectedSubjects = [];
|
|
isEditModal: boolean = false;
|
|
public selectedKeyword: string;
|
|
@ViewChild('searchInputComponent') searchInputComponent: SearchInputComponent;
|
|
public filterForm: UntypedFormControl;
|
|
private subscriptions: any[] = [];
|
|
/*//Check again functionality to enable page
|
|
subjectsPage;
|
|
@ViewChild('enablePageModal') enablePageModal: AlertModal;*/
|
|
constructor(private element: ElementRef,
|
|
private route: ActivatedRoute,
|
|
private _router: Router,
|
|
public _fb: UntypedFormBuilder,
|
|
private title: Title,
|
|
// private _helpContentService: HelpContentService,
|
|
private _communityService: CommunityService,
|
|
private _subjectsService: SubjectsService,
|
|
private _clearCacheService: ClearCacheService
|
|
) {
|
|
}
|
|
|
|
|
|
ngOnInit() {
|
|
this.filterForm = this._fb.control('');
|
|
this.subscriptions.push(this.filterForm.valueChanges.subscribe(value => {
|
|
this.page = 1;
|
|
this.community.subjects = this.originalSubjects.filter(subject => {
|
|
return !value || subject.toLowerCase().indexOf(value.toLowerCase()) != -1
|
|
});
|
|
}));
|
|
this.subscriptions.push(this.route.params.subscribe(
|
|
params => {
|
|
this.communityId = params['community'];
|
|
this.title.setTitle(this.communityId.toUpperCase() + ' | Subjects');
|
|
this.showLoading = true;
|
|
this.subscriptions.push(this._communityService.getCommunityAsObservable().subscribe(
|
|
community => {
|
|
this.community = community;
|
|
this.params = {
|
|
community: encodeURIComponent(
|
|
'"' + community.queryId + '"')
|
|
};
|
|
this.community.subjects.sort((n1,n2)=> {
|
|
if (n1.toLowerCase() > n2.toLowerCase()) {
|
|
return 1;
|
|
}
|
|
if (n1.toLowerCase() < n2.toLowerCase()) {
|
|
return -1;
|
|
}
|
|
return 0;
|
|
});
|
|
|
|
this.originalSubjects = [];
|
|
for (let i = 0; i < this.community.subjects.length; i++) {
|
|
this.originalSubjects.push(this.community.subjects[i]);
|
|
}
|
|
if (this.community.subjects.length === 0) {
|
|
this.community.subjects.push('');
|
|
}
|
|
this.showLoading = false;
|
|
},
|
|
error => this.handleUpdateError('System error retrieving community profile', error)
|
|
));
|
|
// this.getSubjectsPageStatus();
|
|
}));
|
|
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.subscriptions.forEach(subscription => {
|
|
if (subscription instanceof Subscription) {
|
|
subscription.unsubscribe();
|
|
}
|
|
});
|
|
}
|
|
|
|
private removeModalOpen(subject: string, i: any) {
|
|
this.selectedSubjects = [subject];
|
|
this.reset(['']);
|
|
this.deleteModal.cancelButton = true;
|
|
this.deleteModal.okButton = true;
|
|
this.deleteModal.alertTitle = 'Delete Subject';
|
|
this.deleteModal.message = 'Are you sure you want to delete this subject?';
|
|
this.deleteModal.okButtonText = 'Yes';
|
|
this.deleteModal.cancelButtonText = 'No';
|
|
this.deleteModal.open();
|
|
}
|
|
|
|
|
|
public getSubjectsExistOnlyInFirst(firstArray: string[], secondArray: string[]): string[] {
|
|
const difference = [];
|
|
for (let i = 0; i < firstArray.length; i++) {
|
|
if (secondArray.indexOf(firstArray[i]) === -1) {
|
|
difference.push(firstArray[i]);
|
|
}
|
|
|
|
}
|
|
return difference;
|
|
}
|
|
|
|
public saveSubjects() {
|
|
if (this.communityId != null && this.communityId !== '') {
|
|
this.showLoading = true;
|
|
const subjectsToDeleteAr = this.getSubjectsExistOnlyInFirst(this.selectedSubjects, this.myForm.getRawValue());
|
|
const subjectsToAddAr = this.getSubjectsExistOnlyInFirst(this.myForm.getRawValue(), this.selectedSubjects);
|
|
const subjectsToDelete = this.getNonEmptyItems(subjectsToDeleteAr);
|
|
const subjectsToAdd = this.getNonEmptyItems(subjectsToAddAr);
|
|
if (subjectsToAdd.length > 0 && subjectsToDelete.length > 0) {
|
|
this.subscriptions.push(this._subjectsService.removeSubjects(
|
|
this.properties.communityAPI + this.communityId + '/subjects', subjectsToDelete).subscribe(res =>{
|
|
this.subscriptions.push(this._subjectsService.addSubjects(
|
|
this.properties.communityAPI + this.communityId + '/subjects', subjectsToAdd).subscribe(res => {
|
|
this.afterUpdateActions(res, "added");
|
|
}));
|
|
}));
|
|
} else if (subjectsToAdd.length > 0) {
|
|
this.subscriptions.push(this._subjectsService.addSubjects(
|
|
this.properties.communityAPI + this.communityId + '/subjects', subjectsToAdd).subscribe(res => {
|
|
this.afterUpdateActions(res, "added");
|
|
},
|
|
error => this.handleUpdateError('System error updating subjects', error)
|
|
));
|
|
} else if (subjectsToDelete.length > 0) {
|
|
this.subscriptions.push(this._subjectsService.removeSubjects(
|
|
this.properties.communityAPI + this.communityId + '/subjects', subjectsToDelete).subscribe(res => {
|
|
this.afterUpdateActions(res, "deleted");
|
|
},
|
|
error => this.handleUpdateError('System error updating subjects', error)
|
|
));
|
|
}
|
|
}
|
|
}
|
|
|
|
handleUpdateError(message: string, error = null) {
|
|
if(error) {
|
|
console.error(error)
|
|
}
|
|
NotificationHandler.rise(message, 'danger');
|
|
this.showLoading = false;
|
|
}
|
|
|
|
afterUpdateActions(res, message: string) {
|
|
this._communityService.setCommunity(this._communityService.parseCommunity(res));
|
|
this.community.subjects = res['subjects'];
|
|
this.originalSubjects = [];
|
|
for (let i = 0; i < this.community.subjects.length; i++) {
|
|
this.originalSubjects.push(this.community.subjects[i]);
|
|
}
|
|
this.originalSubjects.sort((n1,n2)=> {
|
|
if (n1.toLowerCase() > n2.toLowerCase()) {
|
|
return 1;
|
|
}
|
|
if (n1.toLowerCase() < n2.toLowerCase()) {
|
|
return -1;
|
|
}
|
|
return 0;
|
|
});
|
|
this.page = 1;
|
|
this.community.subjects = this.originalSubjects.filter(subject => {
|
|
return !this.filterForm.value || subject.toLowerCase().indexOf(this.filterForm.value.toLowerCase()) != -1
|
|
}).sort();
|
|
this._clearCacheService.purgeBrowserCache("Subject "+message, this.communityId);
|
|
NotificationHandler.rise('Subject successfully ' + message + '!')
|
|
this.showLoading = false;
|
|
}
|
|
|
|
|
|
private getNonEmptyItems(data: string[]): string[] {
|
|
const length = data.length;
|
|
const arrayNonEmpty = new Array<string>();
|
|
let j = 0;
|
|
for (let i = 0; i < length; i++) {
|
|
if (this.isEmpty(data[i])) {
|
|
} else if (this.isNonEmpty(data[i])) {
|
|
arrayNonEmpty[j] = data[i];
|
|
j++;
|
|
}
|
|
}
|
|
return arrayNonEmpty;
|
|
}
|
|
|
|
|
|
private isEmpty(data: string): boolean {
|
|
if (data !== undefined && !data.replace(/\s/g, '').length) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
private isNonEmpty(data: string): boolean {
|
|
if (data !== undefined && data != null) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
public addSubjectInForm() {
|
|
this.myForm.push(new UntypedFormControl(''));
|
|
}
|
|
|
|
public removeSubjectInForm(i: number) {
|
|
this.myForm.removeAt(i);
|
|
}
|
|
|
|
public reset(subjects: string[]) {
|
|
this.myForm = new UntypedFormArray([]);
|
|
for (let subject in subjects) {
|
|
this.myForm.push(new UntypedFormControl(''));
|
|
}
|
|
this.myForm.patchValue(subjects);
|
|
}
|
|
|
|
newSubject() {
|
|
this.isEditModal = false;
|
|
this.selectedSubjects = [];
|
|
this.reset([""]);
|
|
this.fullscreen.title = "Add Subject";
|
|
this.fullscreen.okButtonText = "Save";
|
|
this.fullscreen.back = true;
|
|
this.fullscreen.okButton = true;
|
|
this.fullscreen.open();
|
|
}
|
|
|
|
get currentPage() {
|
|
if(this.community.subjects) {
|
|
return this.community.subjects.slice((this.page - 1) * this.size, this.page * this.size);
|
|
} else {
|
|
return [];
|
|
}
|
|
}
|
|
|
|
public updatePage(event) {
|
|
this.page = event.value;
|
|
HelperFunctions.scroll();
|
|
}
|
|
|
|
public editSubject(subject: string) {
|
|
this.isEditModal = true;
|
|
this.selectedSubjects = [subject];
|
|
this.reset([subject]);
|
|
this.fullscreen.title = "Edit Subject";
|
|
this.fullscreen.okButtonText = "Save";
|
|
this.fullscreen.back = true;
|
|
this.fullscreen.okButton = true;
|
|
this.fullscreen.open();
|
|
}
|
|
|
|
|
|
private formModalOpen(title: string, yesBtn: string) {
|
|
this.editModal.okButtonLeft = false;
|
|
this.editModal.cancelButton = true;
|
|
this.editModal.okButton = true;
|
|
this.editModal.alertTitle = title;
|
|
this.editModal.okButtonText = yesBtn;
|
|
this.editModal.open();
|
|
}
|
|
|
|
public onSearchClose() {
|
|
this.selectedKeyword = this.filterForm.value;
|
|
}
|
|
|
|
public resetInput() {
|
|
this.selectedKeyword = null;
|
|
this.searchInputComponent.reset()
|
|
}
|
|
/*
|
|
//Check again functionality to enable page
|
|
private getSubjectsPageStatus() {
|
|
this._helpContentService.getCommunityPagesByRoute(this.communityId, '/subjects', this.properties.adminToolsAPIURL).subscribe((page) => {
|
|
this.subjectsPage = page;
|
|
});
|
|
}
|
|
|
|
public get subjectsEnabled(): boolean {
|
|
return !this.subjectsPage || this.subjectsPage.isEnabled;
|
|
}
|
|
enablePage() {
|
|
this._helpContentService.togglePages(this.communityId, [this.subjectsPage._id], true, this.properties.adminToolsAPIURL).subscribe(() => {
|
|
this.subjectsPage.isEnabled = true;
|
|
UIkit.notification('Curators Page has been <b>enabled successfully</b>', {
|
|
status: 'success',
|
|
timeout: 6000,
|
|
pos: 'bottom-right'
|
|
});
|
|
},error => {
|
|
this.subjectsPage.isEnabled = false;
|
|
UIkit.notification('An error occured', {
|
|
status: 'danger',
|
|
timeout: 6000,
|
|
pos: 'bottom-right'
|
|
});
|
|
});
|
|
}
|
|
|
|
private curatorsEnabledOpen() {
|
|
this.enablePageModal.okButtonLeft = false;
|
|
this.enablePageModal.alertTitle = 'Enable Subjects Page';
|
|
this.enablePageModal.okButtonText = 'Yes';
|
|
this.enablePageModal.cancelButtonText = 'No';
|
|
this.enablePageModal.open();
|
|
}*/
|
|
|
|
}
|