Skip to content

Commit

Permalink
Advanced search form improvements.
Browse files Browse the repository at this point in the history
  • Loading branch information
tkem committed Jul 4, 2015
1 parent da20e08 commit 075ceb6
Showing 1 changed file with 43 additions and 41 deletions.
84 changes: 43 additions & 41 deletions www/templates/query.html
@@ -1,48 +1,50 @@
<ion-view view-title="{{'Search {name}' | translate:(ref || {name: ('Library' | translate)}) }}">
<ion-content>
<!--form ng-submit="submit()"-->
<div class="list">
<div class="item item-input item-button-left" ng-repeat="term in terms">
<button class="button button-assertive button-clear button-icon icon ion-ios-minus"
ng-click="remove($index)"
ng-disabled="terms.length < 2"
>
</button>
<label class="input-label">
<select ng-model="term.key" style="vertical-align: middle;">
<option value="any" translate>Any</option>
<option value="album" translate>Album</option>
<option value="albumartist" translate>Album artist</option>
<option value="artist" translate>Artist</option>
<option value="comment" translate>Comment</option>
<option value="composer" translate>Composer</option>
<option value="date" translate>Date</option>
<option value="genre" translate>Genre</option>
<option value="performer" translate>Performer</option>
<option value="track_name" translate>Track</option>
</select>
</label>
<input class="" ng-model="term.value" type="text">
</div>
<div class="item item-toggle item-button-left">
<button class="button button-balanced button-clear button-icon icon ion-ios-plus"
ng-click="add({key: 'any', value: ''})"
>
</button>
Find exact
<label class="toggle">
<input ng-model="params.exact" type="checkbox">
<div class="track">
<div class="handle"></div>
</div>
</label>
</div>
<form class="list" name="form" ng-submit="submit()">
<div class="item item-input item-button-left" ng-repeat="term in terms">
<button class="button button-assertive button-clear button-icon icon ion-ios-minus"
ng-click="remove($index)"
ng-disabled="terms.length < 2"
type="button"
>
</button>
<label class="input-label">
<select ng-model="term.key" style="vertical-align: middle;">
<option value="any" translate>Any</option>
<option value="album" translate>Album</option>
<option value="albumartist" translate>Album artist</option>
<option value="artist" translate>Artist</option>
<option value="comment" translate>Comment</option>
<option value="composer" translate>Composer</option>
<option value="date" translate>Date</option>
<option value="genre" translate>Genre</option>
<option value="performer" translate>Performer</option>
<option value="track_name" translate>Track</option>
</select>
</label>
<input class="" ng-model="term.value" required type="text">
</div>
<div class="padding">
<button class="button button-block button-positive" ng-click="submit()" translate>
Search
<div class="item item-toggle item-button-left">
<button class="button button-balanced button-clear button-icon icon ion-ios-plus"
ng-click="add({key: 'any', value: ''})"
type="button"
>
</button>
<span translate>Find exact</span>
<label class="toggle">
<input name="exact" ng-model="params.exact" type="checkbox">
<div class="track">
<div class="handle"></div>
</div>
</label>
</div>
<!--/form-->
<button class="button button-positive button-full item"
ng-disabled="form.$invalid"
translate
type="submit"
>
Search
</button>
</form>
</ion-content>
</ion-view>

0 comments on commit 075ceb6

Please sign in to comment.