76 lines
2.9 KiB
TypeScript
76 lines
2.9 KiB
TypeScript
import {Component, Input, Output, EventEmitter} from '@angular/core';
|
|
import {ClaimProject} from '../../claim-utils/claimHelper.class';
|
|
import {RouterHelper} from '../../../utils/routerHelper.class';
|
|
import {properties} from "../../../../../environments/environment";
|
|
|
|
@Component({
|
|
selector: 'claim-selected-projects',
|
|
template: `
|
|
<div class="">
|
|
<div>
|
|
<ul class="uk-list uk-list-divider">
|
|
<li class="list-group-item" *ngFor="let project of projects">
|
|
<a [queryParams]="routerHelper.createQueryParam('projectId',project.projectId)"
|
|
routerLinkActive="router-link-active"
|
|
[routerLink]="projectUrl">{{project.funderName}}
|
|
| {{project.projectName}} {{(project.projectAcronym) ? '(' + project.projectAcronym + ')' : ''}}
|
|
<!--[{{project.startDate}} - {{project.endDate}}]--></a>
|
|
<span (click)="removeProject(project)" aria-hidden="true" class="uk-icon-button icon-button-small ">
|
|
<span class="uk-icon">
|
|
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close"
|
|
ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path
|
|
fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
|
|
</span>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!--div *ngIf="projects.length == 0 " class="uk-alert no-selected-message uk-text-center">You have not selected any projects</div-->
|
|
</div>`
|
|
})
|
|
export class ClaimSelectedProjectsComponent {
|
|
|
|
|
|
ngOnInit() {
|
|
var myDate = new Date();
|
|
this.todayDate = (myDate.getFullYear() + "-" + myDate.getMonth() + 1) + "-" + myDate.getDate();
|
|
this.nextDate = ((myDate.getFullYear() + 100) + "-" + myDate.getMonth() + 1) + "-" + myDate.getDate();
|
|
// if(this.linkType == "project"){
|
|
this.showsearch = true
|
|
// }else{
|
|
// this.showsearch = false;
|
|
// }
|
|
//2015-05-01
|
|
}
|
|
|
|
|
|
@Input() projects: ClaimProject[];
|
|
@Input() show = 'home';
|
|
@Input() title = 'Projects';
|
|
@Input() linkType: string = "project";
|
|
@Input() hideType;
|
|
@Input() bulkMode: boolean = false;
|
|
@Input() linkToResults: boolean = true;
|
|
@Output() projectsChange = new EventEmitter();
|
|
@Output() showChange = new EventEmitter();
|
|
showsearch: boolean = false;
|
|
@Input() localStoragePrefix: string = "";
|
|
todayDate = '';
|
|
nextDate = '';
|
|
public routerHelper: RouterHelper = new RouterHelper();
|
|
public projectUrl = properties.searchLinkToProject.split('?')[0];
|
|
|
|
removeProject(item: any) {
|
|
var index: number = this.projects.indexOf(item);
|
|
if (index > -1) {
|
|
this.projects.splice(index, 1);
|
|
if (this.projects != null) {
|
|
localStorage.setItem(this.localStoragePrefix + "projects", JSON.stringify(this.projects));
|
|
}
|
|
}
|
|
this.projectsChange.emit({
|
|
value: this.projects
|
|
});
|
|
}
|
|
}
|