git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Edit UI design for shop images

Browse Source
This commit is contained in:
San Wai Lwin
2018-03-28 14:52:57 +06:30
parent c602988f42
commit ff19f20a18
3 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/application.scss
View File

@@ -98,4 +98,9 @@ nav.pagination .page a:hover,
i.logout_icon{
position: relative;
top: 5px;
}
/* Second display image */
.second-display{
margin : 12px;
}

26
app/views/settings/shops/_form.html.erb
View File

@@ -40,18 +40,22 @@
</div>
</div>
<label>Shop Images</label>
<div class="panel padding-10">
<div class="form-group">
<div class="menu-item-img">
<%= f.fields_for :display_images do |p| %>
<%= image_tag "#{p.object.image}", :class => "img-thumbnail" %>
<%= link_to "Destroy", settings_shop_display_image_path(p.object), method: :delete %>
<% end %>
<div class="card">
<div class="card-block">
<label class="card-title">Shop Images</label>
<div class="panel padding-10">
<div class="form-group">
<div class="menu-item-img">
<%= f.fields_for :display_images do |p| %>
<%= image_tag "#{p.object.image}", :class => "img-thumbnail second-display", :size => "150x185"%>
<%= link_to '<i class="material-icons">delete</i>'.html_safe, settings_shop_display_image_path(p.object), method: :delete %>
<% end %>
</div>
</div>
</div>
</div>
<%= f.file_field :image, :multiple => true, name: "display_images[image][]" %>
</div>
</div>
<%= f.file_field :image, :multiple => true, name: "display_images[image][]" %>
</div>
<div class="form-actions p-l-15">
<%= f.submit "Submit",:class => 'btn btn-primary btn-lg waves-effect' %>

4
app/views/settings/shops/show.html.erb
View File

@@ -97,13 +97,13 @@
</tr>
<tr>
<td style="width:20%">Shop Image</td>
<td><%= image_tag @settings_shop.logo, :size => '200x200'%></td>
<td><%= image_tag @settings_shop.logo, :class => "img-thumbnail second-display", :size => "155x185"%></td>
</tr>
<tr>
<td style="width:20%">Shop Images</td>
<td>
<% @display_images.each do |p| %>
<%= image_tag "#{p.image}" %>
<%= image_tag "#{p.image}", :class => "img-thumbnail second-display", :size => "155x185"%>
<% end %>
</td>
</tr>