musicpools: clone table template

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);
+
   });
 };