MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

more filters button

This commit is contained in:
annampak 2017-11-02 10:50:01 +02:00
parent 91f4aeaee0
commit 6a60e505e3
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
dmp-frontend/src/app/dmps/dmp.component.css
View File

@ -41,9 +41,14 @@ tr.hover:hover > * {
.btnMoreFilters{
background-color:#337ab7;
color:white;
margin-bottom:10px;
margin-bottom:0px;
}
/* td.rowFilter{
.table>thead>tr.rowFilter>th {
border-bottom: 0px solid white;
} */
}
.table>thead>tr>th.rowFilterTopBorder{
border-top: 0px solid white;
}

12
dmp-frontend/src/app/dmps/dmps.html
View File

@ -2,12 +2,12 @@
<!-- <div [ngClass]="{true:'visible', false:'invisible'}[editorVisible]"> -->
<table class="table table-striped" [mfData]="tableData | dmpTableFilter : filterQuery | dmpVersionFilter : versionFilter"
<table class="table table-striped customTable" [mfData]="tableData | dmpTableFilter : filterQuery | dmpVersionFilter : versionFilter"
#mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
<thead>
<tr>
<tr class = "rowFilter">
<th colspan="1">
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Filter' />
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
</th>
<th colspan="1">
<input class="form-control" [(ngModel)]="versionFilter" placeholder='Filter' />
@ -20,10 +20,10 @@
</tr>
<tr>
<th>
<button type="button" class="btn btn-info btncustom" data-toggle="collapse" data-target="#demo">More filters</button>
<th class = "rowFilterTopBorder">
<button type="button" class="btn btn-info btnMoreFilters" data-toggle="collapse" data-target="#demo">More filters</button>
<div id="demo" class="collapse">
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Filter' />
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
</div>
</th>
</tr>