q3aql/webui-aria2
q3aql/webui-aria2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve filters display...

Browse Source 
and do not hide filters, ever.
This commit is contained in:
Nils Maier 2014-05-17 14:49:20 +02:00
parent 12fb096a5b
commit 2b584f2fe1
3 changed files with 50 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/download.css
View File

@ -31,7 +31,7 @@
} }
.download-graph { .download-graph {
width: 35%; width: 40%;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
margin-right: 30px; margin-right: 30px;

5
css/style.css
View File

@ -1,3 +1,8 @@
input[type=checkbox], input[type=radio] {
vertical-align: middle;
position: relative;
}
.pagination ul > li:not(.disabled) { .pagination ul > li:not(.disabled) {
cursor: pointer; cursor: pointer;
} }

39
index.html
View File

@ -239,44 +239,51 @@
<!-- {{{ download template --> <!-- {{{ download template -->
<h3 ng-show="totalAria2Downloads()">Download List</h3> <h3 ng-show="totalAria2Downloads()">Download List</h3>
<form ng-show="(totalAria2Downloads() > pageSize) || downloadFilter.length" id="filters" class="clearfix"> <form id="filters" class="clearfix">
<fieldset> <fieldset>
<label for="download-filter" id="download-filter-label">Search</label> <p>
<input id="download-filter" type="text" ng-model="downloadFilter" autocomplete="off" ng-change="onDownloadFilter()" class="input-large"/> <label for="download-filter" id="download-filter-label">Search
<input id="download-filter" type="text" ng-model="downloadFilter" autocomplete="off" ng-change="onDownloadFilter()" class="input-large"/></label>
<button ng-click="clearFilter()" class="btn btn-default btn-mini">Clear</button> <button ng-click="clearFilter()" class="btn btn-default btn-mini">Clear</button>
<br> </p>
<p>
<label for="filter-speed"> <label for="filter-speed">
<input type="checkbox" ng-model="filterSpeed" ng-change="persistFilters()" id="filter-speed"> <input type="checkbox" ng-model="filterSpeed" ng-change="persistFilters()" id="filter-speed">
running Running
</label> </label>
<label for="filter-active"> <label for="filter-active">
<input type="checkbox" ng-model="filterActive" ng-change="persistFilters()" id="filter-active"> <input type="checkbox" ng-model="filterActive" ng-change="persistFilters()" id="filter-active">
active Active
</label> </label>
<label for="filter-waiting"> <label for="filter-waiting">
<input type="checkbox" ng-model="filterWaiting" ng-change="persistFilters()" id="filter-waiting"> <input type="checkbox" ng-model="filterWaiting" ng-change="persistFilters()" id="filter-waiting">
waiting Waiting
</label> </label>
<label for="filter-complete"> <label for="filter-complete">
<input type="checkbox" ng-model="filterComplete" ng-change="persistFilters()" id="filter-complete"> <input type="checkbox" ng-model="filterComplete" ng-change="persistFilters()" id="filter-complete">
complete Complete
</label> </label>
<label for="filter-error"> <label for="filter-error">
<input type="checkbox" ng-model="filterError" ng-change="persistFilters()" id="filter-error"> <input type="checkbox" ng-model="filterError" ng-change="persistFilters()" id="filter-error">
error Error
</label> </label>
<label for="filter-paused"> <label for="filter-paused">
<input type="checkbox" ng-model="filterPaused" ng-change="persistFilters()" id="filter-paused"> <input type="checkbox" ng-model="filterPaused" ng-change="persistFilters()" id="filter-paused">
paused Paused
</label> </label>
<label for="filter-removed"> <label for="filter-removed">
<input type="checkbox" ng-model="filterRemoved" ng-change="persistFilters()" id="filter-removed"> <input type="checkbox" ng-model="filterRemoved" ng-change="persistFilters()" id="filter-removed">
removed Removed
</label> </label>
<button ng-click="toggleStateFilters()" class="btn btn-default btn-mini">Toggle</button> <button ng-click="toggleStateFilters()" class="btn btn-default btn-mini">Toggle</button>
<br> </p>
<b>Found: {{totalDownloads}} / {{totalAria2Downloads()}} </b> <p>
<button ng-click="resetFilters()" class="btn btn-mini">Reset</button> <label><input type="checkbox" ng-model="hideLinkedMetadata" id="hide-linked-metadata"> Hide linked meta-data</label>
</p>
<p>
Displaying <strong>{{totalDownloads}}</strong> of <em>{{totalAria2Downloads()}}</em> downloads
&nbsp;<button ng-click="resetFilters()" class="btn btn-default btn-mini">Reset filters</button>
</p>
</fieldset> </fieldset>
</form> </form>
@ -295,10 +302,6 @@
</pagination> </pagination>
</div> </div>
<form>
<label><input type="checkbox" ng-model="hideLinkedMetadata" id="hide-linked-metadata"> Hide linked meta-data</label>
</form>
<table <table
ng-repeat="download in getDownloads()" ng-repeat="download in getDownloads()"
class="row download" data-gid="{{download.gid}}"> class="row download" data-gid="{{download.gid}}">