Commit 266bff4

mo khan <mo@mokhan.ca>
2014-11-21 05:26:36
display thumbnails on cakes#show page.
1 parent 8849f22
Changed files (3)
app
models
templates
app/models/photo.js
@@ -1,7 +1,9 @@
 import DS from 'ember-data';
 
 export default DS.Model.extend({
-  url: DS.attr('string'),
+  thumbUrl: DS.attr('string'),
+  largeUrl: DS.attr('string'),
+  originalUrl: DS.attr('string'),
   createdAt: DS.attr('date'),
   updatedAt: DS.attr('date'),
 });
app/templates/cakes/index.hbs
@@ -2,7 +2,7 @@
   {{#each}}
   <div class="col-sm-6 col-md-4">
     {{#link-to 'cake' this class='thumbnail'}}
-      <img {{bind-attr src=primaryPhoto.url}} {{bind-attr alt=name}}>
+      <img {{bind-attr src=primaryPhoto.thumbUrl}} {{bind-attr alt=name}}>
     {{/link-to}}
   </div>
   {{/each}}
app/templates/cake.hbs
@@ -1,6 +1,6 @@
 <div class="row">
   <div class="col-sm-6 col-md-6">
-    <img {{bind-attr src=primaryPhoto.url}} {{bind-attr alt=name}} class="thumbnail">
+    <img {{bind-attr src=primaryPhoto.largeUrl}} {{bind-attr alt=name}} class="thumbnail">
   </div>
   <div class="col-sm-6 col-md-6">
     <h1>{{#link-to 'cake' this}}{{name}}{{/link-to}}</h1>
@@ -11,4 +11,13 @@
     <p>Updated at: {{formatted-date updatedAt 'MMM Do, YYYY [at] h:mm'}}</p>
   </div>
 </div>
+<div class="row">
+  {{#each photos}}
+  <div class="col-sm-2 col-md-2">
+    <a href="#" class="thumbnail">
+      <img {{bind-attr src=thumbUrl}} {{bind-attr alt=name}}>
+    </a>
+  </div>
+  {{/each}}
+</div>
 {{outlet}}