2017-11-16 14:21:57 +01:00
|
|
|
import { Component, OnInit } from '@angular/core';
|
2017-11-22 13:25:01 +01:00
|
|
|
import { Router, ActivatedRoute, ParamMap, Params } from '@angular/router';
|
|
|
|
import {Location} from '@angular/common';
|
|
|
|
import { ServerService } from '../../../app/services/server.service';
|
2017-11-24 09:39:24 +01:00
|
|
|
|
2017-11-24 17:22:52 +01:00
|
|
|
|
|
|
|
import '../../../assets/perfect-scrollbar/perfect-scrollbar.js';
|
|
|
|
declare var PerfectScrollbar : any;
|
|
|
|
|
2017-11-24 09:39:24 +01:00
|
|
|
declare var $ :any;
|
2017-11-16 14:21:57 +01:00
|
|
|
@Component({
|
2017-11-16 15:16:09 +01:00
|
|
|
selector: 'dmp-detailed',
|
2017-11-16 14:21:57 +01:00
|
|
|
templateUrl: './dmp-detailed.component.html',
|
2017-11-24 17:22:52 +01:00
|
|
|
styleUrls: [
|
|
|
|
'../../../assets/perfect-scrollbar/perfect-scrollbar.css',
|
|
|
|
'./dmp-detailed.component.css'
|
|
|
|
]
|
2017-11-16 14:21:57 +01:00
|
|
|
})
|
|
|
|
export class DmpDetailedComponent implements OnInit {
|
|
|
|
|
2017-11-22 13:25:01 +01:00
|
|
|
constructor(private serverService: ServerService, private router: Router, private _location: Location, private route: ActivatedRoute) {
|
2017-11-16 18:07:27 +01:00
|
|
|
|
|
|
|
}
|
2017-11-16 14:21:57 +01:00
|
|
|
|
2017-11-22 13:25:01 +01:00
|
|
|
dmp : any;
|
2017-11-24 17:22:52 +01:00
|
|
|
previousDMPs : any [] = new Array<any>();
|
2017-11-22 13:25:01 +01:00
|
|
|
|
2017-11-16 14:21:57 +01:00
|
|
|
ngOnInit() {
|
2017-11-16 18:07:27 +01:00
|
|
|
|
2017-11-22 13:25:01 +01:00
|
|
|
let sub = this.route.queryParams.subscribe(params => {
|
|
|
|
|
|
|
|
let dmpid = params.dmpid;
|
2017-12-07 16:15:28 +01:00
|
|
|
this.serverService.getDmp(dmpid,true).subscribe(
|
2017-11-22 13:25:01 +01:00
|
|
|
response => {
|
2017-11-24 17:22:52 +01:00
|
|
|
|
2017-11-22 13:25:01 +01:00
|
|
|
this.dmp = response;
|
2017-11-24 17:22:52 +01:00
|
|
|
|
|
|
|
//get also the labels of all previous dmps (not eagerly, just fetch the dmp tuple)
|
|
|
|
if(this.dmp.previous != null && this.dmp.previous != ""){
|
|
|
|
this.serverService.getDmpHistory(this.dmp.id).subscribe(
|
|
|
|
response => {
|
|
|
|
this.previousDMPs = response;
|
|
|
|
},
|
|
|
|
error => {
|
|
|
|
console.log("Could not get previous DMPs (history)");
|
|
|
|
}
|
|
|
|
)
|
|
|
|
}
|
|
|
|
//fill-in also the creator
|
|
|
|
this.serverService.getUserByID(this.dmp.creator).subscribe(
|
|
|
|
response => {
|
|
|
|
this.dmp.creator = response;
|
|
|
|
},
|
|
|
|
error => {
|
|
|
|
console.log("Could not fetch creator details...");
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
|
2017-11-24 09:39:24 +01:00
|
|
|
$('#dmp-details-modal').modal('show');
|
2017-11-24 17:22:52 +01:00
|
|
|
|
2017-11-22 13:25:01 +01:00
|
|
|
},
|
|
|
|
error => {
|
|
|
|
console.log("Could not load dmp");
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
});
|
|
|
|
|
2017-11-24 17:22:52 +01:00
|
|
|
var dmpDetailsModalScroller = new PerfectScrollbar("#dmp-modal-content");
|
|
|
|
|
|
|
|
|
2017-11-16 14:21:57 +01:00
|
|
|
}
|
|
|
|
|
2017-11-24 17:22:52 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2017-11-16 14:21:57 +01:00
|
|
|
}
|