simple_form_custom_inputs 0.0.4 → 0.1.0

data/vendor/assets/javascripts/simple_form_custom_inputs.js

@@ -1,3 +1,5 @@
+//= require ./ezdz
+
 var initSwitchery = function() {
   var elem = $(".js-switch")
   if (elem[0]){
@@ -35,21 +37,21 @@ var initDatepicker = function() {
 var handleAttachementLabel = function() {
   var inputs = document.querySelectorAll( '.inputfile' );
   Array.prototype.forEach.call(inputs, function(input) {
-  	var label	 = input.nextElementSibling,
-  		labelVal = label.innerHTML;
+    var label = input.nextElementSibling,
+    labelVal = label.innerHTML;
 
-  	input.addEventListener( 'change', function(e) {
-  		var fileName = '';
-  		if( this.files && this.files.length > 1 )
-  			fileName = (this.getAttribute('data-multiple-caption' ) || '').replace('{count}', this.files.length);
-  		else
-  			fileName = e.target.value.split( '\\' ).pop();
+    input.addEventListener('change', function(e) {
+      var fileName = '';
+      if( this.files && this.files.length > 1 )
+        fileName = (this.getAttribute('data-multiple-caption' ) || '').replace('{count}', this.files.length);
+      else
+        fileName = e.target.value.split('\\').pop();
 
-  		if( fileName )
-  			label.querySelector('span').innerHTML = fileName;
-  		else
-  			label.innerHTML = labelVal;
-  	});
+      if(fileName)
+        label.querySelector('span').innerHTML = fileName;
+      else
+        label.innerHTML = labelVal;
+    });
   });
 };
 
@@ -70,8 +72,4 @@ var ready = function() {
   initDropFile();
 };
 
-if (typeof Turbolinks == "undefined") {
-  $(document).ready(ready);
-} else {
-  $(document).on("turbolinks:load", ready);
-}
+$(document).on("ready turbolinks:load", ready);

data/vendor/assets/stylesheets/ezdz.css

@@ -0,0 +1,119 @@
+/* ----------------------------------------------------------------------------
+// Ezdz [izy-dizy]
+// Licensed under the MIT license.
+// http://github.com/jaysalvat/ezdz/
+// ----------------------------------------------------------------------------
+// Copyright (C) 2014 Jay Salvat
+// http://jaysalvat.com/
+// --------------------------------------------------------------------------*/
+
+.ezdz-dropzone {
+  position: relative;
+  font: bold 24px arial;
+  text-align: center;
+  width: 100%;
+  height: 400px;
+  line-height: 400px;
+  border: 2px solid lightgray;
+  color: lightgray;
+  overflow: hidden;
+}
+
+.ezdz-dropzone div {
+    color: lightgray;
+    font: bold 24px arial;
+    line-height: 400px;
+    /* */
+}
+
+.ezdz-dropzone span {
+  background: black;
+  background: rgba(0,0,0,0.7);
+  color: white;
+  font-size: 13px;
+  font-weight: normal;
+  max-width: 90%;
+  vertical-align: middle;
+  padding: 4%;
+  line-height: 10px;
+  display: inline-block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.ezdz-dropzone img {
+  border-radius: 5px;
+  border: 1px solid lightgray;
+}
+
+.ezdz-dropzone [type="file"] {
+  cursor: pointer;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.ezdz-focus {
+  border: 3px solid darkgray;
+  color: darkgray;
+}
+
+.ezdz-focus div {
+  color: darkgray;
+}
+
+.ezdz-enter {
+  border: 3px solid black;
+  color: black;
+}
+
+.ezdz-enter div {
+    color: black;
+}
+
+.ezdz-accept {
+  border: 3px solid gray;
+  color: gray;
+}
+
+.ezdz-accept div {
+  color: gray;
+}
+
+.ezdz-reject {
+  border: 5px solid darkred;
+  color: darkred;
+}
+
+.ezdz-reject div {
+  color: darkred;
+}
+
+.image-g {
+	list-style-type: none;
+	padding: 0.25em;
+	overflow: hidden;
+}
+
+.image-g li {
+	float: left;
+	max-width: 32%;
+	max-height: 48%;
+	padding: 0.25em;
+}
+
+.image-g img {
+	display: block;
+}
+
+.image-g li:nth-child(3n+1) {
+	clear: left;
+}

data/vendor/assets/stylesheets/simple_form_custom_inputs.scss

@@ -0,0 +1 @@
+@import "ezdz";

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_form_custom_inputs
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.1.0
 platform: ruby
 authors:
 - Marcelo Barreto
@@ -177,8 +177,47 @@ files:
 - screenshot.png
 - simple_form_custom_inputs.gemspec
 - vendor/assets/javascripts/.keep
-- vendor/assets/javascripts/I18n/pt-BR.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.bg.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.ca.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.cs.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.da.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.de.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.el.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.es.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.fi.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.fr.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.he.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.hr.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.id.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.is.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.it.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.ja.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.kr.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.lt.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.lv.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.ms.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.nb.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.nl.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.pl.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.pt-BR.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.pt.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.ro.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.rs-latin.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.rs.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.ru.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.sk.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.sl.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.sv.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.sw.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.th.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.tr.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.uk.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.js
+- vendor/assets/javascripts/bootstrap-datepicker/locales/bootstrap-datepicker.zh-TW.js
+- vendor/assets/javascripts/ezdz.js
 - vendor/assets/javascripts/simple_form_custom_inputs.js
+- vendor/assets/stylesheets/ezdz.css
+- vendor/assets/stylesheets/simple_form_custom_inputs.scss
 homepage: https://github.com/marcelobarreto/simple_form_custom_inputs
 licenses: []
 metadata: {}