connect-admin/src/app/pages/content-providers/manage-content-providers.component.ts

import {ChangeDetectorRef, Component, OnInit, ViewChild} from '@angular/core';
import {RemoveContentProvidersComponent} from './remove-content-providers.component';
import {Title} from '@angular/platform-browser';
import {
  FullScreenModalComponent
} from "../../openaireLibrary/utils/modal/full-screen-modal/full-screen-modal.component";
import {StringUtils} from "../../openaireLibrary/utils/string-utils.class";
import {EnvProperties} from "../../openaireLibrary/utils/properties/env-properties";
import {properties} from "../../../environments/environment";
import {Subscriber} from "rxjs";
import {CommunityInfo} from "../../openaireLibrary/connect/community/communityInfo";
import {CommunityService} from "../../openaireLibrary/connect/community/community.service";
import {ContentProvider} from "../../openaireLibrary/utils/entities/contentProvider";
import {OpenaireEntities} from "../../openaireLibrary/utils/properties/searchFields";
import {CriteriaComponent} from "./criteria/criteria.component";
import {NotificationHandler} from "../../openaireLibrary/utils/notification-handler";
import {ManageCommunityContentProvidersService} from "../../services/manageContentProviders.service";

@Component({
  selector: 'manage-content-providers',
  template: `
    <remove-content-providers #removeContentProviders (addContentProviders)="openAddContentProviders()"
                              [communityContentProviders]="communityContentProviders"
                              [loading]="showLoadingInRemove" [community]="community"
                              (editCriteria)="openCriteria($event)"
                              (communityContentProvidersChanged)="communityContentProvidersChanged($event)">
    </remove-content-providers>
    <fs-modal #addContentProvidersModal>
      <add-content-providers #addContentProviders [communityContentProviders]="communityContentProviders"
                             [community]="community"
                             (communityContentProvidersChanged)="communityContentProvidersChanged($event)"></add-content-providers>
    </fs-modal>
    <fs-modal #filtersModal (okEmitter)="saveCriteria()" (cancelEmitter)="criteria.reset()"
              [okButtonDisabled]="criteria && criteria.disabled">
      <div class="uk-container uk-container-large">
        <criteria #criteria *ngIf="dataProvider" [height]="filtersModal.bodyHeight"
                  [selectionCriteria]="dataProvider.selectioncriteria">
          <div no-criteria>
            <h5 class="uk-margin-small-bottom">No Filters for {{dataProvider.officialname}} yet</h5>
            <i class="uk-display-block">If no Filters are specified, all {{openaireEntities.RESULTS | lowercase}} of this {{openaireEntities.DATASOURCE | lowercase}} will be included in your
              {{openaireEntities.COMMUNITY | lowercase}}.
            </i>
          </div>
        </criteria>
      </div>
    </fs-modal>
  `
})

export class ManageContentProvidersComponent implements OnInit {
  communityContentProviders: ContentProvider[] = [];
  @ViewChild(RemoveContentProvidersComponent) removeContentProvidersComponent: RemoveContentProvidersComponent;
  @ViewChild('criteria') criteria: CriteriaComponent;
  @ViewChild('addContentProvidersModal', { static: true }) addContentProvidersModal: FullScreenModalComponent;
  @ViewChild('filtersModal', { static: true }) filtersModal: FullScreenModalComponent;
  private subscriptions: any[] = [];
  public showLoadingInRemove: boolean = true;
  public body: string = "Send from page";
  public properties: EnvProperties = properties;
  public openaireEntities = OpenaireEntities;
  public community: CommunityInfo;
  public dataProvider: ContentProvider;

  constructor(private title: Title,
              private cdr: ChangeDetectorRef,
              private communityService: CommunityService,
              private manageCommunityContentProvidersService: ManageCommunityContentProvidersService) {
  }

  ngOnInit() {
    this.subscriptions.push(this.communityService.getCommunityAsObservable().subscribe(community => {
      this.community = community;
      if (this.community) {
        this.title.setTitle(this.community.shortTitle.toUpperCase() + ' | ' + OpenaireEntities.DATASOURCES);
        this.body = "[Please write your message here]";
        this.body = StringUtils.URIEncode(this.body);
      }
    }));
  }

  public ngOnDestroy() {
    this.subscriptions.forEach(sub => {
      if (sub instanceof Subscriber) {
        sub.unsubscribe();
      }
    });
  }
  
  public openAddContentProviders() {
    this.addContentProvidersModal.title = "Search and Add " + OpenaireEntities.DATASOURCES;
    this.addContentProvidersModal.okButtonText = "Done";
    this.addContentProvidersModal.back = true;
    this.addContentProvidersModal.okButton = true;
    this.addContentProvidersModal.open();
  }
  
  public openCriteria(contentProvider: ContentProvider) {
    this.dataProvider = contentProvider;
    this.filtersModal.title = 'Filters';
    this.filtersModal.okButtonText = "Save";
    this.filtersModal.back = true;
    this.filtersModal.okButton = true;
    this.filtersModal.open();
    this.cdr.detectChanges();
  }
  
  public saveCriteria() {
    let callback = (selectionCriteria): void => {
      this.dataProvider.selectioncriteria = selectionCriteria;
      this.manageCommunityContentProvidersService.saveContentProvider(this.properties, this.dataProvider).subscribe(() => {
        this.criteria.reset();
        this.removeContentProvidersComponent.getCommunityContentProviders();
        this.criteria.loading = false;
        NotificationHandler.rise('Filters have been <b>successfully updated</b>');
      }, error => {
        this.criteria.loading = false;
        this.criteria.handeError('An error has been occurred. Try again later!', error);
      });
    }
    this.removeContentProvidersComponent.loading = true;
    this.criteria.save(callback);
  }

  public communityContentProvidersChanged($event) {
    this.communityContentProviders = $event.value;
    this.showLoadingInRemove = false;
    if (this.addContentProvidersModal.isOpen) {
      this.removeContentProvidersComponent.applyFilters();
    }
  }
}