summaryrefslogtreecommitdiff
path: root/static/partials/albums
diff options
context:
space:
mode:
authorMichaël Ball <michael.ball@gmail.com>2014-12-28 12:24:22 +0000
committerMichaël Ball <michael.ball@gmail.com>2015-11-27 20:02:04 +0000
commit75beec91a8526fbbc0a90134140b9dff6af15c0c (patch)
tree02414e46da3e08000384c40c27b7aab9748de0fe /static/partials/albums
parenta2964845e3c03b9cf5f01583f53f7553c7d67caf (diff)
Initial frontend work
Diffstat (limited to 'static/partials/albums')
-rw-r--r--static/partials/albums/list.html28
1 files changed, 28 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>