/modules/uoa-services-library/trunk/ng-openaire-library/src/app/dashboard/divId/divIds.component.ts - Diff - D-Net - D-Net project tracking tool

« Previous | Next »

Revision 60310

Added by Konstantinos Triantafyllou about 3 years ago

[Library | Trunk]: Admin tools pages, fix modals and update behaviour

     import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
     import {ActivatedRoute, Router} from "@angular/router";
     import {HelpContentService} from "../../services/help-content.service";
     import {FormArray, FormBuilder, FormControl, FormGroup, Validators} from "@angular/forms";
     import {FormArray, FormBuilder, FormGroup, Validators} from "@angular/forms";
     import {CheckDivId, DivId} from "../../utils/entities/adminTool/divId";
     import {Page} from "../../utils/entities/adminTool/page";
     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 {Observable, Subscriber} from "rxjs";
     import {map, startWith} from "rxjs/operators";
     import {MatAutocompleteSelectedEvent, MatChipInputEvent} from "@angular/material";
     import {Subscriber} from "rxjs";
     import {properties} from "../../../../environments/environment";
     import {PortalUtils} from "../portal/portalHelper";
     import {CheckPortal, Portal} from "../../utils/entities/adminTool/portal";
     import {AlertModal} from "../../utils/modal/alert";
     import {Option} from "../../sharedComponents/input/input.component";
     @Component({
       selector: 'divIds',
-...
     })
     export class DivIdsComponent implements OnInit {
       @ViewChild('AlertModalSaveDivId') alertModalSaveDivId;
       @ViewChild('AlertModalDeleteDivIds') alertModalDeleteDivIds;
       @ViewChild('editModal') editModal: AlertModal;
       @ViewChild('deleteModal') deleteModal: AlertModal;
       private selectedDivIds: string[] = [];
       public checkboxes: CheckDivId[] = [];
       public divIds: DivId[] = [];
       public myForm: FormGroup;
       public pageSearchCtrl: FormControl;
       public classForm: FormGroup;
       public pagesCtrl: FormArray;
       private searchText: RegExp = new RegExp('');
       public keyword: string = "";
       public properties: EnvProperties = null;
       public properties: EnvProperties = properties;
       public formPages: Page[] = [];
       public showLoading: boolean = true;
       public errorMessage: string = '';
       public updateErrorMessage: string = '';
       public modalErrorMessage: string = '';
       public filterForm: FormGroup;
       private subscriptions: any[] = [];
       public allPages: Page[] = [];
       filteredPages: Observable<Page[]>;
       public allPages: Option[] = [];
       @ViewChild('PageInput') pageInput: ElementRef<HTMLInputElement>;
       selectedPages: Page[] = [];
       selectedCommunityPid = null;
       public portalUtils:PortalUtils = new PortalUtils();
       private index: number;
       ngOnInit() {
         this.filterForm =  this._fb.group({
           keyword: [''],
-...
         this.subscriptions.push(this.filterForm.get('type').valueChanges.subscribe(value => {
           this.applyTypeFilter();
         }));
         this.pageSearchCtrl = this._fb.control('');
         this.pagesCtrl = this._fb.array([]);
         this.myForm = this._fb.group({
           _id: '',
           name: ['', Validators.required],
           pages: this.pagesCtrl,
           portalType: ['', Validators.required]
         });
         this.properties = properties;
         this.getDivIds();
         this.subscriptions.push(this.route.queryParams.subscribe(params => {
           HelperFunctions.scroll();
-...
       private deleteDivIdsFromArray(ids: string[]): void {
         for (let id of ids) {
           let i = this.checkboxes.findIndex(_ => _.divId._id == id);
           this.checkboxes.splice(i, 1);
           let i = this.divIds.findIndex(_ => _._id == id);
           this.divIds.splice(i, 1);
+        }
         this.applyTypeFilter();
         this.applyFilter();
+      }
       public confirmDeleteDivId(id: string) {
-...
+            }
           });
         } else {
           this.alertModalDeleteDivIds.cancelButton = true;
           this.alertModalDeleteDivIds.okButton = true;
           this.alertModalDeleteDivIds.alertTitle = "Delete Confirmation";
           this.alertModalDeleteDivIds.message = "Are you sure you want to delete the selected class(es)?";
           this.alertModalDeleteDivIds.okButtonText = "Yes";
           this.alertModalDeleteDivIds.open();
           this.deleteModal.cancelButton = true;
           this.deleteModal.okButton = true;
           this.deleteModal.alertTitle = "Delete Confirmation";
           this.deleteModal.message = "Are you sure you want to delete the selected class(es)?";
           this.deleteModal.okButtonText = "Yes";
           this.deleteModal.open();
+        }
+      }
-...
       public editDivId(i: number) {
         let divId: DivId = this.checkboxes[i].divId;
         this.index = this.divIds.findIndex(value => value._id === divId._id);
         this.formPages = <Page[]>divId.pages;
         this.pagesCtrl = this._fb.array([]);
         this.myForm = this._fb.group({
           _id: divId._id,
           name: [divId.name,Validators.required],
         this.pagesCtrl = this._fb.array([], Validators.required);
         this.classForm = this._fb.group({
           _id: this._fb.control(divId._id),
           name: this._fb.control(divId.name, Validators.required),
           pages: this.pagesCtrl,
           portalType: [divId.portalType, Validators.required]
           portalType: this._fb.control(divId.portalType, Validators.required)
         });
         this.myForm.controls['portalType'].disable();
         this.classForm.get('portalType').disable();
         for(let i = 0; i < divId.pages.length; i++) {
           this.pagesCtrl.push(this._fb.control(divId.pages[i]));
+        }
         this.filteredPages = this.pageSearchCtrl.valueChanges.pipe(startWith(''),
           map(page => this._filter(page)));
         this.selectedPages = JSON.parse(JSON.stringify(divId.pages));
         this.divIdsModalOpen(this.alertModalSaveDivId, "", "Save Changes");
         this.divIdsModalOpen("Edit class", "Save Changes");
+      }
       public newDivId() {
         this.myForm.controls['portalType'].enable();
         this.pagesCtrl = this._fb.array([]);
         this.myForm = this._fb.group({
           _id: '',
           name: ['', Validators.required],
         this.pagesCtrl = this._fb.array([], Validators.required);
         if(this.classForm) {
           this.classForm.get('portalType').enable();
+        }
         this.classForm = this._fb.group({
           _id: this._fb.control(null),
           name: this._fb.control('', Validators.required),
           pages: this.pagesCtrl,
           //openaire: this._fb.control(true),
           portalType: ['', Validators.required]
           portalType: this._fb.control('', Validators.required)
         });
         this.filteredPages = this.pageSearchCtrl.valueChanges.pipe(startWith(''),
           map(page => this._filter(page)));
         this.modalErrorMessage = "";
         this.selectedPages = [];
         this.divIdsModalOpen(this.alertModalSaveDivId, "", "Save");
         this.divIdsModalOpen("Create class", "Create");
+      }
       private divIdsModalOpen(modal: any, title: string, yesBtn: string) {
       private divIdsModalOpen(title: string, yesBtn: string) {
         if (!Session.isLoggedIn()) {
           this._router.navigate(['/user-info'], {
             queryParams: {
-...
+            }
           });
         } else {
           modal.cancelButton = true;
           modal.okButton = true;
           modal.alertTitle = title;
           modal.okButtonText = yesBtn;
           modal.open();
           this.editModal.cancelButton = true;
           this.editModal.okButton = true;
           this.editModal.okButtonLeft = false;
           this.editModal.alertTitle = title;
           this.editModal.okButtonText = yesBtn;
           this.editModal.open();
+        }
+      }
-...
+            }
           });
         } else {
           console.log(this.myForm.value)
           if (this.myForm.value['_id'].length == 0) {
             this.myForm.controls['portalType'].enable();
           if (!this.classForm.value._id) {
             this.modalErrorMessage = "";
             this.subscriptions.push(this._helpContentService.saveDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
             this.subscriptions.push(this._helpContentService.saveDivId(<DivId>this.classForm.value, this.properties.adminToolsAPIURL).subscribe(
               divId => {
                 this.divIdSavedSuccessfully(divId);
               },
               error => this.handleUpdateError("System error creating class", error)
             ));
           } else {
             this.subscriptions.push(this._helpContentService.updateDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
             this.classForm.get('portalType').enable();
             this.subscriptions.push(this._helpContentService.updateDivId(<DivId>this.classForm.value, this.properties.adminToolsAPIURL).subscribe(
               divId => {
                 this.divIdUpdatedSuccessfully(divId);
               },
-...
+      }
       public divIdSavedSuccessfully(divId: DivId) {
         this.checkboxes.push(<CheckDivId>{divId: divId, checked: false});
         this.divIds.push(divId);
         this.applyTypeFilter();
         this.applyFilter();
         this.applyCheck(false);
+      }
       public divIdUpdatedSuccessfully(divId: DivId) {
         this.checkboxes.find(checkItem => checkItem.divId._id == divId._id).divId = divId;
         this.divIds[this.index] = divId;
         this.applyTypeFilter();
         this.applyFilter();
         this.applyCheck(false);
+      }
-...
         this.errorMessage = "";
         this.subscriptions.push(this._helpContentService.getAllPages(this.properties.adminToolsAPIURL).subscribe(
           pages => {
             this.allPages = pages;
             this.allPages = [];
             pages.forEach(page => {
               this.allPages.push({
                 label: page.name,
                 value: page
               });
             });
             this.showLoading = false;
           },
           error => this.handleError('System error retrieving pages', error)
         ));
+      }
       remove(page): void {
         let index = this.selectedPages.indexOf(page);
         if (index >= 0) {
           this.selectedPages.splice(index, 1);
           this.pagesCtrl.value.splice(index, 1);
           this.pagesCtrl.markAsDirty();
+        }
+      }
       selected(event: MatAutocompleteSelectedEvent): void {
         let newPage = event.option.value;
         if (this.selectedPages.indexOf(newPage) == -1) {
           this.selectedPages.push(event.option.value);
           this.pagesCtrl.push(this._fb.control(newPage));
           this.pagesCtrl.markAsDirty();
+        }
         this.pageInput.nativeElement.value = '';
         this.pageSearchCtrl.setValue('');
+      }
       private _filter(value: string): Page[] {
         if (!value || value.length == 0) {
           return this.allPages.slice();
+        }
         const filterValue = value.toString().toLowerCase();
         return this.allPages.filter(page => page.name.toLowerCase().indexOf(filterValue) != -1);
+      }
+    }

Also available in: Unified diff

Project

General

Profile

D-Net

Revision 60310

Added by Konstantinos Triantafyllou about 3 years ago