button more filters

This commit is contained in:
annampak 2017-11-02 09:57:08 +02:00
parent a2224acac5
commit 518e73d1ca
2 changed files with 57 additions and 38 deletions

View File

@ -37,3 +37,13 @@ tr.hover:hover > * {
color:white;
margin-top:15px;
}
.btnMoreFilters{
background-color:#337ab7;
color:white;
margin-bottom:10px;
}
/* td.rowFilter{
} */

View File

@ -13,10 +13,19 @@
<input class="form-control" [(ngModel)]="versionFilter" placeholder='Filter' />
</th>
<th>
<button class="btn btn-default" (click)="getDmps()">
<button class="btn btn-default " (click)="getDmps()">
<span class="glyphicon glyphicon-refresh"></span>
</button>
</th>
</tr>
<tr>
<th>
<button type="button" class="btn btn-info btncustom" data-toggle="collapse" data-target="#demo">More filters</button>
<div id="demo" class="collapse">
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Filter' />
</div>
</th>
</tr>
<tr>
<th [ngClass]="{true:'visible', false:'invisible'}[showIDs]">
@ -101,7 +110,7 @@
</div>
<div class="form-group">
<label for="status-name" class="col-form-label">Status:</label>
<select class="form-control" [id]="statusid" [(ngModel)]="dmp.status" [name]="statusDropDown" #datasetfield >
<select class="form-control" [id]="statusid" [(ngModel)]="dmp.status" [name]="statusDropDown" #datasetfield>
<option *ngFor="let opt of statusDropDown.options" [value]="opt.key">{{opt.value}}</option>
</select>
</div>
@ -115,7 +124,7 @@
</div>
<div class="form-group">
<label for="abbreviation-text" class="form-control-label">Description:</label>
<textarea class="form-control" id="abbreviation-text" [(ngModel)]="dmp.description" name="description" ></textarea>
<textarea class="form-control" id="abbreviation-text" [(ngModel)]="dmp.description" name="description"></textarea>
</div>
<!-- <div class="form-group">
<label for="reference-text" class="form-control-label">Profile Data:</label>
@ -179,7 +188,7 @@
</div>
</div>
</div>
</div>
</div>
<!--Modal for DMPs-->
<!-- <modal *ngIf="item && show" [(show)]="show" [item]="item" [(dataSetVisibe)]="dataSetVisibe"></modal> -->