From ca656416a88e8649a0b2f8e3405679baf1597e46 Mon Sep 17 00:00:00 2001
From: annampak <annampak@hotmail.com>
Date: Tue, 7 Nov 2017 16:03:12 +0200
Subject: [PATCH] dmp button filter

---
 dmp-frontend/src/app/dmps/dmp.component.ts | 11 ++++++++++-
 dmp-frontend/src/app/dmps/dmps.html        |  6 +++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/dmp-frontend/src/app/dmps/dmp.component.ts b/dmp-frontend/src/app/dmps/dmp.component.ts
index e40178d49..7491311ab 100644
--- a/dmp-frontend/src/app/dmps/dmp.component.ts
+++ b/dmp-frontend/src/app/dmps/dmp.component.ts
@@ -60,6 +60,7 @@ export class DmpComponent implements OnInit{
   @Input() projectsDropDown:DropdownField;
   @Input() dataSetVisibe:boolean;
   @Input() statusDropDown: DropdownField;
+  @Input() isSelected:boolean;
   //@Input() projects: Project[];
   dmpIdforDatasets: string;
   dmpLabelforDatasets:string;
@@ -78,6 +79,7 @@ export class DmpComponent implements OnInit{
       //this.projects = [];
       this.dmpTableVisible = false;
       this.dataSetVisibe = false;
+      this.isSelected=false;
       
       this.dmp = {
         id: null,
@@ -196,6 +198,7 @@ selectDmp(item){
 }
 
 editRow(item, event){ 
+  this.isSelected = true;
   if (event.toElement.id == "editDMP"){
     this.dmp.label = item.label;
     this.dmp.previous = item.previous;
@@ -264,7 +267,13 @@ deleteRow(dmp){
 
 }
 
-
+clickFilters(element){
+console.log(element);
+if(element.textContent == "More filters")
+  element.textContent = "Less Filters";
+else
+element.textContent = "More Filters";
+}
 
 
 }
diff --git a/dmp-frontend/src/app/dmps/dmps.html b/dmp-frontend/src/app/dmps/dmps.html
index a6e7e56c9..ce81a9687 100644
--- a/dmp-frontend/src/app/dmps/dmps.html
+++ b/dmp-frontend/src/app/dmps/dmps.html
@@ -14,10 +14,10 @@
             </th>
 
             <th class = "rowFilterTopBorder" colspan="3">
-                <button type="button" class="btn btn-info btnMoreFilters" data-toggle="collapse" data-target="#demo">More filters</button>
+                <button type="button" class="btn btn-info btnMoreFilters" data-toggle="collapse" data-target="#demo" (click)="clickFilters($event.target)">More filters</button>
                 <div id="demo" class="collapse">
-                    <input class="form-control" type="number" [(ngModel)]="versionFilter" placeholder='Version'/>
-                    <select class="form-control" [id]="statusid" [(ngModel)]="statusFilter" [name]="statusDropDown" #datasetfield >
+                    <input style= "margin-top: 5px;" class="form-control" type="number" [(ngModel)]="versionFilter" placeholder='Version'/>
+                    <select style= "margin-top: 5px;" class="form-control" [id]="statusid" [(ngModel)]="statusFilter" [name]="statusDropDown" #datasetfield >
                             <option *ngFor="let opt of statusDropDown.options" [value]="opt.key">{{opt.value}}</option>
                         </select>
                 </div>