formagic 0.3.3 → 0.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1232cfe4348b90ec411f702c7047b5ef9293b73e
-  data.tar.gz: f4e4defe3db6b66b51c71bfd65c70627b9bf1139
+  metadata.gz: aa7cb7f17971ebb1b61ef50c143718be75dea339
+  data.tar.gz: 8a5d957fe67c1fe2814755ead538a0bb1a6cd45f
 SHA512:
-  metadata.gz: 62ec94089f8b9f6d48c0e91b8314a8aacd1c147b5e1a4d0335dd2e6fc59f7739059e791106d021454c33313c4891a8685c450ed3071a237e30efaa358be6c879
-  data.tar.gz: 170fc20d96fa30268a7c82599ccdefbf65b58012c2e38fa12821be074d2b15a690abc99eb243a879cc54e6ef3a0076b86b0faaae13d3894eb06ccd3af0e79023
+  metadata.gz: 8d2a1265776cf8ce993c42de3922bd28970d247a95bbe9bf4279261a49284ab77778eed58a945f1cb20257fdc18135f5372ed51b4820afab62aadd9c525657fc
+  data.tar.gz: 46f52e276d4bb925dad2169e0d47098a19d16c9624743d948701750e9f651ec6a4df797c5ff1cdeee214029d5273d1b777f504f0a14a042a8784161d97750206

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    formagic (0.3.3)
+    formagic (0.3.4)
       bourbon (>= 3.2)
       normalize-rails (>= 3.0)
 

data/app/assets/javascripts/formagic/form.coffee

@@ -83,6 +83,15 @@ class @Form
   _generate_inputs_group: (klassName, groupConfig) ->
     $group =$ """<div class='group #{ klassName }' />"""
 
+    if groupConfig.groupClass
+      $group.addClass groupConfig.groupClass
+
+    if groupConfig.title
+      $title =$ "<span class='group-title'>#{ groupConfig.title }</span>"
+      $header =$ """<header class='group-header'></header>"""
+      $header.append $title
+      $group.append $header
+
     if groupConfig.inputs
       @_build_schema(groupConfig.inputs, $group)
 
@@ -122,9 +131,14 @@ class @Form
     inputName = if @config.namePrefix then "#{ @config.namePrefix }[#{ name }]" else "[#{ name }]"
 
     # add prefix for nested form inputs
-    if inputConfig.type == 'form' || inputConfig.type == 'documents' || inputConfig.type == 'document'
+    if inputConfig.type == 'form' ||
+       inputConfig.type == 'documents' ||
+       inputConfig.type == 'document'
       inputConfig.namePrefix = inputName.replace("[#{ name }]", "[#{ name }_attributes]")
 
+    else if inputConfig.type == 'hash'
+      inputConfig.namePrefix = inputName
+
     else
       inputConfig.namePrefix = @config.namePrefix
 
@@ -163,7 +177,10 @@ class @Form
 
     addNestedForms = (form) ->
       for name, input of form.inputs
-        if input.config.type == 'form' || input.config.type == 'documents' || input.config.type == 'document'
+        if input.config.type == 'form' ||
+           input.config.type == 'documents' ||
+           input.config.type == 'document' ||
+           input.config.type == 'hash'
           forms = forms.concat(input.forms)
           addNestedForms(form) for form in input.forms
     addNestedForms(@)

data/app/assets/javascripts/formagic/inputs/array.coffee

@@ -14,6 +14,9 @@
 #
 # All items should be unique for now.
 #
+# Config options:
+#   ignoreArrayWithEmptyString - do not show element when value is [""]
+#
 # Dependencies:
 #= require formagic/inputs/list_reorder
 #
@@ -61,6 +64,10 @@ class @InputArray extends InputString
   _render_items: ->
     @$items.html('')
 
+    if @config.ignoreArrayWithEmptyString
+      if @value.length == 1 && @value[0] == ""
+        return
+
     for v in @value
       @_render_item(v)
 

data/app/assets/javascripts/formagic/inputs/hash.coffee

@@ -0,0 +1,17 @@
+# -----------------------------------------------------------------------------
+# Author: Alexander Kravets <alex@slatestudio.com>,
+#         Slate Studio (http://www.slatestudio.com)
+# -----------------------------------------------------------------------------
+
+# -----------------------------------------------------------------------------
+# INPUT HASH
+# -----------------------------------------------------------------------------
+# TODO: add description
+# -----------------------------------------------------------------------------
+
+class @InputHash extends InputDocument
+
+  _create_el: ->
+    @$el =$ "<div class='form-input input-hash input-#{ @config.klassName }'>"
+
+chr.formInputs['hash'] = InputHash

data/app/assets/javascripts/formagic.coffee

@@ -19,6 +19,7 @@
 #= require ./formagic/inputs/time
 #= require ./formagic/inputs/url
 #= require ./formagic/inputs/array
+#= require ./formagic/inputs/hash
 
 ## OPTIONAL
 # require ./formagic/inputs/redactor

data/app/assets/stylesheets/formagic/array.scss

@@ -2,7 +2,7 @@
 
 .input-array {
   input {
-    padding-left: 2.5em;
+    padding-left: 1em;
     margin-top: .25em;
   }
 
@@ -33,6 +33,7 @@
     @include reorder-icon-base();
     margin-left: -20px;
     width: 20px;
+    color: $formagic-secondary-color;
     &:hover { color: $formagic-positive-color; }
   }
 }

data/app/assets/stylesheets/formagic/form.scss

@@ -32,7 +32,7 @@
 
 // Required
 .input-required .label:before {
-  @include position(absolute, null null null .38em);
+  @include position(absolute, null null null .45em);
   content : '*';
   color   : $formagic-assertive-color;
 }

data/app/assets/stylesheets/formagic/group.scss

@@ -1,11 +1,29 @@
 /* Group (for inputs) ------------------------------------- */
+.group-panel {
+  box-shadow: 0 0 1px rgba(0,0,0,0.15);
+  background-color: $white-color;
+  margin: 1.5em 0 0;
+}
+
+.group-header {
+  padding: .75em 1em;
+  border-bottom: 1px solid $formagic-border-color;
+}
+
+.group-title {
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  font-size: .75em;
+  font-weight: $light;
+  line-height: 1.5em;
+  color: $formagic-label-color;
+}
 
 .group .form-input:last-child {
   @include bottom-border($formagic-border-color);
 }
 
 /* Expandable Group --------------------------------------- */
-
 .group-edit {
   @include position(absolute, null .5em null null);
 

data/app/assets/stylesheets/formagic/nested-form.scss

@@ -28,6 +28,7 @@
     margin-right: -30px;
     line-height: 40px;
     width: 30px;
+    color: $formagic-secondary-color;
 
     &:hover {
       color: $formagic-positive-color;

data/app/assets/stylesheets/formagic.scss

@@ -5,12 +5,16 @@ input[type="text"]:disabled {
   background: initial;
 }
 
-$formagic-base-color        : #333 !default;
-$formagic-positive-color    : rgb( 74,135,238) !default;
-$formagic-assertive-color   : rgb(239, 78, 58) !default;
-$formagic-label-color       : lighten($formagic-base-color, 25%);
-$formagic-placeholder-color : rgb(210,210,210) !default;
-$formagic-border-color      : #eee !default;
+$light: 300 !default;
+$white-color: #fff !default;
+
+$formagic-base-color: #2e2e2e !default;
+$formagic-secondary-color: rgba($formagic-base-color, .4) !default;
+$formagic-positive-color: #4a87ee !default;
+$formagic-assertive-color: #e32e2e !default;
+$formagic-label-color: lighten($formagic-base-color, 25%);
+$formagic-placeholder-color: rgb(210,210,210) !default;
+$formagic-border-color: #f1f1f1 !default;
 
 @mixin custom-scrollbar($color, $bg-color, $radius) {
   &::-webkit-scrollbar       { width: 6px; background-color: $bg-color; }

data/lib/formagic/version.rb

@@ -1,3 +1,3 @@
 module Formagic
-  VERSION = "0.3.3"
+  VERSION = "0.3.4"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: formagic
 version: !ruby/object:Gem::Version
-  version: 0.3.3
+  version: 0.3.4
 platform: ruby
 authors:
 - Alexander Kravets
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-11-26 00:00:00.000000000 Z
+date: 2015-11-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bourbon
@@ -100,6 +100,7 @@ files:
 - app/assets/javascripts/formagic/inputs/documents.coffee
 - app/assets/javascripts/formagic/inputs/documents_reorder.coffee
 - app/assets/javascripts/formagic/inputs/file.coffee
+- app/assets/javascripts/formagic/inputs/hash.coffee
 - app/assets/javascripts/formagic/inputs/hidden.coffee
 - app/assets/javascripts/formagic/inputs/html.coffee
 - app/assets/javascripts/formagic/inputs/image.coffee