forked from hollyschinsky/MediaExplorerMobileOnsen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
search.html
executable file
·44 lines (40 loc) · 2.06 KB
/
search.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<ons-page class="center bgSearch" ng-controller="SearchCtrl">
<ons-scroller>
<ons-list>
<ons-list-item>
<ons-row style="margin-left: -10px">
<ons-col size="33" class="pad">
<ons-select ng-model="mediaTypes.type" ng-change="search()">
<option value="all" selected>All Media</option>
<option value="musicVideo">Video</option>
<option value="movie">Movie</option>
<option value="music">Music</option>
<option value="podcast">Podcast</option>
<option value="tvShow">TV Show</option>
</ons-select>
</ons-col>
<ons-col size="50" class="pad">
<ons-search-input ng-model="request.query" placeholder="Search"></ons-search-input>
</ons-col>
<ons-col>
<ons-button type="cta" ng-click="search()" style="margin-bottom: 3px; margin-top: 3px">Go!</ons-button>
</ons-col>
</ons-row>
</ons-list-item>
<ons-row class="blue" align="center">
<ons-col>Cover</ons-col>
<ons-col>Track</ons-col>
<ons-col>Price</ons-col>
</ons-row>
<ons-list-item class="topcoat-list__item__line-height topcoat-list__item--tappable"
ng-repeat="item in mediaResults.results | filter:filterTerm | orderBy:sortBy"
ng-click="checkMedia(item)">
<ons-row align="center">
<ons-col><img id="img" ng-src="{{item.artworkUrl60}}"/></ons-col>
<ons-col offset="33">{{(item.trackName != null) && item.trackName || item.collectionName}}</ons-col>
<ons-col>{{item.trackPrice}}</ons-col>
</ons-row>
</ons-list-item>
</ons-list>
</ons-scroller>
</ons-page>