scrivito_three_column_widget 0.90.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 108ca62034af9855276f00ad75d740fa31e8993d
-  data.tar.gz: da4fae60570770e1ef922e4d85b457c342c83164
+  metadata.gz: c33a5ef26ca0a2b82f9ca56e167d8108eaa7e87f
+  data.tar.gz: cfa9e08bcf0bbc74dcb4f5129f1406509e775f57
 SHA512:
-  metadata.gz: 9aadcca017ba60f2fc0486b8bb49b4b96eb96a13041f2c24e71a4a94a4a931e68ed75d8604b7f8a066740c2e9768da70e4a9f8d1cd6308f3a0172d18517c6342
-  data.tar.gz: 18b0e0938838adb204edba8510f9c6ec3a4f01670e125c50bba2a8a757bbc73d3540fd743a80d5b80dbb4c69fa9c6a584eda89a13d30214165d63934b2b8c30a
+  metadata.gz: 476c0e06e51cfb7ae758d73ca4e1528f49a133d04b65da1fadd86e787ea0b6b4f12c5c6c46d232c6db9139e260f8383f80873bdd9219cf95e0a5e41840189970
+  data.tar.gz: 58f52227eaf48953c8f0cfb0673e5995513f86c2f0fdd330b135229644069acf9ae7999b460b90bc06592fbf307df79c78e2707213ef088ee21522f4d1443213

data/README.md

@@ -1,10 +1,10 @@
-# Scrivito Three Columns
+# ScrivitoThreeColumnWidget
 
-This Gem adds a three-column grid widget to your Scrivito app. You can fill the columns with other widgets.
+This gem adds a Scrivito widget for dividing pages and page sections into three columns to your app.
 
 ## Prerequisites
 
-Use Bootstrap in your Rails App.
+Requires Bootstrap in your Rails app.
 
 ## Installation
 
@@ -12,6 +12,27 @@ Add the gem to your Gemfile:
 
     gem 'scrivito_three_column_widget'
 
+Add this line to your application Css manifest:
+
+    *= require scrivito_three_column_widget
+
 ## Customization
 
-We recomment to use [Scrivito Advanced Editors](https://github.com/Scrivito/scrivito_advanced_editors) for best usability.
+We recommend to use [Scrivito Advanced Editors](https://github.com/Scrivito/scrivito_advanced_editors) which provides nicer controls.
+
+## Localization
+
+The following code represents the default localization for English. Copy it to your `en.yml` and change it if necessary:
+
+```yaml
+en:
+  scrivito_three_column_widget:
+    thumbnail:
+      title: Three Columns
+      description: Three columns that can be filled with widgets
+    details:
+      column_1_width: Width for column 1
+      column_2_width: Width for column 2
+      grid_size: Gird Size
+      keep_columns: Show columns on mobile
+```

data/app/assets/stylesheets/scrivito_three_column_widget.scss

@@ -0,0 +1,39 @@
+.scrivito-column-widget.small-grid {
+  margin-left: 0;
+  margin-right: 0;
+  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
+  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
+  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
+  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
+  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
+  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
+  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
+  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
+  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
+  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
+  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
+  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+
+.scrivito-column-widget.large-grid {
+  margin-left: -30px;
+  margin-right: -30px;
+  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
+  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
+  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
+  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
+  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
+  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
+  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
+  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
+  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
+  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
+  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
+  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+}

data/app/models/three_column_widget.rb

@@ -4,8 +4,23 @@ class ThreeColumnWidget < Widget
   attribute :column_3, :widgetlist
   attribute :column_1_width, :enum, values: (1..12).to_a.map{|e| e.to_s}, default: '4'
   attribute :column_2_width, :enum, values: (1..12).to_a.map{|e| e.to_s}, default: '4'
+  attribute :grid_size, :enum, values: ['small','default','large'], default: 'default'
+  attribute :keep_columns, :enum, values: ['Yes','No'], default: 'No'
 
   def column_3_width
+    val = column_3_width_value
+    val < 1 ? 1 : val
+  end
+
+  def column_3_width_value
     12 - self.column_1_width.to_i - self.column_2_width.to_i
   end
+
+  def grid_size_class
+    "#{grid_size || 'default'}-grid"
+  end
+
+  def device_class
+    keep_columns == 'Yes' ? 'xs' : 'md'
+  end
 end

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

@@ -1,7 +1,15 @@
-<%= scrivito_details_for 'Width for column 1' do %>
+<%= scrivito_details_for t('scrivito_three_column_widget.details.column_1_width', default: 'Width for column 1') do %>
   <%= scrivito_tag(:div, widget, :column_1_width) %>
 <% end %>
 
-<%= scrivito_details_for 'Width for column 2' do %>
+<%= scrivito_details_for t('scrivito_three_column_widget.details.column_2_width', default: 'Width for column 2') do %>
   <%= 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) %>
+<% end %>
+
+<%= scrivito_details_for t('scrivito_three_column_widget.details.keep_columns', default: 'Show columns on mobile') do %>
+  <%= scrivito_tag(:div, widget, :keep_columns) %>
+<% end %>

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

@@ -1,13 +1,13 @@
-<div class="row">
-  <div class="col-md-<%= widget.column_1_width %>">
+<div class="scrivito-column-widget row <%= widget.grid_size_class %>">
+  <div class="col-<%= widget.device_class %>-<%= widget.column_1_width %>">
     <%= scrivito_tag(:div, widget, :column_1) %>
   </div>
 
-  <div class="col-md-<%= widget.column_2_width %>">
+  <div class="col-<%= widget.device_class %>-<%= widget.column_2_width %>">
     <%= scrivito_tag(:div, widget, :column_2) %>
   </div>
 
-  <div class="col-md-<%= widget.column_3_width %>">
+  <div class="col-<%= widget.device_class %>-<%= widget.column_3_width %>">
     <%= scrivito_tag(:div, widget, :column_3) %>
   </div>
 </div>

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

@@ -1,3 +1,3 @@
-<%= scrivito_thumbnail 'Three Columns', image_tag("scrivito_three_column_widget/widget_preview_3cols.png") do %>
-  Three columns that can be filled with widgets.
+<%= scrivito_thumbnail t('scrivito_three_column_widget.thumbnail.title', default: 'Three Coumns'), image_tag("scrivito_three_column_widget/widget_preview_3cols.png") do %>
+  <%= t('scrivito_three_column_widget.thumbnail.description', default: 'Three columns that can be filled with widgets') %>
 <% end %>

data/lib/scrivito_three_column_widget/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoThreeColumnWidget
-  VERSION = "0.90.0"
+  VERSION = "1.0.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_three_column_widget
 version: !ruby/object:Gem::Version
-  version: 0.90.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-12-10 00:00:00.000000000 Z
+date: 2016-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: scrivito
@@ -36,6 +36,7 @@ files:
 - README.md
 - Rakefile
 - app/assets/images/scrivito_three_column_widget/widget_preview_3cols.png
+- app/assets/stylesheets/scrivito_three_column_widget.scss
 - app/models/three_column_widget.rb
 - app/views/three_column_widget/details.html.erb
 - app/views/three_column_widget/show.html.erb