Commit 4558543

mo khan <mo@mokhan.ca>
2014-04-12 04:22:39
define templates for each video.
1 parent 304c0c2
Changed files (5)
app/assets/javascripts/templates/videos/index.hbs
@@ -0,0 +1,7 @@
+<h1>Videos Index</h1>
+<ul class="nav nav-pills nav-stacked well">
+  {{#each video in controller}}
+  {{ log video }}
+  <li> {{#linkTo 'video' video}}{{video.title}}{{/linkTo}} </li>
+  {{/each}}
+</ul>
app/assets/javascripts/templates/application.hbs
@@ -1,4 +1,17 @@
 <div class="container-fluid">
   {{appName}}
-  {{outlet}}
+  <div class="row">
+    <div class="col-sm-3 col-md-2 sidebar">
+      <ul class="nav nav-sidebar">
+        <li class="active"><a href="#">Overview</a></li>
+        <li><a href="#/videos">Videos</a></li>
+        <li><a href="#">Reports</a></li>
+        <li><a href="#">Analytics</a></li>
+        <li><a href="#">Export</a></li>
+      </ul>
+    </div>
+    <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> 
+      {{outlet}}
+    </div>
+  </div>
 </div>
app/assets/javascripts/templates/index.hbs
@@ -1,14 +1,1 @@
-<div class="row">
-  <div class="col-sm-3 col-md-2 sidebar">
-    <ul class="nav nav-sidebar">
-      <li class="active"><a href="#">Overview</a></li>
-      <li><a href="#/videos">Videos</a></li>
-      <li><a href="#">Reports</a></li>
-      <li><a href="#">Analytics</a></li>
-      <li><a href="#">Export</a></li>
-    </ul>
-  </div>
-  <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> 
-    {{outlet}}
-  </div>
-</div>
+<h2>Dashboard</h2>
app/assets/javascripts/templates/video.hbs
@@ -1,1 +1,2 @@
-{{title}}
+<h3>Video {{title}}</h3>
+{{outlet}}
app/assets/javascripts/templates/videos.hbs
@@ -1,5 +1,15 @@
-<ul>
-  {{#each controller}}
-  <li>{{title}}</li>
-  {{/each}}
-</ul>
+<div class="row">
+  <div class="col-lg-9">
+    <h2>Videos</h2>
+    <div class="col-lg-3">
+      <ul class="nav nav-pills nav-stacked well">
+        {{#each video in controller}}
+        <li> {{#linkTo 'video' video}}{{video.title}}{{/linkTo}} </li>
+        {{/each}}
+      </ul>
+    </div>
+    <div class="col-lg-6">
+      {{outlet}}
+    </div>
+  </div>
+</div>