Initial frontend work

4 files changed, 75 insertions, 0 deletions

diff --git a/static/partials/albums/list.html b/static/partials/albums/list.html
new file mode 100644
index 0000000..01ac2a8
--- /dev/null
+++ b/static/partials/albums/list.html
@@ -0,0 +1,28 @@
+<div class="row">
+  <div class="col-sm-offset-1 col-sm-11 col-xs-12">
+    <h2>Albums</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="album in albums | dateFilter:selectedIndex"><a data-ui-sref="albums.detail({ albumId: album.id })">{{ album.name }}<span ng-show="album.date"> ({{ album.date | amDateFormat: 'YYYY':'':'':'YYYY-MM-DD' }})</span></a></p>
+  </div>
+</div>
+<div class="row" data-ng-show="search">
+  <p data-ng-repeat="album in albums | filter:search"><a data-ui-sref="albums.detail({ albumId: album.id })">{{ album.name }}<span ng-show="album.date"> ({{ album.date | amDateFormat: 'YYYY':'':'':'YYYY-MM-DD' }})</span></a></p>
+</div>
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