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{ .btnMoreFilters{
background-color:#337ab7; background-color:#337ab7;
color:white; 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]"> --> <!-- <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"> #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage" [(mfSortBy)]="sortBy" [(mfSortOrder)]="sortOrder">
<thead> <thead>
<tr> <tr class = "rowFilter">
<th colspan="1"> <th colspan="1">
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Filter' /> <input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
</th> </th>
<th colspan="1"> <th colspan="1">
<input class="form-control" [(ngModel)]="versionFilter" placeholder='Filter' /> <input class="form-control" [(ngModel)]="versionFilter" placeholder='Filter' />
@ -20,10 +20,10 @@
</tr> </tr>
<tr> <tr>
<th> <th class = "rowFilterTopBorder">
<button type="button" class="btn btn-info btncustom" data-toggle="collapse" data-target="#demo">More filters</button> <button type="button" class="btn btn-info btnMoreFilters" data-toggle="collapse" data-target="#demo">More filters</button>
<div id="demo" class="collapse"> <div id="demo" class="collapse">
<input class="form-control" [(ngModel)]="filterQuery" placeholder='Filter' /> <input class="form-control" [(ngModel)]="filterQuery" placeholder='Search in Labels' />
</div> </div>
</th> </th>
</tr> </tr>