summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--www/index.html27
-rw-r--r--www/js/musicpools.js7
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);
+
});
};