Commit abfdf6ea

mo <mokha@cisco.com>
2017-09-01 02:51:18
my/cakes#edit.
master
1 parent 868cbd8
Changed files (8)
app
assets
javascripts
backbone
templates
cakes
edit.jst.ejs
thumbnail.jst.ejs
views
cakes
edit_view.js.coffee
show_view.js.coffee
thumbnail_view.js.coffee
stylesheets
application.css.scss
my-kitchens.css.scss
views
layouts
application.html.erb
app/assets/javascripts/backbone/templates/cakes/edit.jst.ejs
@@ -34,8 +34,6 @@
       <button id='save-button' type="submit" class="btn btn-primary">Publish</button>
       <a href="#cakes/<%= cake.id %>" class="btn btn-secondary">Cancel</a>
     </form>
+    <div class="card-columns"></div>
   </div>
 </div>
-<div class="row">
-  <ul class="thumbnails"></ul>
-</div>
app/assets/javascripts/backbone/templates/cakes/thumbnail.jst.ejs
@@ -1,11 +1,9 @@
-<div class="thumbnail">
-  <% if (uploading()) { %>
-    <div class="progress progress-striped active">
-      <div class="bar" style="width: <%= percentComplete %>%;"></div>
-    </div>
-  <% } else { %>
-    <a href="#cakes/<%= cake_id %>/photos/<%= id %>">
-      <img src="<%= thumb_url %>" />
-    </a>
-  <% } %>
-</div>
+<% if (uploading()) { %>
+  <div class="progress progress-striped active">
+    <div class="bar" style="width: <%= percentComplete %>%;"></div>
+  </div>
+<% } else { %>
+  <a href="#cakes/<%= cake_id %>/photos/<%= id %>">
+    <img src="<%= thumb_url %>" class="card-img-top" />
+  </a>
+<% } %>
app/assets/javascripts/backbone/views/cakes/edit_view.js.coffee
@@ -4,7 +4,7 @@ CakeSide.Views.Cakes ||= {}
 class CakeSide.Views.Cakes.EditView extends Marionette.CompositeView
   template : JST["backbone/templates/cakes/edit"]
   childView: CakeSide.Views.Cakes.ThumbnailView
-  childViewContainer: '.thumbnails'
+  childViewContainer: '.card-columns'
   ui:
     name: "#cake_name"
     description: "#cake_story"
app/assets/javascripts/backbone/views/cakes/show_view.js.coffee
@@ -4,7 +4,7 @@ CakeSide.Views.Cakes ||= {}
 class CakeSide.Views.Cakes.ShowView extends Marionette.CompositeView
   template: JST["backbone/templates/cakes/show"]
   childView: CakeSide.Views.Cakes.ThumbnailView
-  childViewContainer: '.thumbnails'
+  childViewContainer: '.card-columns'
 
   events:
     "click .add-photo": "launchAddPhoto"
app/assets/javascripts/backbone/views/cakes/thumbnail_view.js.coffee
@@ -2,8 +2,8 @@ CakeSide.Views.Cakes ||= {}
 
 class CakeSide.Views.Cakes.ThumbnailView extends Marionette.ItemView
   template: JST['backbone/templates/cakes/thumbnail']
-  tagName: 'li'
-  className: 'span2'
+  tagName: 'div'
+  className: 'card'
   modelEvents:
     'sync': 'render'
     'change:percentComplete': 'render'
app/assets/stylesheets/application.css.scss
@@ -17,6 +17,7 @@
 
 @import "font-awesome";
 @import "bootstrap";
+@import "my-kitchens";
 
 .hide {
   display: none;
app/assets/stylesheets/my-kitchens.css.scss
@@ -0,0 +1,5 @@
+.my-kitchens.show {
+  #preview-image {
+    max-width: 470px;
+  }
+}
app/views/layouts/application.html.erb
@@ -23,7 +23,7 @@
 <%= yield :javascript %>
 <%= csrf_meta_tags %>
 </head>
-<body>
+<body class="<%= params[:controller].parameterize %> <%= params[:action] %>">
 <%= render "layouts/header" %>
 <div class="<%= configuration_for(:container_class, 'container') %>">
   <%= render "layouts/messages" %>