simple_form_custom_inputs 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 12e746e0a14477d80aabed40e16f6f81d7cd03f5
-  data.tar.gz: 2a2d1cefe64ae5a20705201d3cee4544333c9985
+  metadata.gz: 58d04be2f172a7b254564f4c13df2b4cfb8dfb4c
+  data.tar.gz: c679f6ef8484e9b51e3e39a6fc158e8c15d56b2c
 SHA512:
-  metadata.gz: 3102a8593a2a29feb903e84f6e54e36e583134ad87fac143306d28728838cec66d6bfe4fe3507e418467adbd56130b02500261aedb087d5f257749a9c64207e8
-  data.tar.gz: 83952c6245ea7110028c639b3e588a5305ffcb61830dedf655900f1d598bd2def8a812de4e2e7f21921d9162f9b9ac8b0593a67ad85604d3b0a60ec9dc8b03fb
+  metadata.gz: 64c094807fa8501e38960a0cb8ce83db8dcc44e598dfdd1d4eba3d3b4f32b73bce8478384c6b1ec8bb631785e8689648236bab349e3e25fac17f961dae5c42ee
+  data.tar.gz: ed1fadb8b54c9e7cd29fb842239591be6cf9b2d4bb21ea3edd61029513fe0396e3c8e466472a3c6d6ac71c686ba218fdfbc837d50d48481a3ba49bbcc7494409

data/README.md

@@ -9,7 +9,8 @@
 - [x] Datepicker
 - [ ] Datetimepicker
 - [ ] Timepicker
-- [ ] File
+- [x] File button
+- [x] File drag n drop
 
 ## Installation
 
@@ -43,6 +44,7 @@ In app/assets/javascripts/application.js, you should add as follows:
 //= require switchery
 //= require jquery.maskedinput
 //= require bootstrap-datepicker
+//= require ezdz/dist/jquery.ezdz
 //= require simple_form_custom_inputs
 //= require ...
 ```
@@ -54,18 +56,19 @@ Application.scss
 @import "bootstrap";
 @import "switchery";
 @import "bootstrap-datepicker";
+@import "ezdz/dist/jquery.ezdz";
 ```
 
 Basic Example:
 
 ```erb
-
 <%= simple_form_for :example do |f| %>
   <%= f.input :boolean, as: :switch %>
   <%= f.input :boolean, as: :switch, input_html: {data: {color: '#FF0', secondary_color: '#0F0', jack_color: '#FFF', jack_secondary_color: '#000', size: 'small'}} %>
   <%= f.input :phone, as: :masked, input_html: {data: {pattern: '(99) 99999-9999'}} %>
   <%= f.input :time, as: :datepicker %>
   <%= f.input :photo, as: :button_file, label: false, class: 'btn btn-info', input_html: {multiple: true, data: {multiple_caption: '{count} files selected'}} %>
+  <%= f.input :album, as: :drop_file, label: false, input_html: {multiple: true, data: {text: 'Send pictures', preview: false}} %>
 <% end %>
 
 ```

data/example/Gemfile

@@ -43,6 +43,7 @@ source 'https://rails-assets.org' do
   gem 'rails-assets-switchery'
   gem 'rails-assets-jquery.maskedinput'
   gem 'rails-assets-bootstrap-datepicker'
+  gem 'rails-assets-ezdz'
 end
 
 group :development, :test do

data/example/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    simple_form_custom_inputs (0.0.2)
+    simple_form_custom_inputs (0.0.3)
 
 GEM
   remote: https://rubygems.org/
@@ -116,6 +116,8 @@ GEM
       sprockets-rails (>= 2.0.0)
     rails-assets-bootstrap-datepicker (1.6.4)
       rails-assets-jquery (>= 1.7.1)
+    rails-assets-ezdz (0.5.1)
+      rails-assets-jquery (>= 1.8)
     rails-assets-fastclick (0.6.11)
     rails-assets-jquery (3.2.1)
     rails-assets-jquery.maskedinput (1.4.1)
@@ -196,6 +198,7 @@ DEPENDENCIES
   puma (~> 3.0)
   rails (~> 5.0.2)
   rails-assets-bootstrap-datepicker!
+  rails-assets-ezdz!
   rails-assets-jquery.maskedinput!
   rails-assets-switchery!
   sass-rails (~> 5.0)

data/example/app/assets/javascripts/application.js

@@ -17,6 +17,7 @@
 //= require switchery
 //= require jquery.maskedinput
 //= require bootstrap-datepicker
+//= require ezdz/dist/jquery.ezdz
 //= require I18n/pt-BR
 //= require simple_form_custom_inputs
 //= require_tree .

data/example/app/assets/stylesheets/application.scss

@@ -2,6 +2,7 @@
 @import "bootstrap";
 @import "switchery";
 @import "bootstrap-datepicker";
+@import "ezdz/dist/jquery.ezdz";
 
 body {
   padding: 30px;

data/lib/simple_form_custom_inputs.rb

@@ -4,6 +4,7 @@ autoload :SwitchInput, "simple_form_custom_inputs/simple_form/switch_input"
 autoload :MaskedInput, "simple_form_custom_inputs/simple_form/masked_input"
 autoload :DatepickerInput, "simple_form_custom_inputs/simple_form/datepicker_input"
 autoload :ButtonFileInput, "simple_form_custom_inputs/simple_form/button_file_input"
+autoload :DropFileInput, "simple_form_custom_inputs/simple_form/drop_file_input"
 
 module SimpleFormCustomInputs
   class Engine < ::Rails::Engine; end

data/lib/simple_form_custom_inputs/simple_form/drop_file_input.rb

@@ -0,0 +1,13 @@
+require 'active_support/core_ext/string/output_safety'
+
+class DropFileInput < SimpleForm::Inputs::FileInput
+  attr_accessor :output_buffer
+
+  def input(wrapper_options = nil)
+    input_html_options[:class] << 'drop-file'
+    input_html_options[:multiple] = true if options[:multiple]
+    merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+
+    @builder.file_field(attribute_name, merged_input_options)
+  end
+end

data/lib/simple_form_custom_inputs/version.rb

@@ -1,3 +1,3 @@
 module SimpleFormCustomInputs
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/vendor/assets/javascripts/simple_form_custom_inputs.js

@@ -14,15 +14,22 @@ var initSwitchery = function() {
 var initMasks = function() {
   var input = $(".masked input");
   var pattern = input.data("pattern");
-  input.mask(pattern);
+  if (input && pattern)
+    input.mask(pattern);
 };
 
 var initDatepicker = function() {
-  $(".datepicker input").datepicker({
-    autoclose: true,
-    todayHighlight: true,
-    language: $(".datepicker input").data("locale")
-  });
+  try {
+    $(".datepicker input").datepicker({
+      autoclose: true,
+      todayHighlight: true,
+      language: $(".datepicker input").data("locale")
+    });
+  }
+
+  catch (e) {
+
+  }
 };
 
 var handleAttachementLabel = function() {
@@ -44,13 +51,23 @@ var handleAttachementLabel = function() {
   			label.innerHTML = labelVal;
   	});
   });
-}
+};
+
+var initDropFile = function() {
+  var input = $(".drop-file");
+  input.ezdz({
+    className: input.attr('class'),
+    text: input.data('text'),
+    previewImage: input.data('preview')
+  });
+};
 
 var ready = function() {
   initSwitchery();
   initMasks();
   initDatepicker();
   handleAttachementLabel();
+  initDropFile();
 };
 
 if (typeof Turbolinks == "undefined") {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_form_custom_inputs
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Marcelo Barreto
@@ -170,6 +170,7 @@ files:
 - lib/simple_form_custom_inputs.rb
 - lib/simple_form_custom_inputs/simple_form/button_file_input.rb
 - lib/simple_form_custom_inputs/simple_form/datepicker_input.rb
+- lib/simple_form_custom_inputs/simple_form/drop_file_input.rb
 - lib/simple_form_custom_inputs/simple_form/masked_input.rb
 - lib/simple_form_custom_inputs/simple_form/switch_input.rb
 - lib/simple_form_custom_inputs/version.rb