Commit 266bff4
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}}