dmp button filter
This commit is contained in:
parent
502d929186
commit
ca656416a8
|
@ -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";
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue