100 lines
4.1 KiB
TypeScript
100 lines
4.1 KiB
TypeScript
import {Component, ElementRef, Input, OnInit, ViewChild} from '@angular/core';
|
|
import {Router} from "@angular/router";
|
|
|
|
import {RemoveContentProvidersComponent} from './remove-content-providers.component';
|
|
import {HelperFunctions} from "../../openaireLibrary/utils/HelperFunctions.class";
|
|
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";
|
|
|
|
@Component({
|
|
selector: 'manage-content-providers',
|
|
template: `
|
|
<remove-content-providers (toggleView)="toggleAction()" [communityContentProviders]="communityContentProviders"
|
|
[loading]="showLoadingInRemove" [community]="community"
|
|
(communityContentProvidersChanged)="communityContentProvidersChanged($event)" [toggle]="toggle">
|
|
</remove-content-providers>
|
|
<fs-modal #fsModal (cancelEmitter)="toggleAction()">
|
|
<div actions class="uk-flex uk-flex-middle uk-height-1-1">
|
|
<span class="uk-button uk-text-secondary" uk-icon="icon: info; ratio: 1.3"></span>
|
|
<div *ngIf="community" uk-drop="mode: hover">
|
|
<div class="uk-card uk-card-body uk-card-default">
|
|
If you cannot find a content provider relevant to your community, probably it is not OpenAIRE compliant.
|
|
Feel free to contact us
|
|
(<a
|
|
[href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ community.shortTitle + '] report missing Funder' + '&body=' + body"
|
|
target="_top">{{properties.feedbackmailForMissingEntities}}</a>)
|
|
to let us know and we'll try to get the provider on board!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<add-content-providers [communityContentProviders]="communityContentProviders"
|
|
(communityContentProvidersChanged)="communityContentProvidersChanged($event)"></add-content-providers>
|
|
</fs-modal>
|
|
`
|
|
})
|
|
|
|
export class ManageContentProvidersComponent implements OnInit {
|
|
@Input() communityContentProviders = [];
|
|
@ViewChild(RemoveContentProvidersComponent) removeContentProvidersComponent: RemoveContentProvidersComponent;
|
|
@ViewChild('fsModal', { static: true }) fullscreen: FullScreenModalComponent;
|
|
public toggle: boolean = false;
|
|
private subscriptions: any[] = [];
|
|
public showLoadingInRemove: boolean = true;
|
|
public body: string = "Send from page";
|
|
public properties: EnvProperties = properties;
|
|
public community: CommunityInfo;
|
|
|
|
constructor(private element: ElementRef,
|
|
private title: Title,
|
|
private communityService: CommunityService, private _router: Router) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.subscriptions.push(this.communityService.getCommunityAsObservable().subscribe(community => {
|
|
this.community = community;
|
|
if (this.community) {
|
|
this.title.setTitle(this.community.shortTitle.toUpperCase() + ' | Content Providers');
|
|
this.body = "[Please write your message here]";
|
|
this.body = StringUtils.URIEncode(this.body);
|
|
}
|
|
}));
|
|
this.fullscreen.title = "Search and Add Content Providers";
|
|
this.fullscreen.okButtonText = "Done";
|
|
this.fullscreen.okButton = true;
|
|
}
|
|
|
|
public ngOnDestroy() {
|
|
this.subscriptions.forEach(sub => {
|
|
if (sub instanceof Subscriber) {
|
|
sub.unsubscribe();
|
|
}
|
|
});
|
|
}
|
|
|
|
public toggleAction() {
|
|
HelperFunctions.scroll();
|
|
this.toggle = !this.toggle;
|
|
if (this.toggle) {
|
|
this.fullscreen.open();
|
|
}
|
|
}
|
|
|
|
public communityContentProvidersChanged($event) {
|
|
this.communityContentProviders = $event.value;
|
|
this.showLoadingInRemove = false;
|
|
|
|
if (this.toggle) {
|
|
this.removeContentProvidersComponent.applyFilters();
|
|
}
|
|
}
|
|
}
|