diff options
author | Christian Pointner <equinox@helsinki.at> | 2018-01-25 12:12:43 (GMT) |
---|---|---|
committer | Christian Pointner <equinox@helsinki.at> | 2018-01-25 12:20:04 (GMT) |
commit | 313bd7999c729625fc240ef0c673de17856fb088 (patch) | |
tree | f63011e03ae685f642b0398d4ff27b2728d5a3cb | |
parent | 7bf328b4f8ad5bf393072b3a75bd011633b5f4ee (diff) |
added cnt badge to music pools
-rw-r--r-- | www/index.html | 7 | ||||
-rw-r--r-- | www/js/musicpools.js | 1 | ||||
-rw-r--r-- | www/styles/musicpools.css | 15 |
3 files changed, 20 insertions, 3 deletions
diff --git a/www/index.html b/www/index.html index df85343..69c695a 100644 --- a/www/index.html +++ b/www/index.html @@ -283,9 +283,14 @@ </ul> </div> </div> - <div class="col-md-9"> + <div class="col-md-6"> <h2 id="musicpool-title"></h2> </div> + <div class="col-md-2"> + <div id="musicpool-cnt-container"> + <span id="musicpool-cnt" class="badge">0</span> Einträge + </div> + </div> </div> <div class="musicpoolContainer"> diff --git a/www/js/musicpools.js b/www/js/musicpools.js index 7395ef6..52ea231 100644 --- a/www/js/musicpools.js +++ b/www/js/musicpools.js @@ -167,6 +167,7 @@ Rdxport.MusicpoolView.prototype.render = function() { $('#app-musicpools .musicpoolContainer').html(this.$el); $('#musicpool-title').text(this.model.title); + $('#musicpool-cnt').text(this.model.carts.length); $('table tbody tr', this.$el).remove(); this.cartViews = []; diff --git a/www/styles/musicpools.css b/www/styles/musicpools.css index c0652f1..371b3ca 100644 --- a/www/styles/musicpools.css +++ b/www/styles/musicpools.css @@ -20,10 +20,21 @@ * along with rhwebimport. If not, see <http://www.gnu.org/licenses/>. */ +#musicpool-header-spacer { + margin-top: 1.3em; +} + #musicpool-title { font-weight: bold; + margin-top: 10px; } -#musicpool-header-spacer { - margin-top: 1.3em; +#musicpool-cnt-container { + font-size: 1.2em; + float: right; + margin-top: 15px; +} + +div.musicpoolContainer { + margin-top: 2em; } |