cutlass_js_rails 0.5.3 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 998762821ad4519336a26a534c4c866114e9c094
-  data.tar.gz: e7da03ae901ab7bfe9b53510f166c91ba98dbc06
+  metadata.gz: f2b5c4e0010718f462177619c3126e917a0ce6d3
+  data.tar.gz: 52ca96db8d126048b1eb0eef4b4e05f80a865ac2
 SHA512:
-  metadata.gz: e72fa20fc5836829edf923087ec2adbea0305bfdfdac626bc8e52fc374c38947f4cade9d63866b562463c175e7ebc7a317ebc390affa921aa9a00c95c0993dda
-  data.tar.gz: 07ef2a0cb7dd9d78b3715a3ae34c3696b72788062472aa802010fc0a4caba6403c03b03f18bf8c1f330134a439bac5a2b9bb4e8ae186ecaeb5c2d20e5cf2fa1a
+  metadata.gz: 1320652b84f3f890b7bad18eee3cc0c9f56d23cdf9f311ebfbc7276634c4fc7dde2376dc9b22558196666d94389469f6e6bbe935ab064d6fa8b54f360a3d34ca
+  data.tar.gz: 6b99e29f8b7feb24776dff0235ab0965de8ba734ae459c77f80ed6454031e556cdbb519f82c743bd2d7d494857213c906660d14413deb1ab49cf91f4f88fea4d

data/README.md

@@ -42,6 +42,7 @@ Add this line to your application's Gemfile:
 gem 'cutlass_js_rails'
 ```
 
+
 And then execute:
 
     $ bundle

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

@@ -1,5 +1,5 @@
 Cutlass.generateAllHTML = function(){
-  Cutlass.generateHTML(['text', 'select', 'select--large', 'radio', 'toggler', 'link'])
+  Cutlass.generateHTML(['text', 'text--large', 'select', 'select--large', 'radio', 'toggler', 'toggler--reverse', 'link'])
 }
 
 Cutlass.generateHTML = function(inputTypes){

data/app/assets/stylesheets/_cutlass.scss

@@ -75,6 +75,34 @@ $cutlass-link-color: #ff7c14 !default;
   }
 }
 
+// ========================================================
+// TEXT INPUT LARGE
+// ========================================================
+
+.m-text--large{
+  border-bottom: 1px solid $cutlass-border-color;
+  border-top: 0;
+
+  &.Cutlass-item {
+    margin-left: $left-padding;
+    margin-right: $left-padding;
+  }
+
+  .Cutlass-label{
+    display: none;
+  }
+
+  .Cutlass-input-text--large{
+    @extend %Cutlass-input;
+    font-size: 20px;
+    position: relative;
+    color: $cutlass-input-color;
+    padding: 19px 0 19px 0;
+    background-color: transparent;
+    z-index: 5;
+  }
+}
+
 // ========================================================
 // SELECT INPUT
 // ========================================================
@@ -163,6 +191,30 @@ $cutlass-link-color: #ff7c14 !default;
     margin-top: -16px;
   }
 }
+
+// ========================================================
+// TOGGLER INPUT REVERSE
+// ========================================================
+.m-toggler--reverse{
+  border-bottom: 0;
+  border-top: 0;
+
+  &.Cutlass-item {
+    margin: 20px $left-padding 20px $left-padding;
+  }
+  .Cutlass-label{
+    opacity: 1;
+    padding: 18px 0 19px ($right-padding+40);
+    display: block;
+  }
+  .switchery{
+    position:absolute;
+    left: 1px;
+    top: 50%;
+    margin-top: -16px;
+  }
+}
+
 // ========================================================
 // RADIO INPUT
 // ========================================================
@@ -221,7 +273,7 @@ $cutlass-link-color: #ff7c14 !default;
 // MODIFIERS
 // ========================================================
 .m-always-active{
-  .Cutlass-label{
+  .Cutlass-label {
     font-size: 12px;
     transform: translateY(-6px);
   }
@@ -279,6 +331,7 @@ $cutlass-link-color: #ff7c14 !default;
   background-color: $desert-storm;
   padding: 25px $left-padding 45px;
 }
+
 .Cutlass-submit{
   width: 100%;
 }

data/lib/cutlass_js_rails/version.rb

@@ -1,3 +1,3 @@
 module CutlassJsRails
-  VERSION = '0.5.3'
+  VERSION = '0.6.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cutlass_js_rails
 version: !ruby/object:Gem::Version
-  version: 0.5.3
+  version: 0.6.0
 platform: ruby
 authors:
 - chardos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-08-16 00:00:00.000000000 Z
+date: 2016-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -56,14 +56,6 @@ files:
 - app/assets/javascripts/cutlass/helpers.js
 - app/assets/javascripts/cutlass/html_generation.js
 - app/assets/stylesheets/_cutlass.scss
-- app/views/cutlass/_date_field.html.erb
-- app/views/cutlass/_fake_gap.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/_select_field_large.html.erb
-- app/views/cutlass/_text_field.html.erb
-- app/views/cutlass/_toggle_field.html.erb
 - bin/console
 - bin/setup
 - cutlass_js_rails.gemspec
@@ -89,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.4
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: Cuts down the size of inputs by reducing the prominence of labels once a

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

@@ -1,4 +0,0 @@
-<% css_classes = (defined? css_classes) ? css_classes : '' %>
-<% props = local_assigns.fetch(:props, {}) %>
-<% value = local_assigns.fetch(:value, '') %>
-<%= f.text_field code, class: "Cutlass-input-text #{css_classes}", 'data-label': label, value: value, type: 'tel', 'data-always-active': true, 'data-error': model.errors[code][0], **props.symbolize_keys %>

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

@@ -1,2 +0,0 @@
-</div>
-<div class="Card">

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

@@ -1 +0,0 @@
-<%= link_to label, path, class: 'Cutlass-input-link' %>

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

@@ -1,16 +0,0 @@
-<% code = local_assigns.fetch(:code) %>
-<% value = local_assigns.fetch(:value, model.loot_get(code)) %>
-<% props = local_assigns.fetch(:props, {}) %>
-<% options.map! do |option| %>
-  <% OpenStruct.new(label: option[0], value: option[1]) %>
-<% end %>
-
-<div class="Cutlass-input-radio" data-label="<%= label %>" data-error=<%= model.errors[code][0] %>>
-  <% count = 0 %>
-  <%= f.collection_radio_buttons(code, options, 'value', 'label', {}, **{ class: 'icheck-me Cutlass-input-radio-single' }.merge(props).symbolize_keys) do |b| %>
-    <div class="Cutlass-input-radio-single">
-      <%= b.radio_button(checked: (b.value == value || options.first.value) ) %>
-      <%= b.label %>
-    </div>
-  <% end %>
-</div>

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

@@ -1,5 +0,0 @@
-<% css_classes = (defined? css_classes) ? css_classes : '' %>
-<% code = local_assigns.fetch(:code) %>
-<% props = local_assigns.fetch(:props, {}) %>
-<% value = local_assigns.fetch(:value, '') %>
-<%= f.select code, options_for_select(options, selected: value), { selected: value }, { class: "Cutlass-input-select #{css_classes}", 'data-label': label, 'data-error': model&.errors ? model.errors[code][0] : nil }.merge(props) %>

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

@@ -1,5 +0,0 @@
-<% css_classes = (defined? css_classes) ? css_classes : '' %>
-<% code = local_assigns.fetch(:code) %>
-<% props = local_assigns.fetch(:props, {}) %>
-<% value = local_assigns.fetch(:value, '') %>
-<%= f.select code, options_for_select(options, selected: value), { selected: value }, { class: "Cutlass-input-select--large #{css_classes}", 'data-label': label, 'data-error': model&.errors ? model.errors[code][0] : nil }.merge(props) %>

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

@@ -1,6 +0,0 @@
-<% css_classes = (defined? css_classes) ? css_classes : '' %>
-<% props = (defined? props) ? props.to_h : {} %>
-<% code = local_assigns.fetch(:code) %>
-<% error_code = local_assigns.fetch(:error_code, code) || code %>
-<% value = local_assigns.fetch(:value, '') %>
-<%= f.text_field code, class: "Cutlass-input-text #{css_classes}", value: value, **({ 'data-label' => label, 'data-error' => model.errors[error_code][0] }.merge(props).symbolize_keys) %>

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

@@ -1,11 +0,0 @@
-<% css_classes = (defined? css_classes) ? css_classes : '' %>
-<% code = local_assigns.fetch(:code) %>
-<% label = local_assigns.fetch(:label) %>
-<% value = local_assigns.fetch(:value, '') %>
-<% description = local_assigns.fetch(:description, '') %>
-<%= f.check_box code, {
-  class: "Cutlass-input-toggler js-conditional-switch #{css_classes}",
-  checked: value == 'true',
-  'data-label': label,
-  'data-description': description
-}, 'true', 'false'  %>