scrivito_three_column_widget 1.0.2 → 1.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 5dc0931be63222649db2b1456ca9bda8534fefe9
-  data.tar.gz: 0da510e5b9b640184cdf74fcd9992cd6714eba73
+  metadata.gz: 8760e02c225a393d4e45c1ddf8973b2793ccee1e
+  data.tar.gz: b2bd3c3c08035d7d47dae8856ba72dc035ad3ce2
 SHA512:
-  metadata.gz: 67a29e8da7d765080a0aa6d4e8fbaf5ca838744b9844f86e905a88464918849264e5e5ae271899bd99d53d18c6a5b0d298c7fb0b1dbd994c0b475ff27c8cccb8
-  data.tar.gz: 5abc28d0b9d5d858c758ba0dba2b5b8e458245ce57e83dfcaeb6d131011f85af2c30e6c34bf7deb60872d1b1803acef7360d5c320dbd260cfd8fda7a9b5218f9
+  metadata.gz: 673c452accd972b2a4b5feaae2f4a21e5a36a73a466f25c5542b0b256cdc128cab80c6a5dc27f1fa59799bae497ff98e5beb624f9f1c0bf0efd76173326475a3
+  data.tar.gz: 4f7402c921d770a5920397923c5a23690033b4f7c6d10e5f928b26be486b360f28bdceb1bfbf1e3c0330b824b6e3920c7ec269bfb53da613c990dc0020a6180d

data/app/assets/stylesheets/scrivito_three_column_widget.scss

@@ -36,4 +36,15 @@
     padding-left: 30px;
     padding-right: 30px;
   }
+}
+
+.scrivito-image-button img {
+  width: 100px;
+  height: auto;
+}
+
+
+.scrivito-image-button-small img {
+  width: 60px;
+  height: auto;
 }

data/app/models/three_column_widget.rb

@@ -23,4 +23,20 @@ class ThreeColumnWidget < Widget
   def device_class
     keep_columns == 'Yes' ? 'xs' : 'md'
   end
+
+  def self.gutter_size_button_images
+    elems = {}
+    ['small','default','large'].each do |elem|
+      elems[elem] = ActionController::Base.helpers.image_tag "widgets/three_column_#{elem}_gutter.png"
+    end
+    return elems
+  end
+
+  def self.column_on_mobile_button_images
+    elems = {}
+    ['Yes','No'].each do |elem|
+      elems[elem] = ActionController::Base.helpers.image_tag "widgets/three_column_on_mobile_#{elem.downcase}.png"
+    end
+    return elems
+  end
 end

data/app/views/three_column_widget/details.html.erb

@@ -6,10 +6,10 @@
   <%= scrivito_tag(:div, widget, :column_2_width) %>
 <% end %>
 
-<%= scrivito_details_for t('scrivito_three_column_widget.details.grid_size', default: 'Grid Size') do %>
-  <%= scrivito_tag(:div, widget, :grid_size) %>
+<%= scrivito_details_for t('scrivito_three_column_widget.details.grid_size', default: 'Gutter Size') do %>
+  <%= scrivito_tag(:div, widget, :grid_size, class: 'scrivito-image-button-small', data:{ toggle_button_caption: ThreeColumnWidget.gutter_size_button_images }) %>
 <% end %>
 
 <%= scrivito_details_for t('scrivito_three_column_widget.details.keep_columns', default: 'Show columns on mobile') do %>
-  <%= scrivito_tag(:div, widget, :keep_columns) %>
+  <%= scrivito_tag(:div, widget, :keep_columns, class: 'scrivito-image-button', data:{ toggle_button_caption: ThreeColumnWidget.column_on_mobile_button_images }) %>
 <% end %>

data/lib/scrivito_three_column_widget/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoThreeColumnWidget
-  VERSION = "1.0.2"
+  VERSION = "1.0.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_three_column_widget
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-08-30 00:00:00.000000000 Z
+date: 2016-09-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: scrivito
@@ -36,6 +36,11 @@ files:
 - README.md
 - Rakefile
 - app/assets/images/widgets/scrivito_three_column_widget.png
+- app/assets/images/widgets/three_column_default_gutter.png
+- app/assets/images/widgets/three_column_large_gutter.png
+- app/assets/images/widgets/three_column_on_mobile_no.png
+- app/assets/images/widgets/three_column_on_mobile_yes.png
+- app/assets/images/widgets/three_column_small_gutter.png
 - app/assets/stylesheets/scrivito_three_column_widget.scss
 - app/models/three_column_widget.rb
 - app/views/three_column_widget/details.html.erb