diff --git a/dmp-frontend/src/app/datasets/dataset.component.ts b/dmp-frontend/src/app/datasets/dataset.component.ts index 37637f632..b880e00b1 100644 --- a/dmp-frontend/src/app/datasets/dataset.component.ts +++ b/dmp-frontend/src/app/datasets/dataset.component.ts @@ -1,5 +1,5 @@ -import { Component, OnInit, Input, ViewChild, NgZone ,Output ,EventEmitter} from '@angular/core'; -import {GoogleSignInSuccess} from 'angular-google-signin'; +import { Component, OnInit, Input, ViewChild, NgZone, Output, EventEmitter } from '@angular/core'; +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'; @@ -9,78 +9,78 @@ import { DataTable, DataTableTranslations, DataTableResource } from 'angular-4-d import { DropdownField } from '../../app/form/fields/dropdown/field-dropdown'; import { Param } from '../entities/model/param'; -declare var $ :any; +declare var $: any; @Component({ selector: 'datasets-table', templateUrl: 'dataset.html', -// template: ` -//

Projects

- -// + // template: ` + //

Projects

-// -// `, - providers: [ServerService] + // + + // + // `, + providers: [ServerService] }) -export class DatasetsComponent implements OnInit{ +export class DatasetsComponent implements OnInit { returnUrl: string; @Input() datasets: Dataset[]; @Input() datasetProfileDropDown: DropdownField; - datasetResource :DataTableResource; + datasetResource: DataTableResource; @Input() datasetCount = 0; @Input() dmpIdforDatasets: string; - dataset:any; - + dataset: any; + //@ViewChild(DataTable) projectsTable; - dataSetValue:boolean + dataSetValue: boolean @Input() - get dataSetVisibe(){ + get dataSetVisibe() { return this.dataSetValue; } @Output() public dataSetValueChange = new EventEmitter(); - - set dataSetVisibe(value:any){ - this.dataSetValue = value + + set dataSetVisibe(value: any) { + this.dataSetValue = value this.dataSetValueChange.emit(this.dataSetValue) } - constructor( + constructor( private serverService: ServerService, private route: ActivatedRoute, private router: Router, - private ngZone: NgZone){ - this.dataset = { - id:null, - label:'', - reference:'', - uri:'', - properties:'', - profile:{"id": ''}, - dmp:{"id": ''} - } + private ngZone: NgZone) { + this.dataset = { + id: null, + label: '', + reference: '', + uri: '', + properties: '', + profile: { "id": '' }, + dmp: { "id": '' } + } - this.datasetProfileDropDown = new DropdownField(); - this.datasetProfileDropDown.options = []; + this.datasetProfileDropDown = new DropdownField(); + this.datasetProfileDropDown.options = []; } - ngOnInit() {debugger; + ngOnInit() { //this.projects = this.serverService.getDummyProjects(); this.datasets = []; console.log(this.dmpIdforDatasets); - this.serverService.getDatasetForDmp({"id":this.dmpIdforDatasets}).subscribe( + this.serverService.getDatasetForDmp({ "id": this.dmpIdforDatasets }).subscribe( response => { console.log("response"); @@ -91,14 +91,17 @@ export class DatasetsComponent implements OnInit{ dt.id = resp.id; dt.name = resp.label; dt.uriDataset = resp.uri; + dt.dmp = resp.dmp.label; + dt.profile = resp.profile.label; + dt.profileId = resp.profile.id; this.datasets.push(dt); - var params = {limit:8,offset:0, sortAsc:false} - this.afterLoad(); - this.datasetResource.query(params).then(datasets => this.datasets = datasets); + var params = { limit: 8, offset: 0, sortAsc: false } + this.afterLoad(); + this.datasetResource.query(params).then(datasets => this.datasets = datasets); }); - } - ); - + } + ); + this.serverService.getAllDatsetsProfile().subscribe( response => { console.log("response"); @@ -118,47 +121,47 @@ export class DatasetsComponent implements OnInit{ reloadDatasets(params) { this.datasetResource = new DataTableResource(this.datasets); this.datasetResource.query(params).then(datasets => this.datasets = datasets); -} + } -afterLoad(){ - this.datasetResource = new DataTableResource(this.datasets); - this.datasetResource.count().then(count => this.datasetCount = count); -} + afterLoad() { + this.datasetResource = new DataTableResource(this.datasets); + this.datasetResource.count().then(count => this.datasetCount = count); + } -rowClick(rowEvent){ - this.ngZone.run(() => this.router.navigateByUrl('dynamic-form', rowEvent.row.item.id)); -} + selectDataset(item) {debugger; + this.ngZone.run(() => this.router.navigate(['dynamic-form', {id: item.profileId}])); + } -SaveNewDataset(){debugger; - this.dataset.dmp={"id": this.dmpIdforDatasets} - this.dataset.profile = {"id": this.dataset.profile} - this.serverService.createDatasetForDmp(this.dataset).subscribe( - response=>{ - console.log(response); - - } - ) - $("#newDatasetModal").modal("hide"); - this.serverService.getDatasetForDmp({"id":this.dmpIdforDatasets}).subscribe( - response => { + SaveNewDataset() { + this.dataset.dmp = { "id": this.dmpIdforDatasets } + this.dataset.profile = { "id": this.dataset.profile } + this.serverService.createDatasetForDmp(this.dataset).subscribe( + response => { + console.log(response); - console.log("response"); - console.log(response); - this.datasets = []; - response.forEach(resp => { + } + ) + $("#newDatasetModal").modal("hide"); + this.serverService.getDatasetForDmp({ "id": this.dmpIdforDatasets }).subscribe( + response => { - let dt = new Dataset(); - dt.id = resp.id; - dt.name = resp.label; - dt.uriDataset = resp.uri; - this.datasets.push(dt); - var params = {limit:8,offset:0, sortAsc:false} - this.afterLoad(); - this.datasetResource.query(params).then(datasets => this.datasets = datasets); - }); - } - ); -} + console.log("response"); + console.log(response); + this.datasets = []; + response.forEach(resp => { + + let dt = new Dataset(); + dt.id = resp.id; + dt.name = resp.label; + dt.uriDataset = resp.uri; + this.datasets.push(dt); + var params = { limit: 8, offset: 0, sortAsc: false } + this.afterLoad(); + this.datasetResource.query(params).then(datasets => this.datasets = datasets); + }); + } + ); + } // special params: translations = { @@ -167,28 +170,44 @@ SaveNewDataset(){debugger; selectColumn: 'Select column', paginationLimit: 'Max results', paginationRange: 'Result range' -}; + }; -getDatasetForDmpMethod(dmpid){ - this.serverService.getDatasetForDmp({"id":dmpid}).subscribe( - response => { + getDatasetForDmpMethod(dmpid) { + this.serverService.getDatasetForDmp({ "id": dmpid }).subscribe( + response => { - console.log("response"); - console.log(response); - this.datasets = []; - response.forEach(resp => { + console.log("response"); + console.log(response); + this.datasets = []; + response.forEach(resp => { - let dt = new Dataset(); - dt.id = resp.id; - dt.name = resp.label; - dt.uriDataset = resp.uri; - this.datasets.push(dt); - var params = {limit:8,offset:0, sortAsc:false} - this.afterLoad(); - this.datasetResource.query(params).then(datasets => this.datasets = datasets); - }); - } -); -} + let dt = new Dataset(); + dt.id = resp.id; + dt.name = resp.label; + dt.uriDataset = resp.uri; + this.datasets.push(dt); + var params = { limit: 8, offset: 0, sortAsc: false } + this.afterLoad(); + this.datasetResource.query(params).then(datasets => this.datasets = datasets); + }); + } + ); + } + + editRow(item) { + this.dataset.label = item.label; + this.dataset.uri = item.uriDataset; + this.dataset.dmp = item.dmp; + this.dataset.profile = item.profileId; + $("#newDatasetModal").modal("show"); + } + + newDataset() { + this.dataset.label = ""; + this.dataset.uri = ""; + this.dataset.dmp =this.dmpIdforDatasets; + this.dataset.profile = ""; + $("#newDatasetModal").modal("show"); + } } diff --git a/dmp-frontend/src/app/datasets/dataset.html b/dmp-frontend/src/app/datasets/dataset.html index 3f01d7242..a2f857691 100644 --- a/dmp-frontend/src/app/datasets/dataset.html +++ b/dmp-frontend/src/app/datasets/dataset.html @@ -1,21 +1,37 @@
+ [translations]="translations" > - - + + + + + + + + + + +
- + @@ -44,23 +60,19 @@
-
- - + +
- diff --git a/dmp-frontend/src/app/dmps/dmp.component.ts b/dmp-frontend/src/app/dmps/dmp.component.ts index ad6ce707d..96cf185fd 100644 --- a/dmp-frontend/src/app/dmps/dmp.component.ts +++ b/dmp-frontend/src/app/dmps/dmp.component.ts @@ -48,10 +48,10 @@ export class DmpComponent implements OnInit{ this.dataSetVisibe = false; this.dmp = { label: '', - abbreviation:'', - reference:'', - uri:'', - definition:'' + previous:'', + version:'', + profileData:'', + profile:'' } } @@ -71,27 +71,30 @@ console.log(response); dmp.version = resp.version; dmp.dataset = resp.dataset; dmp.projectLabel = resp.project.label; + dmp.projectid = resp.project.id; + dmp.previous = resp.previous; + dmp.profile = resp.profile; + dmp.profileData = resp.profileData; this.dmps.push(dmp); var params = {limit:8,offset:0, sortAsc:false} this.afterLoad(); this.dmpResource.query(params).then(dmps => this.dmps = dmps); } ); - } - // (err: HttpErrorResponse) => { - // if (err.error instanceof Error) { - // // A client-side or network error occurred. Handle it accordingly. - // console.log('An error occurred:', err.error.message); - // } else { - // // The backend returned an unsuccessful response code. - // // The response body may contain clues as to what went wrong, - // if(err.status == 401){ - // this.isignOutBtn.nativeElement.click(); - // } - // console.log(`Backend returned code ${err.status}, body was: ${err.error}`); - // } - // } - ); + (err: HttpErrorResponse) => { + if (err.error instanceof Error) { + // A client-side or network error occurred. Handle it accordingly. + console.log('An error occurred:', err.error.message); + } else { + // The backend returned an unsuccessful response code. + // The response body may contain clues as to what went wrong, + if(err.status == 401){ + this.isignOutBtn.nativeElement.click(); + } + console.log(`Backend returned code ${err.status}, body was: ${err.error}`); + } + } + }); this.serverService.getAllProjects().subscribe( response => { @@ -186,7 +189,7 @@ signOut() {     this.serverService.logOut(); } -selectDmp(rowEvent){debugger; +selectDmp(rowEvent){ this.dmpIdforDatasets = rowEvent.row.item.id; if(this.dataSetVisibe == false) this.dataSetVisibe = true; @@ -194,12 +197,25 @@ selectDmp(rowEvent){debugger; this.datasetsComponent.getDatasetForDmpMethod(rowEvent.row.item.id); } -editRow(item){debugger; +editRow(item){ this.dmp.label = item.label; - this.dmp.abbreviation = item.abbreviation; - this.dmp.uri = item.uri; + this.dmp.previous = item.previous; + this.dmp.version = item.version; + this.dmp.profile = item.profile; + this.dmp.profileData = item.profileData; this.dmp.id = item.id; - this.dmp.project = item.project; + this.dmp.project = item.projectid; + this.dmp.projectid = item.projectid; + $("#newDmpModal").modal("show"); +} + +newDmp(item){ + this.dmp.label = ""; + this.dmp.previous = ""; + this.dmp.version = ""; + this.dmp.profile = ""; + this.dmp.profileData = ""; + this.dmp.project = ""; $("#newDmpModal").modal("show"); } diff --git a/dmp-frontend/src/app/dmps/dmps.html b/dmp-frontend/src/app/dmps/dmps.html index 93f5b2987..2e38113cb 100644 --- a/dmp-frontend/src/app/dmps/dmps.html +++ b/dmp-frontend/src/app/dmps/dmps.html @@ -46,7 +46,7 @@
- +