diff options
author | Michaël Ball <michael.ball@gmail.com> | 2014-12-28 12:24:22 +0000 |
---|---|---|
committer | Michaël Ball <michael.ball@gmail.com> | 2015-11-27 20:02:04 +0000 |
commit | 75beec91a8526fbbc0a90134140b9dff6af15c0c (patch) | |
tree | 02414e46da3e08000384c40c27b7aab9748de0fe /static/partials/artists | |
parent | a2964845e3c03b9cf5f01583f53f7553c7d67caf (diff) |
Initial frontend work
Diffstat (limited to 'static/partials/artists')
-rw-r--r-- | static/partials/artists/detail.html | 12 | ||||
-rw-r--r-- | static/partials/artists/list.html | 28 | ||||
-rw-r--r-- | static/partials/artists/tracks.html | 7 |
3 files changed, 47 insertions, 0 deletions
diff --git a/static/partials/artists/detail.html b/static/partials/artists/detail.html new file mode 100644 index 0000000..991633a --- /dev/null +++ b/static/partials/artists/detail.html @@ -0,0 +1,12 @@ +<div class="col-xs-12"> + <h3>{{ artist.name }}</h3> + + <h4>Albums</h4> + <ul> + <li data-ng-repeat="album in albums">{{album.name}} ({{ album.date | amDateFormat: 'YYYY':'':'':'YYYY-MM-DD' }})</li> + </ul> + + <p><a data-ui-sref="artistdetail.tracks({ artistId: artist.id })">View artist tracks</a></p> +</div> +<div class="row" data-ui-view> +</div>
\ No newline at end of file diff --git a/static/partials/artists/list.html b/static/partials/artists/list.html new file mode 100644 index 0000000..7c48e57 --- /dev/null +++ b/static/partials/artists/list.html @@ -0,0 +1,28 @@ +<div class="row"> + <div class="col-sm-offset-1 col-sm-11 col-xs-12"> + <h2>Artists</h2> + </div> +</div> +<div class="row"> + <div class="col-sm-offset-1 col-sm-6 col-xs-12"> + <input type="text" class="form-control" data-ng-model="search" placeholder="Search for..."> + </div> +</div> +<div class="row" data-ng-hide="search"> + <div class="col-sm-1 hidden-xs text-center"> + <div class="btn-group-vertical" role="group"> + <label data-ng-repeat="i in indices" data-ng-model="$parent.selectedIndex" class="btn btn-default btn-sm" uib-btn-radio="'{{ i }}'" uncheckable>{{ i }}</label> + </div> + </div> + <div class="visible-xs-block col-xs-12"> + <select data-ng-model="selectedIndex"> + <option data-ng-repeat="i in indices" value="{{ i }}">{{ i }}</option> + </select> + </div> + <div class="col-sm-11 col-xs-12"> + <p data-ng-repeat="artist in totalArtists | alphabetFilter:{attrs: ['sortname', 'name'], param: selectedIndex }"><a data-ui-sref="artistdetail({ artistId: artist.id })">{{ artist.name }}</a></p> + </div> +</div> +<div class="row" data-ng-show="search"> + <p data-ng-repeat="artist in totalArtists | filter:search"><a data-ui-sref="artistdetail({ artistId: artist.id })">{{ artist.name }}</a></p> +</div>
\ No newline at end of file diff --git a/static/partials/artists/tracks.html b/static/partials/artists/tracks.html new file mode 100644 index 0000000..8d05b1d --- /dev/null +++ b/static/partials/artists/tracks.html @@ -0,0 +1,7 @@ +<div class="col-xs-12"> + <h3>{{ artist.name }}'s Tracks</h3> + + <ul> + <li data-ng-repeat="track in tracks"><a href="/tracks/{{track.id}}">{{ track.name }}</a></li> + </ul> +</div>
\ No newline at end of file |