bootstrap-filestyle-rails 1.0.4 → 1.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8272bbe767f69ec581b8c78426e8f2fa3ce6129d
-  data.tar.gz: 43bbd4b51edf6ce7551858de183abc3ac27c3920
+  metadata.gz: 7deb2e392fe88fb72770777d196ea992176e89ef
+  data.tar.gz: b06f07c017e17360236d3e37bc29e484aa1adce0
 SHA512:
-  metadata.gz: 2a28d7052f8c7038ee7a0230836601736e2643ed9602a995452e747949f1d1ead58ba2b83f24a27f394ac107d1804d81cffb3e2444f318b91dfd6aa599f253b2
-  data.tar.gz: 41adb3298eb28106f5d9660fbfb3325d0f1730a640406397a3768e2c4a157ef052d27aaf7102f397cc1245c14e1af4ecdd737ed369b4dba70fb53fbe723da853
+  metadata.gz: b2d9559f22ad91a0b7a267b462ee21f67120b4d724dc2f30aa60c7f1b0359967250cbcad351b81e2119f9d2316752420726ce3a95274079f8086ab1bf8605db2
+  data.tar.gz: 0c5ee89516713146d799519e3c48648a68b2cec3f6fd2d3f71ef6f720277bd904c6678b2f30c443618df425c5d84ea831f8630b8c519b3264666d80349511882

data/lib/bootstrap-filestyle-rails/version.rb

@@ -1,3 +1,3 @@
 module BootstrapFilestyleRails
-  VERSION = "1.0.4"
+  VERSION = "1.0.5"
 end

data/vendor/assets/javascripts/bootstrap-filestyle.js

@@ -2,8 +2,8 @@
  * bootstrap-filestyle
  * http://dev.tudosobreweb.com.br/bootstrap-filestyle/
  *
- * Copyright (c) 2013 Markus Vinicius da Silva Lima
- * Version 1.0.4
+ * Copyright (c) 2014 Markus Vinicius da Silva Lima
+ * Version 1.0.5
  * Licensed under the MIT license.
  */
 (function ($) {
@@ -29,6 +29,50 @@
             this.$elementFilestyle.remove();
         },
 
+        disabled: function (value) {
+          if (value === true) {
+            if (!this.options.disabled) {
+              this.$element
+                    .attr('disabled', 'true');
+                this.$elementFilestyle.find('label').attr('disabled', 'true');
+                this.options.disabled = true;
+            }
+          } else if (value === false) {
+            if (this.options.disabled) {
+                this.$element
+                    .removeAttr('disabled');
+                this.$elementFilestyle.find('label').removeAttr('disabled');
+                this.options.disabled = false;
+            }
+            } else {
+                return this.options.disabled;
+            }
+        },
+
+        buttonBefore: function (value) {
+          if (value === true) {
+            if (!this.options.buttonBefore) {
+              this.options.buttonBefore = true;
+              if (this.options.input) {
+                this.$elementFilestyle.remove();
+                this.constructor();
+                this.pushNameFiles();
+              }
+            }
+          } else if (value === false) {
+            if (this.options.buttonBefore) {
+                this.options.buttonBefore = false;
+                if (this.options.input) {
+                this.$elementFilestyle.remove();
+                this.constructor();
+                this.pushNameFiles();
+              }
+            }
+            } else {
+                return this.options.buttonBefore;
+            }
+        },
+
         icon: function (value) {
             if (value === true) {
                 if (!this.options.icon) {
@@ -49,7 +93,14 @@
             if (value === true) {
                 if (!this.options.input) {
                     this.options.input = true;
-                    this.$elementFilestyle.prepend(this.htmlInput());
+
+                    if (this.options.buttonBefore) {
+                      this.$elementFilestyle.append(this.htmlInput());
+                    } else {
+                      this.$elementFilestyle.prepend(this.htmlInput());
+                    }
+
+                    this.$elementFilestyle.find('.quant-files-filestyle').remove();
 
                     var content = '',
                         files = [];
@@ -70,6 +121,21 @@
                 if (this.options.input) {
                     this.options.input = false;
                     this.$elementFilestyle.find(':text').remove();
+                    var files = [];
+                  if (this.$element[0].files === undefined) {
+                      files[0] = {'name': this.$element[0].value};
+                  } else {
+                      files = this.$element[0].files;
+                  }
+                  if (files.length > 0) {
+                    var style;
+                    if (this.options.classButton.search(/btn-inverse|btn-primary|btn-danger|btn-warning|btn-success/i) !== -1) {
+                        style = 'style="background-color: #fff !important; color: 000;"';
+                    } else {
+                      style = 'style="background-color: #000 !important; color: fff;"';
+                    }
+                    this.$elementFilestyle.find('label').append(' <span '+style+' class="quant-files-filestyle badge">'+files.length+'</span>');
+                  }
                 }
             } else {
                 return this.options.input;
@@ -142,6 +208,27 @@
             }
         },
 
+        // puts the name of the input files
+        pushNameFiles: function () {
+          var content = '',
+              files = [];
+            if (this.$element[0].files === undefined) {
+                files[0] = {'name': this.$element.value};
+            } else {
+                files = this.$element[0].files;
+            }
+
+            for (var i = 0; i < files.length; i++) {
+                content += files[i].name.split("\\").pop() + ', ';
+            }
+
+            if (content !== '') {
+                this.$elementFilestyle.find(':text').val(content.replace(/\, $/g, ''));
+            } else {
+              this.$elementFilestyle.find(':text').val('');
+            }
+        },
+
         constructor: function () {
             var _self = this,
                 html = '',
@@ -153,38 +240,21 @@
                 this.$element.attr({'id': id});
             }
 
-            var inputContainerOpen = (this.options.classInputContainerClass != '') ? '<div class="'+this.options.classInputContainerClass+'">' : '';
-            var inputContainerClose = (inputContainerOpen != '') ? '</div>' : '';
-
-            var buttonContainerOpen = (this.options.classButtonContainerClass != '') ? '<div class="'+this.options.classButtonContainerClass+'">' : '';
-            var buttonContainerClose = (buttonContainerOpen != '') ? '</div>' : '';
-
-            if(this.options.buttonBefore)
-            {
-                html =
-                    buttonContainerOpen+
-                        '<label for="'+id+'" class="'+this.options.classButton+'">'+
-                            this.htmlIcon()+
-                            '<span>'+this.options.buttonText+'</span>'+
-                        '</label>'+
-                    buttonContainerClose+
-                    inputContainerOpen+
-                        this.htmlInput()+
-                    inputContainerClose;
+            if(this.options.buttonBefore) {
+                html = '<label for="'+id+'" style="margin-right: 4px;" class="'+this.options.classButton+'" '+(this.options.disabled?'disabled="true"':'')+'>'+
+                           this.htmlIcon()+
+                           '<span>'+this.options.buttonText+'</span>'+
+                       '</label>'+
+                        this.htmlInput();
             } else {
-                html =
-                    inputContainerOpen+
-                        this.htmlInput()+
-                    inputContainerClose+
-                    buttonContainerOpen+
-                        '<label for="'+id+'" class="'+this.options.classButton+'">'+
-                            this.htmlIcon()+
-                        '<span>'+this.options.buttonText+'</span>'+
-                    '</label>'+
-                    buttonContainerClose;
+                html = this.htmlInput()+
+                       '<label for="'+id+'" class="'+this.options.classButton+'" '+(this.options.disabled?'disabled="true"':'')+'> '+
+                           this.htmlIcon()+
+                         '<span>'+this.options.buttonText+'</span>'+
+                     '</label>';
             }
 
-            this.$elementFilestyle = $('<div class="'+this.options.containerClass+' bootstrap-filestyle">'+html+'</div>');
+            this.$elementFilestyle = $('<div class="bootstrap-filestyle" style="display: inline-block;">'+html+'</div>');
 
             var $label = this.$elementFilestyle.find('label');
             var $labelFocusableContainer = $label.parent();
@@ -203,6 +273,10 @@
                 .attr('tabindex', "-1")
                 .after(this.$elementFilestyle);
 
+            if (this.options.disabled) {
+              this.$element.attr('disabled', 'true');
+            }
+
             // Getting input file value
             this.$element.change(function () {
                 var content = '';
@@ -219,7 +293,25 @@
                 if (content !== '') {
                     _self.$elementFilestyle.find(':text').val(content.replace(/\, $/g, ''));
                 } else {
-                	_self.$elementFilestyle.find(':text').val('');
+                  _self.$elementFilestyle.find(':text').val('');
+                }
+
+                if (_self.options.input == false) {
+                  var style;
+                  if (_self.options.classButton.search(/btn-inverse|btn-primary|btn-danger|btn-warning|btn-success/i) !== -1) {
+                      style = 'style="background-color: #fff !important; color: #000;"';
+                  } else {
+                    style = 'style="background-color: #000 !important; color: #fff;"';
+                  }
+                  if (_self.$elementFilestyle.find('.quant-files-filestyle').length == 0) {
+                    _self.$elementFilestyle.find('label').append(' <span '+style+' class="quant-files-filestyle badge">'+files.length+'</span>');
+                  } else if (files.length == 0) {
+                    _self.$elementFilestyle.find('.quant-files-filestyle').remove();
+                  } else {
+                    _self.$elementFilestyle.find('.quant-files-filestyle').html(files.length);
+                  }
+                } else {
+                  _self.$elementFilestyle.find('.quant-files-filestyle').remove();
                 }
             });
 
@@ -267,13 +359,11 @@
         'input': true,
         'icon': true,
         'buttonBefore': false,
+        'disabled': false,
 
-        'containerClass': 'form-group', // bootstrap-filestyle
-        'classButtonContainerClass': '',
         'classButton': 'btn btn-default',
-        'classInputContainerClass': '',
-        'classInput': 'form-control',
-        'classIcon': 'glyphicon glyphicon-folder-open'
+        'classInput': 'input-large',
+        'classIcon': 'icon-folder-open'
     };
 
     $.fn.filestyle.noConflict = function () {
@@ -286,14 +376,19 @@
         $('.filestyle').each(function () {
             var $this = $(this),
                 options = {
-                    'buttonText': $this.attr('data-buttonText'),
+
                     'input': $this.attr('data-input') === 'false' ? false : true,
                     'icon': $this.attr('data-icon') === 'false' ? false : true,
+                    'buttonBefore': $this.attr('data-buttonBefore') === 'true' ? true : false,
+                    'disabled': $this.attr('data-disabled') === 'true' ? true : false,
+
+                    'buttonText': $this.attr('data-buttonText'),
                     'classButton': $this.attr('data-classButton'),
                     'classInput': $this.attr('data-classInput'),
-                    'classIcon': $this.attr('data-classIcon')
+                    'classIcon': $this.attr('data-classIcon'),
+                    'disabled': $this.attr('data-disabled') === 'true' ? true : false,
                 };
-    
+
             $this.filestyle(options);
         });
     });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap-filestyle-rails
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.0.5
 platform: ruby
 authors:
 - Mauricio Pasquier Juan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-24 00:00:00.000000000 Z
+date: 2014-04-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler