2017-10-25 15:17:16 +02:00
|
|
|
<meta name="google-signin-client_id" content="524432312250-vhgidft856v8qftsc81kls4c74v87d8o.apps.googleusercontent.com">
|
|
|
|
|
2017-11-01 16:54:14 +01:00
|
|
|
<!-- <div [ngClass]="{true:'visible', false:'invisible'}[editorVisible]"> -->
|
2017-11-02 08:57:08 +01:00
|
|
|
|
2017-11-02 09:50:01 +01:00
|
|
|
<table class="table table-striped customTable" [mfData]="tableData | dmpTableFilter : filterQuery | dmpVersionFilter : versionFilter"
|
2017-10-31 18:59:27 +01:00
|
|
|
#mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
|
|
|
|
<thead>
|
2017-11-02 09:50:01 +01:00
|
|
|
<tr class = "rowFilter">
|
2017-10-31 18:59:27 +01:00
|
|
|
<th colspan="1">
|
2017-11-02 09:50:01 +01:00
|
|
|
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
|
2017-11-01 13:01:14 +01:00
|
|
|
</th>
|
|
|
|
<th colspan="1">
|
2017-11-02 08:57:08 +01:00
|
|
|
<button class="btn btn-default " (click)="getDmps()">
|
2017-10-31 18:59:27 +01:00
|
|
|
<span class="glyphicon glyphicon-refresh"></span>
|
2017-11-03 18:57:06 +01:00
|
|
|
</button>
|
2017-10-31 18:59:27 +01:00
|
|
|
</th>
|
2017-11-02 08:57:08 +01:00
|
|
|
|
2017-11-03 18:57:06 +01:00
|
|
|
<th class = "rowFilterTopBorder" colspan="3">
|
2017-11-02 09:50:01 +01:00
|
|
|
<button type="button" class="btn btn-info btnMoreFilters" data-toggle="collapse" data-target="#demo">More filters</button>
|
2017-11-02 08:57:08 +01:00
|
|
|
<div id="demo" class="collapse">
|
2017-11-07 11:27:38 +01:00
|
|
|
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
|
|
|
|
<input class="form-control" type="number" [(ngModel)]="versionFilter" placeholder='Version'/>
|
2017-11-02 08:57:08 +01:00
|
|
|
</div>
|
|
|
|
</th>
|
2017-10-31 18:59:27 +01:00
|
|
|
</tr>
|
2017-11-03 18:57:06 +01:00
|
|
|
|
2017-10-31 18:59:27 +01:00
|
|
|
<tr>
|
|
|
|
<th [ngClass]="{true:'visible', false:'invisible'}[showIDs]">
|
|
|
|
<mfDefaultSorter by="id">ID</mfDefaultSorter>
|
|
|
|
</th>
|
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="label">Label</mfDefaultSorter>
|
|
|
|
</th>
|
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="version">Version</mfDefaultSorter>
|
|
|
|
</th>
|
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="previous">Previous</mfDefaultSorter>
|
|
|
|
</th>
|
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="project">Project</mfDefaultSorter>
|
|
|
|
</th>
|
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="description">Description</mfDefaultSorter>
|
|
|
|
</th>
|
2017-11-03 18:57:06 +01:00
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="created">Created at</mfDefaultSorter>
|
|
|
|
</th>
|
2017-11-01 10:18:51 +01:00
|
|
|
<th>
|
|
|
|
<mfDefaultSorter by="status">Status</mfDefaultSorter>
|
|
|
|
</th>
|
2017-10-31 18:59:27 +01:00
|
|
|
<th>
|
2017-11-03 18:57:06 +01:00
|
|
|
Actions
|
2017-10-31 18:59:27 +01:00
|
|
|
</th>
|
2017-11-02 08:57:08 +01:00
|
|
|
|
2017-10-31 18:59:27 +01:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr class="grayout-empty-table" *ngIf="!mf.data[0]">
|
|
|
|
<td colspan="5">No elements</td>
|
|
|
|
</tr>
|
2017-10-25 15:17:16 +02:00
|
|
|
|
2017-10-31 18:59:27 +01:00
|
|
|
<tr *ngFor="let dmp of mf.data" class="hover">
|
2017-11-03 18:57:06 +01:00
|
|
|
<td [ngClass]="{true:'visible', false:'invisible'}[showIDs]">{{dmp?.id}}</td>
|
2017-10-31 18:59:27 +01:00
|
|
|
<td>{{dmp?.label}}</td>
|
|
|
|
<td>{{dmp?.version}}</td>
|
|
|
|
<td>{{dmp?.previous}}</td>
|
|
|
|
<td>{{dmp?.project?.label}}</td>
|
|
|
|
<td>{{dmp?.description}}</td>
|
2017-11-03 18:57:06 +01:00
|
|
|
<td>{{dmp?.created | date:'yyyy-MM-dd HH:mm:ss Z'}}</td>
|
|
|
|
<td>{{dmp?.status | statusToString }}</td>
|
2017-11-01 10:18:51 +01:00
|
|
|
<td><a class="editGridColumn" (click)="editRow(dmp, $event)"><i class="fa fa-pencil fa-fw" data-toggle="tooltip" title="edit properties" id="editDMP"></i>
|
2017-10-31 18:59:27 +01:00
|
|
|
<i class="fa fa-clone fa-fw" data-toggle="tooltip" title="create new version" id="changeVersionDMP"></i>
|
2017-11-06 14:11:03 +01:00
|
|
|
<i class="fa fa-eraser fa-fw" data-toggle="tooltip" (click)="deleteRow(dmp, $event)" title="delete DMP"></i>
|
2017-10-31 18:59:27 +01:00
|
|
|
<i class="fa fa-table fa-fw" data-toggle="tooltip" title="show dataset for this DMP" id="showDatasets"></i></a></td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
<tfoot>
|
|
|
|
<tr>
|
2017-11-03 18:57:06 +01:00
|
|
|
<td colspan="7">
|
2017-11-02 08:57:08 +01:00
|
|
|
<button type="button" class="btn btn-info btncustom" (click)="newDmp(item)">New Dmp</button>
|
2017-10-31 18:59:27 +01:00
|
|
|
<mfBootstrapPaginator [rowsOnPageSet]="[5,20,40]"></mfBootstrapPaginator>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tfoot>
|
|
|
|
</table>
|
2017-11-01 16:54:14 +01:00
|
|
|
<!-- </div> -->
|
2017-10-25 15:17:16 +02:00
|
|
|
|
2017-10-31 18:59:27 +01:00
|
|
|
<!--Modal for new and edit DMP-->
|
2017-10-27 16:08:10 +02:00
|
|
|
<div class="modal fade" id="newDmpModal" tabindex="-1" role="dialog" aria-labelledby="newDmpModalLabel" aria-hidden="true">
|
2017-10-25 15:17:16 +02:00
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
2017-10-31 11:19:16 +01:00
|
|
|
<h5 class="modal-title" id="exampleModalLabel">DMP</h5>
|
2017-10-25 15:17:16 +02:00
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<form #newProjectForm="ngForm" (ngSubmit)="SaveNewDmp()">
|
2017-10-31 11:19:16 +01:00
|
|
|
<div class="form-group">
|
2017-10-31 18:59:27 +01:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="label-name" class="form-control-label">Label:</label>
|
|
|
|
<input type="text" class="form-control" id="label-name" [(ngModel)]="dmp.label" name="label">
|
|
|
|
</div>
|
2017-10-31 11:19:16 +01:00
|
|
|
<label for="recipient-name" class="col-form-label">Project:</label>
|
2017-11-07 10:19:31 +01:00
|
|
|
<select class="form-control" id="projectsDropDownKey" [(ngModel)]="dmp.project" name="projectsDropDown">
|
2017-10-25 15:17:16 +02:00
|
|
|
<option *ngFor="let opt of projectsDropDown.options" [value]="opt.key">{{opt.value}}</option>
|
|
|
|
</select>
|
2017-10-31 11:19:16 +01:00
|
|
|
</div>
|
2017-11-01 16:42:01 +01:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="status-name" class="col-form-label">Status:</label>
|
2017-11-07 10:19:31 +01:00
|
|
|
<select class="form-control" id="statusid" [(ngModel)]="dmp.status" name="statusDropDown">
|
2017-11-01 16:42:01 +01:00
|
|
|
<option *ngFor="let opt of statusDropDown.options" [value]="opt.key">{{opt.value}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
2017-10-30 09:37:00 +01:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="label-name" class="form-control-label">Previous:</label>
|
2017-11-01 10:18:51 +01:00
|
|
|
<input type="text" class="form-control" id="label-previous" [(ngModel)]="dmp.previous" name="previous" disabled>
|
2017-10-30 09:37:00 +01:00
|
|
|
</div>
|
2017-10-25 15:17:16 +02:00
|
|
|
<div class="form-group">
|
2017-10-30 15:56:50 +01:00
|
|
|
<label for="abbreviation-text" class="form-control-label">Version:</label>
|
2017-11-01 16:07:51 +01:00
|
|
|
<input class="form-control" id="abbreviation-text" [(ngModel)]="dmp.version" name="version" disabled>
|
2017-11-01 10:18:51 +01:00
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="abbreviation-text" class="form-control-label">Description:</label>
|
2017-11-06 17:25:23 +01:00
|
|
|
<textarea rows="3" class="form-control" id="abbreviation-text" [(ngModel)]="dmp.description" name="description"></textarea>
|
2017-10-25 15:17:16 +02:00
|
|
|
</div>
|
2017-10-31 18:59:27 +01:00
|
|
|
<!-- <div class="form-group">
|
2017-10-30 15:56:50 +01:00
|
|
|
<label for="reference-text" class="form-control-label">Profile Data:</label>
|
2017-10-31 11:19:16 +01:00
|
|
|
<textarea class="form-control" id="reference-text" [(ngModel)]="dmp.profileData" name="profileData"></textarea>
|
2017-10-25 15:17:16 +02:00
|
|
|
</div>
|
2017-10-31 18:59:27 +01:00
|
|
|
<div class="form-group">
|
2017-10-25 15:17:16 +02:00
|
|
|
<label for="start-date" class="form-control-label">Start Date:</label>
|
|
|
|
<input class="form-control" id="startDate-date" [(ngModel)]= "dmp.startDate" name = "startDate">
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="end-date" class="form-control-label">End Date:</label>
|
|
|
|
<input class="form-control" id="endDate-date" [(ngModel)]= "dmp.endDate" name = "endDate">
|
2017-10-30 09:37:00 +01:00
|
|
|
</div> -->
|
2017-10-31 18:59:27 +01:00
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
|
|
<button type="submit" class="btn btn-primary" (click)="SaveDmp();">Save Dmp</button>
|
2017-10-25 15:17:16 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-10-31 18:59:27 +01:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--Modal for changing version-->
|
|
|
|
<div class="modal fade" id="newVersionDmpModal" tabindex="-1" role="dialog" aria-labelledby="newVersionDmpModalLabel" aria-hidden="true">
|
2017-11-02 08:57:08 +01:00
|
|
|
<div class="modal-dialog" role="document">
|
|
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
|
|
<h5 class="modal-title" id="exampleModalLabel">DMP</h5>
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
2017-10-31 18:59:27 +01:00
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
2017-11-02 08:57:08 +01:00
|
|
|
</div>
|
|
|
|
<div class="modal-body">
|
|
|
|
<form #newProjectForm="ngForm" (ngSubmit)="SaveNewDmp()">
|
|
|
|
<div class="form-group" hidden>
|
2017-10-31 18:59:27 +01:00
|
|
|
<div class="form-group">
|
2017-11-02 08:57:08 +01:00
|
|
|
<label for="label-name" class="form-control-label">Label:</label>
|
|
|
|
<input type="text" class="form-control" id="label-name" [(ngModel)]="dmp.label" name="label">
|
2017-10-31 18:59:27 +01:00
|
|
|
</div>
|
2017-11-02 08:57:08 +01:00
|
|
|
<label for="recipient-name" class="col-form-label">Project:</label>
|
|
|
|
<select class="form-control" [id]="projectsDropDownKey" [(ngModel)]="dmp.project" [name]="projectsDropDown" #datasetfield>
|
|
|
|
<option *ngFor="let opt of projectsDropDown.options" [value]="opt.key">{{opt.value}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="form-group" hidden>
|
|
|
|
<label for="label-name" class="form-control-label">Previous:</label>
|
|
|
|
<input type="text" class="form-control" id="label-previous" [(ngModel)]="dmp.previous" name="previous">
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="abbreviation-text" class="form-control-label">Version:</label>
|
|
|
|
<input class="form-control" id="abbreviation-text" [(ngModel)]="dmp.version" name="version">
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
2017-11-07 10:45:19 +01:00
|
|
|
<button type="submit" class="btn btn-primary" (click)="cloneDMP(dmp);">Save Dmp</button>
|
2017-10-31 18:59:27 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-11-02 08:57:08 +01:00
|
|
|
</div>
|
2017-10-25 15:17:16 +02:00
|
|
|
|
|
|
|
<!--Modal for DMPs-->
|
|
|
|
<!-- <modal *ngIf="item && show" [(show)]="show" [item]="item" [(dataSetVisibe)]="dataSetVisibe"></modal> -->
|
|
|
|
|
|
|
|
<!--DATASET TABLE-->
|
2017-10-31 18:59:27 +01:00
|
|
|
<datasets-table *ngIf="dataSetVisibe" [dmpIdforDatasets]="dmpIdforDatasets" [dmpLabelforDatasets]="dmpLabelforDatasets" [(dataSetVisibe)]="dataSetVisibe"></datasets-table>
|