/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 60202

Added by Argiro Kokogiannaki over 3 years ago

[Library | Trunk]

Dashboard - Admin tool pages:
- add tabs components
- add rout module (without guards)
- put tabs and page-content in pages, classes, entities pages

Stakeholder:
initial try to add filters for country and organization fields (doesn't work properly)

     import {Observable, Subscriber} from "rxjs";
     import {map, startWith} from "rxjs/operators";
     import {MatAutocompleteSelectedEvent, MatChipInputEvent} from "@angular/material";
     import {properties} from "../../../../environments/environment";
     import {PortalUtils} from "../portal/portalHelper";
     import {CheckPortal, Portal} from "../../utils/entities/adminTool/portal";
     @Component({
       selector: 'divIds',
-...
       public errorMessage: string = '';
       public updateErrorMessage: string = '';
       public modalErrorMessage: string = '';
       public filterForm: FormControl;
       public filterForm: FormGroup;
       private subscriptions: any[] = [];
       public allPages: Page[] = [];
       filteredPages: Observable<Page[]>;
       @ViewChild('PageInput') pageInput: ElementRef<HTMLInputElement>;
       selectedPages: Page[] = [];
       selectedCommunityPid = null;
       public portalUtils:PortalUtils = new PortalUtils();
       ngOnInit() {
         this.filterForm = this._fb.control('');
         this.pageSearchCtrl = this._fb.control('');
         this.subscriptions.push(this.filterForm.valueChanges.subscribe(value => {
         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();
         }));
         this.pageSearchCtrl = this._fb.control('');
         this.pagesCtrl = this._fb.array([]);
         this.myForm = this._fb.group({
           _id: '',
-...
           pages: this.pagesCtrl,
           portalType: ['', Validators.required]
         });
         this.properties = properties;
         this.getDivIds();
         this.subscriptions.push(this.route.queryParams.subscribe(params => {
           HelperFunctions.scroll();
           this.selectedCommunityPid = params['communityId'];
           this.getPages();
         }));
         this.route.data
           .subscribe((data: { envSpecific: EnvProperties }) => {
             HelperFunctions.scroll();
             this.properties = data.envSpecific;
             this.getDivIds();
             this.route.queryParams.subscribe(params => {
               this.selectedCommunityPid = params['communityId'];
               this.getPages();
             });
           });
+      }
       constructor(private element: ElementRef, private route: ActivatedRoute, private _router: Router, private _helpContentService: HelpContentService, private _fb: FormBuilder) {
-...
           this.updateErrorMessage = "";
           this.errorMessage = "";
           this._helpContentService.getAllDivIdsFull( this.properties.adminToolsAPIURL).subscribe(
           this.subscriptions.push(this._helpContentService.getAllDivIdsFull( this.properties.adminToolsAPIURL).subscribe(
             divIds => {
               this.divIds = divIds;
               this.checkboxes = [];
-...
               this.showLoading = false;
             },
             error => this.handleError('System error retrieving classes', error));
             error => this.handleError('System error retrieving classes', error)));
+        }
+      }
-...
         } else {
           this.showLoading = true;
           this.updateErrorMessage = "";
           this._helpContentService.deleteDivIds(this.selectedDivIds, this.properties.adminToolsAPIURL).subscribe(
           this.subscriptions.push(this._helpContentService.deleteDivIds(this.selectedDivIds, this.properties.adminToolsAPIURL).subscribe(
             _ => {
               this.deleteDivIdsFromArray(this.selectedDivIds);
               this.showLoading = false;
             },
             error => this.handleUpdateError('System error deleting the selected classes', error)
           );
           ));
+        }
+      }
-...
             this.modalErrorMessage = "";
             this._helpContentService.saveDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
             this.subscriptions.push(this._helpContentService.saveDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
               divId => {
                 this.divIdSavedSuccessfully(divId);
               },
               error => this.handleUpdateError("System error creating class", error)
             );
             ));
           } else {
             this._helpContentService.updateDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
             this.subscriptions.push(this._helpContentService.updateDivId(<DivId>this.myForm.value, this.properties.adminToolsAPIURL).subscribe(
               divId => {
                 this.divIdUpdatedSuccessfully(divId);
               },
               error => this.handleUpdateError("System error updating class", error)
             );
             ));
+          }
+        }
-...
           _ => this.checkboxes.push(<CheckDivId>{divId: _, checked: false})
         );
+      }
       public applyTypeFilter() {
         this.checkboxes = [];
         this.divIds.filter(item => this.filterByType(item)).forEach(
           _ => this.checkboxes.push(<CheckDivId>{divId: _, checked: false})
         );
+      }
       public filterByType(divId: DivId): boolean {
         let type = this.filterForm.get("type").value;
         return  type == "all" || (type  == divId.portalType);
+      }
       public filterDivIds(divId: DivId): boolean {
         let textFlag = this.searchText.toString() == '' || (divId.name + ' ' + divId.portalType).match(this.searchText) != null;
         return textFlag;
-...
       getPages() {
         this.showLoading = true;
         this.errorMessage = "";
         this._helpContentService.getAllPages(this.properties.adminToolsAPIURL).subscribe(
         this.subscriptions.push(this._helpContentService.getAllPages(this.properties.adminToolsAPIURL).subscribe(
           pages => {
             this.allPages = pages;
             this.showLoading = false;
           },
           error => this.handleError('System error retrieving pages', error)
         );
         ));
+      }

Also available in: Unified diff

Project

General

Profile

D-Net

Revision 60202

Added by Argiro Kokogiannaki over 3 years ago