diff options
| -rw-r--r-- | www/index.html | 27 | ||||
| -rw-r--r-- | www/js/musicpools.js | 7 |
2 files changed, 29 insertions, 5 deletions
diff --git a/www/index.html b/www/index.html index 0bd7725..110849f 100644 --- a/www/index.html +++ b/www/index.html @@ -192,11 +192,8 @@ </select> </form> </div> - <div class="span12"> - <h1>Musikpools</h1> - <p> - coming soon! - </p> + <div class="musicpoolContainer"> + </div> </div> @@ -307,6 +304,26 @@ </div> </div> + <div class="row-fluid musicpool musicpoolTemplate"> + <div class="span12"> + <h2></h2> + <table class="table table-striped"> + <thead> + <tr> + <th>Cart #</th> + <th>Titel</th> + <th>Aktionen</th> + </tr> + </thead> + <tbody> + </tbody> + <tfoot> + </tfoot> + </table> + <button class="uploadButton btn btn-success btn"><i class="icon-upload icon-white"></i> Importieren</button> + </div> + </div> + <table> <tr class="progressBar progressBarTemplate"> <td class="file-bytes"> diff --git a/www/js/musicpools.js b/www/js/musicpools.js index 30e9d70..93d4824 100644 --- a/www/js/musicpools.js +++ b/www/js/musicpools.js @@ -112,11 +112,18 @@ var Musicpool = function(title, clock, groupName, description, lowcart, highcart this.trimlevel = trimlevel; this.carts = []; + + this.$el = null; }; Musicpool.prototype.render = function() { + var self = this; this.fetchCarts(function() { console.log('render!'); + + self.$el = $('#hiddenTemplates .musicpoolTemplate').clone().removeClass('musicpoolTemplate'); + $('#app-musicpools .musicpoolContainer').html(self.$el); + }); }; |