cutlass_js_rails 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1f484d601256c06cd87128f9576e1648d75f4b52
-  data.tar.gz: 88dc4c118769a9c79efc5a1add3456c00962529f
+  metadata.gz: 8649b810a66aa646a5c2ecc7e6a060cbb83560b4
+  data.tar.gz: f1f7769a154f92735fe2d55aea617d06c960a7ed
 SHA512:
-  metadata.gz: 14d12de00ebb14ffdd43fbcbaa10d92da261c02be4f24b480918aa06552442038dbc283aa1fa04684ac7147464b2774b4327d62b4d898888c991d7459de5ffb8
-  data.tar.gz: 4d282bf30a0688e8bdf72bc4b89ee23c1ce1ac709ead5d60ff6653ef3d3b45fcd3902459c39c247bc151ed84cf7a03e2fbf5ace89a0d8896fffa9f64980fca30
+  metadata.gz: c8c8ebf991e771323d21131a5cd059423c845cb7cadccab0c96b296275a4f2631d28002fc2ceed900ed0f5ed6bcf707a9aabecb5e828bacf3ee61ee2498ea1a7
+  data.tar.gz: dd2511d3a94d70a34ae142d432acd4bc846714920ca72149219f9f11b40f21ddaf3c04c7602124526e7613a976d8e64dd3aa024a25508cd01ba35ff30f0f8e05

data/README.md

@@ -8,6 +8,36 @@ TODO: Delete this and the text above, and describe your gem
 
 Add this line to your application's Gemfile:
 
+## Sample fields
+
+```
+# Cutlass hash where f = field passed from a form_for.
+<% cutlass_hash = {f: f, model: @abn_application} %>
+
+# Text field
+<%= render 'cutlass/text_field', field: :_first_name, label: 'First name', **cutlass_hash %>
+
+# Text field with a type
+<%= render 'cutlass/text_field', field: :_contact_number, label: 'Phone', **cutlass_hash, props: {type: 'tel'} %>
+
+# Date field
+<%= render 'cutlass/date_field', field: :_date_of_birth, label: 'Date of birth', **cutlass_hash %>
+
+# Radio field
+<%= render 'cutlass/radio_field', field: :_import_goods_and_services, label: 'Do you import goods and services from overseas?', **cutlass_hash, options: [
+  { label: 'Yes', value: 'yes'},
+  { label: 'No', value: 'no'}
+] %>
+
+# Select field
+<%= render 'cutlass/select_field', field: :_gross_income_estimate, label: 'Expected annual business turnover', **cutlass_hash, options: [
+  [''], ['$0 - $75,000'], ['$75,000 - $150,000'], ['$150,000 - $2M']
+] %>
+
+# Toggle field
+<%= render 'cutlass/toggle_field', field: :_import_goods_and_services, label: 'Do you import goods and services from overseas?', **cutlass_hash %>
+```
+
 ```ruby
 gem 'cutlass_js_rails'
 ```
@@ -38,4 +68,3 @@ Bug reports and pull requests are welcome on GitHub at https://github.com/[USERN
 ## License
 
 The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
-

data/app/assets/javascripts/cutlass/html_generation.js

@@ -1,8 +1,5 @@
 Cutlass.generateAllHTML = function(){
-  // Cutlass.generateTexts();
-  // Cutlass.generateSelects();
-  // Cutlass.generateToggles();
-  Cutlass.generateHTML(['text', 'select', 'toggler', 'link'])
+  Cutlass.generateHTML(['text', 'select', 'radio', 'toggler', 'link'])
 }
 
 Cutlass.generateHTML = function(inputTypes){

data/app/assets/stylesheets/_cutlass.scss

@@ -93,6 +93,22 @@ $cutlass-link-color: #ff7c14 !default;
     margin-top: -16px;
   }
 }
+// ========================================================
+// RADIO INPUT
+// ========================================================
+.m-radio{
+  .Cutlass-label{
+    opacity: 1;
+    padding: 18px $right-padding 13px $left-padding;
+  }
+  .Cutlass-input-radio{
+    padding: 0 15px 25px 30px;
+  }
+  .Cutlass-input-radio-single{
+    display: inline-block;
+    margin-right: 15px;
+  }
+}
 
 // ========================================================
 // LINK INPUT
@@ -151,7 +167,7 @@ $cutlass-link-color: #ff7c14 !default;
   //Active for selectboxes
   &.m-select.s-active{
     .Cutlass-input-select{
-      padding-top: 22px;
+      padding-top: 21px;
     }
   }
 }

data/app/views/cutlass/_radio_field.html.erb

@@ -0,0 +1,14 @@
+<% value = model.loot_get(field['code']) %>
+<% options.map! do |option| %>
+  <% option = option.with_indifferent_access %>
+  <% OpenStruct.new(value: option['value'], label: option['label']) %>
+<% end %>
+
+<div class="Cutlass-input-radio" data-label="<%= label %>">
+  <%= f.collection_radio_buttons(field, options, 'value', 'label') do |b| %>
+    <div class="Cutlass-input-radio-single">
+      <%= b.radio_button(checked: (b.value == value || options.first.value), class: 'icheck-me Cutlass-input-radio-single') %>
+      <%= b.label %>
+    </div>
+  <% end %>
+</div>

data/lib/cutlass_js_rails/version.rb

@@ -1,3 +1,3 @@
 module CutlassJsRails
-  VERSION = "0.1.5"
+  VERSION = "0.1.6"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cutlass_js_rails
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - chardos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-05-31 00:00:00.000000000 Z
+date: 2016-06-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -57,6 +57,7 @@ files:
 - app/assets/stylesheets/_cutlass.scss
 - app/views/cutlass/_date_field.html.erb
 - app/views/cutlass/_link_field.html.erb
+- app/views/cutlass/_radio_field.html.erb
 - app/views/cutlass/_select_field.html.erb
 - app/views/cutlass/_text_field.html.erb
 - app/views/cutlass/_toggle_field.html.erb