volt-fields 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1439533100b56c28c830163650ed66c139b97d51
-  data.tar.gz: a8751d2290e98ee055610ac4e0a369f17aa90688
+  metadata.gz: a8fbd4ca3326c03ca5fe299a8b9dbd51cbe68686
+  data.tar.gz: 1aecd87172a5df4526e934462c71bdc5ac066def
 SHA512:
-  metadata.gz: 22d1f41dc895b0f2105d8920fcc80195940de1ab501c3b4bc0ca057b20f89211f26615d88c9c58ad0fd74d36512a9300ff158da65a84a721c56ff0184025ea7e
-  data.tar.gz: f11244872e08ec3ff7c73af1784f34f51d11c7b00e7984becf173f1eaebcdf72c4677586f7c59a617200116e4d02169cccdc5014e5cebfe9ab4d1d1cc40727e2
+  metadata.gz: b42b0d8240b4bb29a8b6b82f15f07de95ced62454b8c3863efa8cda3093342e09f20036e1736fe8bd3802753f28809c6b69a8b8adce9d99b2d8e9fabf4af3650
+  data.tar.gz: 7eba0115f8fd567281c3ad1f5ac6909e91e9eee25a094ff0355d6506d3560aa9d306d13338aaa6a438816f8d61abd501d6a124b09d0247c6b868dbbc8849f857

data/README.md

@@ -1,9 +1,56 @@
 # Volt::Fields
 
-Provides controls for text and textarea fields (at the moment) with the following:
+Provides controls with the following:
 
 1. the necessary html for bootstrap
 2. mark the fields when the blur event happens
 3. display any marked errors below the field
 
-### Note: there's some duplication in here that needs to be removed
+Currently supported control types:
+* Text
+* Textarea
+* Select
+* Radio
+* Checkbox
+
+## How to Use
+### Setup
+Include in your gemfile:
+
+```
+gem 'volt-fields'
+```
+
+Then use fields as tags in your views:
+```
+<:fields:text value="{{ model.first_name }}"/>
+```
+
+### Text and Textarea
+```
+<:fields:text value="{{ model.first_name }}"/>
+```
+
+### Select
+Select fields accept either an array of options, or an array of {label: '', value: ''} hashes.
+
+```
+<:fields:select value="{{ model.role }}" options="{{ ['User', 'Admin', 'Something Else']}}"/>
+```
+    
+### Radio
+For radio buttons, pass an options array of {label: '', value: ''} hashes.
+
+```
+<:fields:radio value="{{ model.active }}" options="{{[{label: 'Active', value: true},{label:'Inactive', value: false}]}}"/>
+```
+
+For inline radio buttons, use ```:fields:radio:inline```.
+
+### Checkbox
+For checkboxes, use 'checked' instead of 'value' to bind the checkbox to a boolean field.
+```
+<:fields:checkbox checked="{{ model.active }}"/>
+```
+
+For inline radio buttons, use ```:fields:radio:inline```.

data/VERSION

@@ -1 +1 @@
-0.1.0
+0.1.1

data/app/fields/config/dependencies.rb

@@ -1 +1 @@
-# Component dependencies
+# Component dependencies

data/app/fields/config/routes.rb

@@ -1 +1 @@
-# Component routes
+# Component routes

data/app/fields/controllers/checkbox_controller.rb

@@ -0,0 +1,24 @@
+require 'fields/controllers/main_controller'
+
+module Fields
+  class CheckboxController < MainController
+    before_action :setup_field
+    
+    def setup_field
+      # Get the name of the field by looking at the method scope
+      @field_name = attrs.checked_last_method.gsub(/^[_]/, '')
+    end
+    
+    def inline
+      # Get the name of the field by looking at the method scope
+      @field_name = attrs.checked_last_method.gsub(/^[_]/, '')
+    end
+    
+    # Find the parent reactive value that produced the value
+    # (usually just model._field)
+    def model
+      attrs.checked_parent
+    end
+
+  end
+end

data/app/fields/controllers/main_controller.rb

@@ -0,0 +1,41 @@
+module Fields
+  class MainController < Volt::ModelController
+    before_action :setup_field
+    
+    def setup_field
+      # Default to text fields
+      if attrs.respond_to?(:type)
+        @type = attrs.type
+      else
+        @type = 'text'
+      end
+
+      # Get the name of the field by looking at the method scope
+      @field_name = attrs.value_last_method.gsub(/^[_]/, '')
+    end
+    
+    # Find the parent reactive value that produced the value
+    # (usually just model._field)
+    def model
+      attrs.value_parent
+    end
+
+    def label
+      attrs.label || @field_name.titleize
+    end
+
+    # Find the errors for this field
+    def errors
+      model.marked_errors[@field_name]
+    end
+
+    # When a field goes out of focus, then we want to start checking a field
+    def blur
+      model.mark_field!(@field_name)
+    end
+
+    def marked
+      model.marked_fields[@field_name]
+    end
+  end
+end

data/app/fields/controllers/radio_controller.rb

@@ -0,0 +1,15 @@
+require 'fields/controllers/main_controller'
+
+module Fields
+  class RadioController < MainController
+    # When a radio button is clicked, set the value of the field and start checking the field
+    def set_field(value)
+      model.send("#{@field_name}=", value)
+      model.mark_field!(@field_name)
+    end
+
+    def checked?(value)
+      value == model.send(@field_name)
+    end
+  end
+end

data/app/fields/controllers/select_controller.rb

@@ -0,0 +1,18 @@
+require 'fields/controllers/main_controller'
+
+module Fields
+  class SelectController < MainController
+    def options
+      if attrs.options[0].is_a?(Hash)
+        options = attrs.options
+      else
+        options = attrs.options.collect { |option| { value: option, label: option } }
+      end
+      options
+    end
+
+    def selected?(value)
+      true if value == model.send(@field_name)
+    end
+  end
+end

data/app/fields/controllers/text_controller.rb

@@ -1,39 +1,6 @@
-module Fields
-  class TextController < Volt::ModelController
-    def index
-      # Default to text fields
-      if attrs.respond_to?(:type)
-        @type = attrs.type
-      else
-        @type = 'text'
-      end
-
-      # Get the name of the field by looking at the method scope
-      @field_name = attrs.value_last_method.gsub(/^[_]/, '')
-    end
-
-    # Find the parent reactive value that produced the value
-    # (usually just model._field)
-    def model
-      attrs.value_parent
-    end
-
-    def label
-      return attrs.label || @field_name.titleize
-    end
+require 'fields/controllers/main_controller'
 
-    # Find the errors for this field
-    def errors
-      model.marked_errors[@field_name]
-    end
-
-    # When a field goes out of focus, then we want to start checking a field
-    def blur
-      attrs.value_parent.mark_field!(@field_name)
-    end
-
-    def marked
-      model.marked_fields[@field_name]
-    end
+module Fields
+  class TextController < MainController
   end
 end

data/app/fields/controllers/textarea_controller.rb

@@ -1,6 +1,6 @@
-require 'fields/controllers/text_controller'
+require 'fields/controllers/main_controller'
 
 module Fields
-  class TextareaController < TextController
+  class TextareaController < MainController
   end
-end
+end

data/app/fields/views/checkbox/index.html

@@ -0,0 +1,13 @@
+<:Body>
+  <div class="checkbox {{ if errors }}has-error{{ elsif marked }}has-success{{ end }}">
+    <label>
+      <input type="checkbox" checked="{{ attrs.checked }}" e-focusout="blur" />
+      {{ label }}
+    </label>
+    {{ if errors }}
+      <span class="glyphicon glyphicon-remove"></span>
+      <span class="control-label errors">{{ (errors || []).join(', ') }}</span>
+    {{ elsif marked }}
+      <span class="glyphicon glyphicon-ok"></span>
+    {{ end }}
+  </div>

data/app/fields/views/checkbox/inline.html

@@ -0,0 +1,13 @@
+<:Body>
+  <div class="checkbox-inline {{ if errors }}has-error{{ elsif marked }}has-success{{ end }}">
+    <label class="checkbox-inline">
+      <input type="checkbox" checked="{{ attrs.checked }}" e-focusout="blur" />
+      {{ label }}
+    </label>
+    {{ if errors }}
+      <span class="glyphicon glyphicon-remove"></span>
+      <span class="control-label errors">{{ (errors || []).join(', ') }}</span>
+    {{ elsif marked }}
+      <span class="glyphicon glyphicon-ok"></span>
+    {{ end }}
+  </div>

data/app/fields/views/radio/index.html

@@ -0,0 +1,24 @@
+<:Body>
+  <div class="{{ if errors }}has-error{{ elsif marked }}has-success{{ end }} has-feedback">
+    {{ attrs.options.each do |option| }}
+      <div class="radio">
+        {{ if checked?(option['value']) }}
+          <label>
+            <input type="radio" e-click="set_field(option['value'])" name="{{ @field_name }}_radio" value="{{option['value']}}" checked/>
+            {{ option['label'] }}
+          </label>
+          {{ if errors }}
+            <span class="glyphicon glyphicon-remove"></span>
+            <span class="control-label errors">{{ (errors || []).join(', ') }}</span>
+          {{ elsif marked }}
+            <span class="glyphicon glyphicon-ok"></span>
+          {{ end }}
+        {{ else }}
+          <label>
+            <input type="radio" e-click="set_field(option['value'])" name="{{ @field_name }}_radio" value="{{option['value']}}"/>
+            {{ option['label'] }}
+          </label>
+        {{ end }}
+    {{ end }}
+    </div>
+  </div>

data/app/fields/views/radio/inline.html

@@ -0,0 +1,24 @@
+<:Body>
+  <div class="{{ if errors }}has-error{{ elsif marked }}has-success{{ end }} has-feedback">
+    {{ attrs.options.each do |option| }}
+      <div class="radio-inline">
+        {{ if checked?(option['value']) }}
+          <label class="radio-inline">
+            <input type="radio" e-click="set_field(option['value'])" name="{{ @field_name }}_radio" value="{{option['value']}}" checked/>
+            {{ option['label'] }}
+          </label>
+          {{ if errors }}
+            <span class="glyphicon glyphicon-remove"></span>
+            <span class="control-label errors">{{ (errors || []).join(', ') }}</span>
+          {{ elsif marked }}
+            <span class="glyphicon glyphicon-ok"></span>
+          {{ end }}
+        {{ else }}
+          <label class="radio-inline">
+            <input type="radio" e-click="set_field(option['value'])" name="{{ @field_name }}_radio" value="{{option['value']}}"/>
+            {{ option['label'] }}
+          </label>
+        {{ end }}
+    {{ end }}
+    </div>
+  </div>

data/app/fields/views/select/index.html

@@ -0,0 +1,21 @@
+<:Body>
+  <div class="form-group {{ if errors }}has-error{{ elsif marked }}has-success{{ end }} has-feedback">
+    {{ if label }}
+      <label class="control-label">{{ label }}</label>
+    {{ end }}
+    <select value="{{ attrs.value }}" e-focusout="blur" class="form-control">
+      {{ options.each do |option| }}
+        {{ if selected?(option[:value]) }}
+          <option value="{{ option[:value] }}" selected> {{ option[:label] }}</option>
+        {{ else }}
+          <option value="{{ option[:value] }}"> {{ option[:label] }}</option>
+        {{ end }}
+      {{ end }}
+    </select>
+    {{ if errors }}
+      <span class="glyphicon glyphicon-remove form-control-feedback"></span>
+      <span class="control-label errors">{{ (errors || []).join(', ') }}</span>
+    {{ elsif marked }}
+      <span class="glyphicon glyphicon-ok form-control-feedback"></span>
+    {{ end }}
+  </div>

data/app/fields/views/text/index.html

@@ -3,7 +3,7 @@
     {{ if label }}
       <label class="control-label">{{ label }}</label>
     {{ end }}
-    <input type="{{ @type }}" value="{{ attrs.value }}" e-focusout="blur" class="form-control" />
+    <input type="{{ @type }}" value="{{ attrs.value }}" e-focusout="blur" class="form-control" placeholder="{{ attrs.placeholder }}" />
     {{ if errors }}
       <span class="glyphicon glyphicon-remove form-control-feedback"></span>
       <span class="control-label errors">{{ (errors || []).join(', ') }}</span>

data/app/fields/views/textarea/index.html

@@ -3,7 +3,7 @@
     {{ if label }}
       <label class="control-label">{{ label }}</label>
     {{ end }}
-    <textarea e-focusout="blur" class="form-control">{{ attrs.value }}</textarea>
+    <textarea e-focusout="blur" class="form-control" placeholder="{{ attrs.placeholder }}">{{ attrs.value }}</textarea>
     {{ if errors }}
       <span class="glyphicon glyphicon-remove form-control-feedback"></span>
       <span class="control-label errors">{{ (errors || []).join(', ') }}</span>

data/volt-fields.gemspec

@@ -19,6 +19,5 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
-  spec.add_development_dependency "volt", "~> 0.7.0"
   spec.add_development_dependency "rake"
 end

metadata

@@ -1,29 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: volt-fields
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Ryan Stout
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-04-07 00:00:00.000000000 Z
+date: 2015-06-15 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: volt
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 0.7.0
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 0.7.0
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -52,8 +38,17 @@ files:
 - VERSION
 - app/fields/config/dependencies.rb
 - app/fields/config/routes.rb
+- app/fields/controllers/checkbox_controller.rb
+- app/fields/controllers/main_controller.rb
+- app/fields/controllers/radio_controller.rb
+- app/fields/controllers/select_controller.rb
 - app/fields/controllers/text_controller.rb
 - app/fields/controllers/textarea_controller.rb
+- app/fields/views/checkbox/index.html
+- app/fields/views/checkbox/inline.html
+- app/fields/views/radio/index.html
+- app/fields/views/radio/inline.html
+- app/fields/views/select/index.html
 - app/fields/views/text/index.html
 - app/fields/views/textarea/index.html
 - lib/volt/fields.rb
@@ -78,7 +73,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Provides controls for text and textarea fields with built in error reporting