bootstrap-filestyle-rails 1.1.2 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: e04d6a4ded58685c039181d1704f42cfc9cbd29c
|
4
|
+
data.tar.gz: edb35b4dcd6c9c4bcae792868a2179ee9c04076c
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5f018b50874c6e64dae2fa4208e764c3acb1099ab93300aa2dc08da8ed861aeb565d74b40ee4160f7c085ddff987a7e657ddd6bea7ea4ba717ca1a61410815cf
|
7
|
+
data.tar.gz: 3a0f455768bb08f571d440ad95c424a3c3e9be6526ca0eacfaba79a5b88bf1565b9d248f7be2c7ba6f7bd56b16d0ba76782882c6815979e31ba6674aa69b44f9
|
@@ -4,11 +4,13 @@
|
|
4
4
|
* github: https://github.com/markusslima/bootstrap-filestyle
|
5
5
|
*
|
6
6
|
* Copyright (c) 2014 Markus Vinicius da Silva Lima
|
7
|
-
* Version 1.1
|
7
|
+
* Version 1.2.1
|
8
8
|
* Licensed under the MIT license.
|
9
9
|
*/
|
10
10
|
(function($) {"use strict";
|
11
11
|
|
12
|
+
var nextId = 0;
|
13
|
+
|
12
14
|
var Filestyle = function(element, options) {
|
13
15
|
this.options = options;
|
14
16
|
this.$elementFilestyle = [];
|
@@ -23,7 +25,7 @@
|
|
23
25
|
},
|
24
26
|
|
25
27
|
destroy : function() {
|
26
|
-
this.$element.removeAttr('style').removeData('filestyle')
|
28
|
+
this.$element.removeAttr('style').removeData('filestyle');
|
27
29
|
this.$elementFilestyle.remove();
|
28
30
|
},
|
29
31
|
|
@@ -78,7 +80,7 @@
|
|
78
80
|
} else if (value === false) {
|
79
81
|
if (this.options.icon) {
|
80
82
|
this.options.icon = false;
|
81
|
-
this.$elementFilestyle.find('.
|
83
|
+
this.$elementFilestyle.find('.icon-span-filestyle').remove();
|
82
84
|
}
|
83
85
|
} else {
|
84
86
|
return this.options.icon;
|
@@ -132,10 +134,19 @@
|
|
132
134
|
}
|
133
135
|
},
|
134
136
|
|
137
|
+
placeholder : function(value) {
|
138
|
+
if (value !== undefined) {
|
139
|
+
this.options.placeholder = value;
|
140
|
+
this.$elementFilestyle.find('input').attr('placeholder', value);
|
141
|
+
} else {
|
142
|
+
return this.options.placeholder;
|
143
|
+
}
|
144
|
+
},
|
145
|
+
|
135
146
|
buttonText : function(value) {
|
136
147
|
if (value !== undefined) {
|
137
148
|
this.options.buttonText = value;
|
138
|
-
this.$elementFilestyle.find('label
|
149
|
+
this.$elementFilestyle.find('label .buttonText').html(this.options.buttonText);
|
139
150
|
} else {
|
140
151
|
return this.options.buttonText;
|
141
152
|
}
|
@@ -154,8 +165,8 @@
|
|
154
165
|
|
155
166
|
iconName : function(value) {
|
156
167
|
if (value !== undefined) {
|
157
|
-
this.$elementFilestyle.find('.
|
158
|
-
'class' : '
|
168
|
+
this.$elementFilestyle.find('.icon-span-filestyle').attr({
|
169
|
+
'class' : 'icon-span-filestyle ' + this.options.iconName
|
159
170
|
});
|
160
171
|
} else {
|
161
172
|
return this.options.iconName;
|
@@ -164,7 +175,7 @@
|
|
164
175
|
|
165
176
|
htmlIcon : function() {
|
166
177
|
if (this.options.icon) {
|
167
|
-
return '<span class="
|
178
|
+
return '<span class="icon-span-filestyle ' + this.options.iconName + '"></span> ';
|
168
179
|
} else {
|
169
180
|
return '';
|
170
181
|
}
|
@@ -172,7 +183,7 @@
|
|
172
183
|
|
173
184
|
htmlInput : function() {
|
174
185
|
if (this.options.input) {
|
175
|
-
return '<input type="text" class="form-control ' + (this.options.size == 'nr' ? '' : 'input-' + this.options.size) + '" disabled> ';
|
186
|
+
return '<input type="text" class="form-control ' + (this.options.size == 'nr' ? '' : 'input-' + this.options.size) + '" placeholder="'+ this.options.placeholder +'" disabled> ';
|
176
187
|
} else {
|
177
188
|
return '';
|
178
189
|
}
|
@@ -212,26 +223,27 @@
|
|
212
223
|
$label;
|
213
224
|
|
214
225
|
if (id === '' || !id) {
|
215
|
-
id = 'filestyle-' +
|
226
|
+
id = 'filestyle-' + nextId;
|
216
227
|
_self.$element.attr({
|
217
228
|
'id' : id
|
218
229
|
});
|
230
|
+
nextId++;
|
219
231
|
}
|
220
232
|
|
221
233
|
btn = '<span class="group-span-filestyle ' + (_self.options.input ? 'input-group-btn' : '') + '">' +
|
222
|
-
|
223
|
-
|
224
|
-
|
225
|
-
|
226
|
-
|
227
|
-
|
234
|
+
'<label for="' + id + '" class="btn ' + _self.options.buttonName + ' ' +
|
235
|
+
(_self.options.size == 'nr' ? '' : 'btn-' + _self.options.size) + '" ' +
|
236
|
+
(_self.options.disabled ? 'disabled="true"' : '') + '>' +
|
237
|
+
_self.htmlIcon() + '<span class="buttonText">' + _self.options.buttonText + '</span>' +
|
238
|
+
'</label>' +
|
239
|
+
'</span>';
|
228
240
|
|
229
241
|
html = _self.options.buttonBefore ? btn + _self.htmlInput() : _self.htmlInput() + btn;
|
230
242
|
|
231
243
|
_self.$elementFilestyle = $('<div class="bootstrap-filestyle input-group">' + html + '</div>');
|
232
244
|
_self.$elementFilestyle.find('.group-span-filestyle').attr('tabindex', "0").keypress(function(e) {
|
233
|
-
|
234
|
-
|
245
|
+
if (e.keyCode === 13 || e.charCode === 32) {
|
246
|
+
_self.$elementFilestyle.find('label').click();
|
235
247
|
return false;
|
236
248
|
}
|
237
249
|
});
|
@@ -301,14 +313,15 @@
|
|
301
313
|
|
302
314
|
$.fn.filestyle.defaults = {
|
303
315
|
'buttonText' : 'Choose file',
|
304
|
-
'iconName' : 'glyphicon-folder-open',
|
316
|
+
'iconName' : 'glyphicon glyphicon-folder-open',
|
305
317
|
'buttonName' : 'btn-default',
|
306
318
|
'size' : 'nr',
|
307
319
|
'input' : true,
|
308
320
|
'badge' : true,
|
309
321
|
'icon' : true,
|
310
322
|
'buttonBefore' : false,
|
311
|
-
'disabled' : false
|
323
|
+
'disabled' : false,
|
324
|
+
'placeholder': ''
|
312
325
|
};
|
313
326
|
|
314
327
|
$.fn.filestyle.noConflict = function() {
|
@@ -316,7 +329,6 @@
|
|
316
329
|
return this;
|
317
330
|
};
|
318
331
|
|
319
|
-
// Data attributes register
|
320
332
|
$(function() {
|
321
333
|
$('.filestyle').each(function() {
|
322
334
|
var $this = $(this), options = {
|
@@ -329,7 +341,8 @@
|
|
329
341
|
'buttonText' : $this.attr('data-buttonText'),
|
330
342
|
'buttonName' : $this.attr('data-buttonName'),
|
331
343
|
'iconName' : $this.attr('data-iconName'),
|
332
|
-
'badge' : $this.attr('data-badge') === 'false' ? false : true
|
344
|
+
'badge' : $this.attr('data-badge') === 'false' ? false : true,
|
345
|
+
'placeholder': $this.attr('data-placeholder')
|
333
346
|
};
|
334
347
|
|
335
348
|
$this.filestyle(options);
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bootstrap-filestyle-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.1
|
4
|
+
version: 1.2.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Mauricio Pasquier Juan
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2016-05-30 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -78,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
78
78
|
version: '0'
|
79
79
|
requirements: []
|
80
80
|
rubyforge_project:
|
81
|
-
rubygems_version: 2.
|
81
|
+
rubygems_version: 2.5.1
|
82
82
|
signing_key:
|
83
83
|
specification_version: 4
|
84
84
|
summary: Bootstrap Filestyle for the asset pipeline
|