cutlass_js_rails 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8649b810a66aa646a5c2ecc7e6a060cbb83560b4
-  data.tar.gz: f1f7769a154f92735fe2d55aea617d06c960a7ed
+  metadata.gz: eaeed95c0a330598f701baf1e586378efec3ceb1
+  data.tar.gz: ebb3b0bd84ef45e93a6156fc747a9cdf977a9642
 SHA512:
-  metadata.gz: c8c8ebf991e771323d21131a5cd059423c845cb7cadccab0c96b296275a4f2631d28002fc2ceed900ed0f5ed6bcf707a9aabecb5e828bacf3ee61ee2498ea1a7
-  data.tar.gz: dd2511d3a94d70a34ae142d432acd4bc846714920ca72149219f9f11b40f21ddaf3c04c7602124526e7613a976d8e64dd3aa024a25508cd01ba35ff30f0f8e05
+  metadata.gz: cdfc4876da8006914a7c2f9b538b5756339ab80a070226653e75a50e2657bd15f7ba0f291b3dd629a6db50a18ffc5e74adb168fe4c5ed10b8879a671cfd6cda8
+  data.tar.gz: 007d5c3c0f50a2dc1531fccc19293b0e1301c52f9c1264618ac502f7abfdcd21cea0407b024de2bce42dfe5d333f3330a14aba9819e2298eded3eb47e11b10e5

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

@@ -24,3 +24,14 @@ Cutlass.makeActive = function($input){
 Cutlass.removeActive = function($input){
   $input.parent().removeClass('s-active');
 }
+
+Cutlass.animateFields = function(){
+  $('.Cutlass-input-text, .Cutlass-input-select, .Cutlass-input-radio, .Cutlass-input-toggler, .Cutlass-input-link').addClass('s-shown');
+  $('.Cutlass-item').each(function(i){
+    var $el = $(this)
+    console.log(i);
+    setTimeout(function(){
+      $el.addClass('s-shown')
+    }, i*50)
+  })
+}

data/app/assets/javascripts/cutlass.js

@@ -2,6 +2,7 @@
 //= require cutlass/html_generation
 document.addEventListener("turbolinks:load", function() {
   Cutlass.generateAllHTML()
+  Cutlass.animateFields()
 
   //TEXT INPUTS =========================================================
 

data/app/assets/stylesheets/_cutlass.scss

@@ -15,6 +15,12 @@ $cutlass-link-color: #ff7c14 !default;
   position: relative;
   min-height: 60px;
   border-bottom: 1px solid $cutlass-border-color;
+  opacity: 0;
+  transition: all 1s;
+
+  &.s-shown{
+    opacity: 1;
+  }
   &.m-last{
     border-bottom: 0;
   }
@@ -30,6 +36,17 @@ $cutlass-link-color: #ff7c14 !default;
   font-size: 15px;
 }
 
+// ========================================================
+// HIDING PRE-HTML-GENERATION
+// ========================================================
+.Cutlass-input-text, .Cutlass-input-select, .Cutlass-input-radio, .Cutlass-input-toggler, .Cutlass-input-link{
+  opacity: 0;
+  &.s-shown{
+    opacity: 1;
+  }
+}
+
+
 // ========================================================
 // TEXT INPUT
 // ========================================================

data/lib/cutlass_js_rails/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cutlass_js_rails
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - chardos