2017-10-18 14:50:12 +02:00
|
|
|
import { Component, OnInit, Input, ViewChild } from '@angular/core';
|
2017-09-28 17:05:46 +02:00
|
|
|
import {GoogleSignInSuccess} from 'angular-google-signin';
|
|
|
|
import { Router, ActivatedRoute } from '@angular/router';
|
|
|
|
import { ServerService } from '../../app/services/server.service';
|
|
|
|
import { Project } from '../entities/model/project';
|
2017-10-18 14:50:12 +02:00
|
|
|
import { Dmp } from '../entities/model/Dmp';
|
2017-10-18 18:30:39 +02:00
|
|
|
import { Dataset } from '../entities/model/dataset';
|
|
|
|
import { DataTable, DataTableTranslations, DataTableResource } from 'angular-4-data-table-bootstrap-4';
|
2017-09-28 17:05:46 +02:00
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'projects',
|
2017-10-18 14:50:12 +02:00
|
|
|
templateUrl: 'project.html',
|
|
|
|
// template: `
|
|
|
|
// <h1 class="title">Projects</h1>
|
2017-10-04 17:41:41 +02:00
|
|
|
|
2017-10-18 14:50:12 +02:00
|
|
|
// <ul class="list-group col-md-4">
|
|
|
|
// <li *ngFor="let project of projects"
|
|
|
|
// class="list-group-item">
|
|
|
|
// <a [routerLink]="['/dynamic-form', project.id]" >
|
|
|
|
// {{ project.name }}
|
|
|
|
// </a>
|
|
|
|
// </li>
|
|
|
|
// </ul>
|
|
|
|
|
|
|
|
// <router-outlet></router-outlet>
|
|
|
|
// `,
|
2017-09-28 17:05:46 +02:00
|
|
|
providers: [ServerService]
|
|
|
|
})
|
|
|
|
|
|
|
|
export class ProjectsComponent implements OnInit{
|
|
|
|
returnUrl: string;
|
2017-10-18 14:50:12 +02:00
|
|
|
@Input() projects: Project[];
|
|
|
|
projectResource :DataTableResource<Project>;
|
|
|
|
@Input() projectCount = 0;
|
|
|
|
|
|
|
|
@ViewChild(DataTable) projectsTable;
|
2017-09-28 17:05:46 +02:00
|
|
|
|
|
|
|
constructor(
|
|
|
|
private serverService: ServerService,
|
|
|
|
private route: ActivatedRoute,
|
|
|
|
private router: Router){
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2017-10-17 09:38:04 +02:00
|
|
|
ngOnInit() {
|
2017-10-17 15:20:40 +02:00
|
|
|
//this.projects = this.serverService.getDummyProjects();
|
|
|
|
this.projects = [];
|
2017-10-18 20:30:55 +02:00
|
|
|
this.serverService.getAllProjects().subscribe( //getProjects()
|
2017-10-17 15:20:40 +02:00
|
|
|
response => {
|
|
|
|
|
|
|
|
console.log("response");
|
|
|
|
console.log(response);
|
|
|
|
response.forEach(resp => {
|
|
|
|
let pr = new Project();
|
|
|
|
pr.id = resp.id;
|
|
|
|
pr.name = resp.label;
|
2017-10-18 14:50:12 +02:00
|
|
|
pr.abbreviation = resp.abbreviation;
|
|
|
|
pr.definition = resp.definition;
|
|
|
|
pr.uri = resp.uri;
|
|
|
|
pr.dmp = new Dmp();
|
2017-10-18 15:32:46 +02:00
|
|
|
// pr.dmp.id = resp.dmp;
|
2017-10-18 18:30:39 +02:00
|
|
|
pr.dmp.id = resp.dmp =! null || resp.dmp ==! undefined ? resp.dmp.id : null;
|
|
|
|
pr.dataset = new Dataset();
|
|
|
|
pr.dmp.dataset = resp.dmp.dataset != null ? resp.dmp.dataset.id: null;
|
2017-10-17 15:20:40 +02:00
|
|
|
this.projects.push(pr);
|
2017-10-18 15:32:46 +02:00
|
|
|
var params = {limit:8,offset:0, sortAsc:false}
|
|
|
|
this.afterLoad();
|
|
|
|
this.projectResource.query(params).then(projects => this.projects = projects);
|
2017-10-17 15:20:40 +02:00
|
|
|
});
|
2017-10-18 14:50:12 +02:00
|
|
|
}
|
|
|
|
);
|
2017-10-17 15:20:40 +02:00
|
|
|
}
|
2017-09-28 17:05:46 +02:00
|
|
|
|
2017-10-18 14:50:12 +02:00
|
|
|
reloadProjects(params) {
|
|
|
|
this.projectResource.query(params).then(projects => this.projects = projects);
|
|
|
|
}
|
|
|
|
|
|
|
|
afterLoad(){
|
|
|
|
this.projectResource = new DataTableResource(this.projects);
|
|
|
|
this.projectResource.count().then(count => this.projectCount = count);
|
|
|
|
}
|
|
|
|
|
|
|
|
// special params:
|
|
|
|
translations = <DataTableTranslations>{
|
|
|
|
indexColumn: 'Index column',
|
|
|
|
expandColumn: 'Expand column',
|
|
|
|
selectColumn: 'Select column',
|
|
|
|
paginationLimit: 'Max results',
|
|
|
|
paginationRange: 'Result range'
|
|
|
|
};
|
|
|
|
|
2017-09-28 17:05:46 +02:00
|
|
|
|
|
|
|
|
|
|
|
}
|