dmp button filter

This commit is contained in:
annampak 2017-11-07 16:03:12 +02:00
parent 502d929186
commit ca656416a8
2 changed files with 13 additions and 4 deletions

View File

@ -60,6 +60,7 @@ export class DmpComponent implements OnInit{
@Input() projectsDropDown:DropdownField; @Input() projectsDropDown:DropdownField;
@Input() dataSetVisibe:boolean; @Input() dataSetVisibe:boolean;
@Input() statusDropDown: DropdownField; @Input() statusDropDown: DropdownField;
@Input() isSelected:boolean;
//@Input() projects: Project[]; //@Input() projects: Project[];
dmpIdforDatasets: string; dmpIdforDatasets: string;
dmpLabelforDatasets:string; dmpLabelforDatasets:string;
@ -78,6 +79,7 @@ export class DmpComponent implements OnInit{
//this.projects = []; //this.projects = [];
this.dmpTableVisible = false; this.dmpTableVisible = false;
this.dataSetVisibe = false; this.dataSetVisibe = false;
this.isSelected=false;
this.dmp = { this.dmp = {
id: null, id: null,
@ -196,6 +198,7 @@ selectDmp(item){
} }
editRow(item, event){ editRow(item, event){
this.isSelected = true;
if (event.toElement.id == "editDMP"){ if (event.toElement.id == "editDMP"){
this.dmp.label = item.label; this.dmp.label = item.label;
this.dmp.previous = item.previous; 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";
}
} }

View File

@ -14,10 +14,10 @@
</th> </th>
<th class = "rowFilterTopBorder" colspan="3"> <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"> <div id="demo" class="collapse">
<input class="form-control" type="number" [(ngModel)]="versionFilter" placeholder='Version'/> <input style= "margin-top: 5px;" class="form-control" type="number" [(ngModel)]="versionFilter" placeholder='Version'/>
<select class="form-control" [id]="statusid" [(ngModel)]="statusFilter" [name]="statusDropDown" #datasetfield > <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> <option *ngFor="let opt of statusDropDown.options" [value]="opt.key">{{opt.value}}</option>
</select> </select>
</div> </div>