You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
4.0 KiB
TypeScript
111 lines
4.0 KiB
TypeScript
import {Component, ElementRef, Input, OnInit, ViewChild} from '@angular/core';
|
|
import {ActivatedRoute, Router} from "@angular/router";
|
|
|
|
import {RemoveProjectsComponent} from './remove-projects.component';
|
|
|
|
import {Session} from '../../openaireLibrary/login/utils/helper.class';
|
|
import {LoginErrorCodes} from '../../openaireLibrary/login/utils/guardHelper.class';
|
|
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";
|
|
|
|
@Component({
|
|
selector: 'manage-projects',
|
|
template: `
|
|
<remove-projects (toggleView)="toggleAction()" [communityProjects]="communityProjects"
|
|
[showLoading]="showLoadingInRemove"
|
|
(communityProjectsChanged)="communityProjectsChanged($event)" [toggle]="toggle">
|
|
</remove-projects>
|
|
<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="communityId" uk-drop="mode: hover">
|
|
<div class="uk-card uk-card-body uk-card-default">
|
|
If you cannot find a funder that is relevant for your community, please contact us
|
|
(<a
|
|
[href]="'mailto:' + properties.feedbackmailForMissingEntities +'?Subject=[OpenAIRE Connect - '+ communityId + '] report missing Funder' + '&body=' + body"
|
|
target="_top">{{properties.feedbackmailForMissingEntities}}</a>)
|
|
and we will try to get the funder on board!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<add-projects [communityProjects]="communityProjects"
|
|
(communityProjectsChanged)="communityProjectsChanged($event)"></add-projects>
|
|
</fs-modal>
|
|
`
|
|
})
|
|
|
|
export class ManageProjectsComponent implements OnInit {
|
|
@Input() communityProjects = [];
|
|
@ViewChild(RemoveProjectsComponent) removeProjectsComponent: RemoveProjectsComponent;
|
|
@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 communityId: string = "";
|
|
|
|
constructor(private element: ElementRef,
|
|
private title: Title,
|
|
private route: ActivatedRoute, private _router: Router) {
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.subscriptions.push(this.route.params.subscribe(params => {
|
|
this.communityId = params['community'];
|
|
|
|
if (this.communityId) {
|
|
this.title.setTitle(this.communityId.toUpperCase() + ' | Projects');
|
|
this.body = "[Please write your message here]";
|
|
this.body = StringUtils.URIEncode(this.body);
|
|
}
|
|
this.fullscreen.title = "Search and Add Projects";
|
|
this.fullscreen.okButtonText = "Done";
|
|
this.fullscreen.okButton = true;
|
|
}));
|
|
}
|
|
|
|
public ngOnDestroy() {
|
|
this.subscriptions.forEach(sub => {
|
|
if (sub instanceof Subscriber) {
|
|
sub.unsubscribe();
|
|
}
|
|
});
|
|
}
|
|
|
|
public toggleAction() {
|
|
if (!Session.isLoggedIn()) {
|
|
this._router.navigate(['/user-info'], {
|
|
queryParams: {'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url}
|
|
});
|
|
} else {
|
|
HelperFunctions.scroll();
|
|
|
|
this.toggle = !this.toggle;
|
|
if (this.toggle) {
|
|
this.fullscreen.open();
|
|
}
|
|
}
|
|
}
|
|
|
|
public communityProjectsChanged($event) {
|
|
this.communityProjects = $event.value;
|
|
this.showLoadingInRemove = false;
|
|
|
|
if (this.toggle) {
|
|
this.removeProjectsComponent.applyFilters();
|
|
this.removeProjectsComponent.createFunderFilter();
|
|
}
|
|
}
|
|
}
|