bootsy 0.1.7 → 0.1.8
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +2 -2
- data/app/assets/javascripts/bootsy/bootstrap-wysihtml5.js +146 -129
- data/app/assets/javascripts/bootsy/{bootsy.js.erb → bootsy.js} +67 -23
- data/app/assets/javascripts/bootsy/locales/bootsy.pt-BR.js +8 -0
- data/app/assets/stylesheets/bootsy/bootstrap-wysihtml5.css +1 -1
- data/app/helpers/bootsy/application_helper.rb +1 -1
- data/config/locales/en.yml +1 -3
- data/config/locales/pt-BR.yml +1 -3
- data/lib/bootsy/form_helper.rb +10 -26
- data/lib/bootsy/version.rb +1 -1
- metadata +33 -32
data/README.md
CHANGED
|
@@ -106,12 +106,12 @@ You can set the image sizes available (small, medium, large and/or its original)
|
|
|
106
106
|
|
|
107
107
|
## I18n
|
|
108
108
|
|
|
109
|
-
Bootsy defines some i18n keys. The english translation is automatically added to your `config/locales` directory as `bootsy.en.yml`. You can follow that template in order to translate Bootsy
|
|
109
|
+
Bootsy defines some i18n keys. The ruby english translation is automatically added to your `config/locales` directory as `bootsy.en.yml`. You can follow that template in order to translate Bootsy to your language. You can find some examples [here](https://github.com/volmer/bootsy/tree/master/config/locales). It is also necessary to add a translation for Bootstrap-wysihtml5, the javascript editor, in your assets pipeline. Instructions [here](https://github.com/jhollingworth/bootstrap-wysihtml5#i18n). If you are using the alert for unsaved changes, you have to define a translation for it as well. Just follow [this example](https://github.com/volmer/bootsy/tree/master/app/assets/bootsy/locales/bootsy.pt-BR.js).
|
|
110
110
|
|
|
111
111
|
|
|
112
112
|
## Mongoid support
|
|
113
113
|
|
|
114
|
-
|
|
114
|
+
By default, Bootsy only supports ActiveRecord. In order to use Bootsy with Mongoid, please use [Bootsy-Mongoid](https://github.com/volmer/bootsy-mongoid) instead.
|
|
115
115
|
|
|
116
116
|
|
|
117
117
|
## Bootsy with SimpleForm
|
|
@@ -1,116 +1,129 @@
|
|
|
1
1
|
!function($, wysi) {
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"<
|
|
73
|
-
"</
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
"
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
"</li>"
|
|
106
|
-
|
|
107
|
-
|
|
4
|
+
var tpl = {
|
|
5
|
+
"font-styles": function(locale, options) {
|
|
6
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
7
|
+
return "<li class='dropdown'>" +
|
|
8
|
+
"<a class='btn dropdown-toggle" + size + "' data-toggle='dropdown' href='#'>" +
|
|
9
|
+
"<i class='icon-font'></i> <span class='current-font'>" + locale.font_styles.normal + "</span> <b class='caret'></b>" +
|
|
10
|
+
"</a>" +
|
|
11
|
+
"<ul class='dropdown-menu'>" +
|
|
12
|
+
"<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='div' tabindex='-1'>" + locale.font_styles.normal + "</a></li>" +
|
|
13
|
+
"<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h1' tabindex='-1'>" + locale.font_styles.h1 + "</a></li>" +
|
|
14
|
+
"<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h2' tabindex='-1'>" + locale.font_styles.h2 + "</a></li>" +
|
|
15
|
+
"<li><a data-wysihtml5-command='formatBlock' data-wysihtml5-command-value='h3' tabindex='-1'>" + locale.font_styles.h3 + "</a></li>" +
|
|
16
|
+
"</ul>" +
|
|
17
|
+
"</li>";
|
|
18
|
+
},
|
|
19
|
+
|
|
20
|
+
"emphasis": function(locale, options) {
|
|
21
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
22
|
+
return "<li>" +
|
|
23
|
+
"<div class='btn-group'>" +
|
|
24
|
+
"<a class='btn" + size + "' data-wysihtml5-command='bold' title='CTRL+B' tabindex='-1'>" + locale.emphasis.bold + "</a>" +
|
|
25
|
+
"<a class='btn" + size + "' data-wysihtml5-command='italic' title='CTRL+I' tabindex='-1'>" + locale.emphasis.italic + "</a>" +
|
|
26
|
+
"<a class='btn" + size + "' data-wysihtml5-command='underline' title='CTRL+U' tabindex='-1'>" + locale.emphasis.underline + "</a>" +
|
|
27
|
+
"</div>" +
|
|
28
|
+
"</li>";
|
|
29
|
+
},
|
|
30
|
+
|
|
31
|
+
"lists": function(locale, options) {
|
|
32
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
33
|
+
return "<li>" +
|
|
34
|
+
"<div class='btn-group'>" +
|
|
35
|
+
"<a class='btn" + size + "' data-wysihtml5-command='insertUnorderedList' title='" + locale.lists.unordered + "' tabindex='-1'><i class='icon-list'></i></a>" +
|
|
36
|
+
"<a class='btn" + size + "' data-wysihtml5-command='insertOrderedList' title='" + locale.lists.ordered + "' tabindex='-1'><i class='icon-th-list'></i></a>" +
|
|
37
|
+
"<a class='btn" + size + "' data-wysihtml5-command='Outdent' title='" + locale.lists.outdent + "' tabindex='-1'><i class='icon-indent-right'></i></a>" +
|
|
38
|
+
"<a class='btn" + size + "' data-wysihtml5-command='Indent' title='" + locale.lists.indent + "' tabindex='-1'><i class='icon-indent-left'></i></a>" +
|
|
39
|
+
"</div>" +
|
|
40
|
+
"</li>";
|
|
41
|
+
},
|
|
42
|
+
|
|
43
|
+
"link": function(locale, options) {
|
|
44
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
45
|
+
return "<li>" +
|
|
46
|
+
"<div class='bootstrap-wysihtml5-insert-link-modal modal hide fade'>" +
|
|
47
|
+
"<div class='modal-header'>" +
|
|
48
|
+
"<a class='close' data-dismiss='modal'>×</a>" +
|
|
49
|
+
"<h3>" + locale.link.insert + "</h3>" +
|
|
50
|
+
"</div>" +
|
|
51
|
+
"<div class='modal-body'>" +
|
|
52
|
+
"<input value='http://' class='bootstrap-wysihtml5-insert-link-url input-xlarge'>" +
|
|
53
|
+
"</div>" +
|
|
54
|
+
"<div class='modal-footer'>" +
|
|
55
|
+
"<a href='#' class='btn' data-dismiss='modal'>" + locale.link.cancel + "</a>" +
|
|
56
|
+
"<a href='#' class='btn btn-primary' data-dismiss='modal'>" + locale.link.insert + "</a>" +
|
|
57
|
+
"</div>" +
|
|
58
|
+
"</div>" +
|
|
59
|
+
"<a class='btn" + size + "' data-wysihtml5-command='createLink' title='" + locale.link.insert + "' tabindex='-1'><i class='icon-share'></i></a>" +
|
|
60
|
+
"</li>";
|
|
61
|
+
},
|
|
62
|
+
|
|
63
|
+
"image": function(locale, options) {
|
|
64
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
65
|
+
return "<li>" +
|
|
66
|
+
"<div class='bootstrap-wysihtml5-insert-image-modal modal hide fade'>" +
|
|
67
|
+
"<div class='modal-header'>" +
|
|
68
|
+
"<a class='close' data-dismiss='modal'>×</a>" +
|
|
69
|
+
"<h3>" + locale.image.insert + "</h3>" +
|
|
70
|
+
"</div>" +
|
|
71
|
+
"<div class='modal-body'>" +
|
|
72
|
+
"<input value='http://' class='bootstrap-wysihtml5-insert-image-url input-xlarge'>" +
|
|
73
|
+
"</div>" +
|
|
74
|
+
"<div class='modal-footer'>" +
|
|
75
|
+
"<a href='#' class='btn' data-dismiss='modal'>" + locale.image.cancel + "</a>" +
|
|
76
|
+
"<a href='#' class='btn btn-primary' data-dismiss='modal'>" + locale.image.insert + "</a>" +
|
|
77
|
+
"</div>" +
|
|
78
|
+
"</div>" +
|
|
79
|
+
"<a class='btn" + size + "' data-wysihtml5-command='insertImage' title='" + locale.image.insert + "' tabindex='-1'><i class='icon-picture'></i></a>" +
|
|
80
|
+
"</li>";
|
|
81
|
+
},
|
|
82
|
+
|
|
83
|
+
"html": function(locale, options) {
|
|
84
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
85
|
+
return "<li>" +
|
|
86
|
+
"<div class='btn-group'>" +
|
|
87
|
+
"<a class='btn" + size + "' data-wysihtml5-action='change_view' title='" + locale.html.edit + "' tabindex='-1'><i class='icon-pencil'></i></a>" +
|
|
88
|
+
"</div>" +
|
|
89
|
+
"</li>";
|
|
90
|
+
},
|
|
91
|
+
|
|
92
|
+
"color": function(locale, options) {
|
|
93
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
94
|
+
return "<li class='dropdown'>" +
|
|
95
|
+
"<a class='btn dropdown-toggle" + size + "' data-toggle='dropdown' href='#' tabindex='-1'>" +
|
|
96
|
+
"<span class='current-color'>" + locale.colours.black + "</span> <b class='caret'></b>" +
|
|
97
|
+
"</a>" +
|
|
98
|
+
"<ul class='dropdown-menu'>" +
|
|
99
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='black'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='black'>" + locale.colours.black + "</a></li>" +
|
|
100
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='silver'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='silver'>" + locale.colours.silver + "</a></li>" +
|
|
101
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='gray'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='gray'>" + locale.colours.gray + "</a></li>" +
|
|
102
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='maroon'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='maroon'>" + locale.colours.maroon + "</a></li>" +
|
|
103
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='red'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='red'>" + locale.colours.red + "</a></li>" +
|
|
104
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='purple'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='purple'>" + locale.colours.purple + "</a></li>" +
|
|
105
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='green'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='green'>" + locale.colours.green + "</a></li>" +
|
|
106
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='olive'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='olive'>" + locale.colours.olive + "</a></li>" +
|
|
107
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='navy'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='navy'>" + locale.colours.navy + "</a></li>" +
|
|
108
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='blue'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='blue'>" + locale.colours.blue + "</a></li>" +
|
|
109
|
+
"<li><div class='wysihtml5-colors' data-wysihtml5-command-value='orange'></div><a class='wysihtml5-colors-title' data-wysihtml5-command='foreColor' data-wysihtml5-command-value='orange'>" + locale.colours.orange + "</a></li>" +
|
|
110
|
+
"</ul>" +
|
|
111
|
+
"</li>";
|
|
112
|
+
}
|
|
113
|
+
};
|
|
114
|
+
|
|
115
|
+
var templates = function(key, locale, options) {
|
|
116
|
+
return tpl[key](locale, options);
|
|
108
117
|
};
|
|
109
118
|
|
|
110
119
|
|
|
111
120
|
var Wysihtml5 = function(el, options) {
|
|
112
121
|
this.el = el;
|
|
113
|
-
|
|
122
|
+
var toolbarOpts = options || defaultOptions;
|
|
123
|
+
for(var t in toolbarOpts.customTemplates) {
|
|
124
|
+
tpl[t] = toolbarOpts.customTemplates[t];
|
|
125
|
+
}
|
|
126
|
+
this.toolbar = this.createToolbar(el, toolbarOpts);
|
|
114
127
|
this.editor = this.createEditor(options);
|
|
115
128
|
|
|
116
129
|
window.editor = this.editor;
|
|
@@ -161,7 +174,7 @@
|
|
|
161
174
|
}
|
|
162
175
|
|
|
163
176
|
if(value === true) {
|
|
164
|
-
toolbar.append(templates(key, locale[culture]));
|
|
177
|
+
toolbar.append(templates(key, locale[culture], options));
|
|
165
178
|
|
|
166
179
|
if(key === "html") {
|
|
167
180
|
this.initHtml(toolbar);
|
|
@@ -175,8 +188,8 @@
|
|
|
175
188
|
this.initInsertImage(toolbar);
|
|
176
189
|
}
|
|
177
190
|
|
|
178
|
-
if(key == "
|
|
179
|
-
this.
|
|
191
|
+
if(key == "customCommand") {
|
|
192
|
+
this.initCustomCommand(toolbar, options.customCommandCallback);
|
|
180
193
|
}
|
|
181
194
|
}
|
|
182
195
|
}
|
|
@@ -217,10 +230,16 @@
|
|
|
217
230
|
var urlInput = insertImageModal.find('.bootstrap-wysihtml5-insert-image-url');
|
|
218
231
|
var insertButton = insertImageModal.find('a.btn-primary');
|
|
219
232
|
var initialValue = urlInput.val();
|
|
233
|
+
var caretBookmark;
|
|
220
234
|
|
|
221
235
|
var insertImage = function() {
|
|
222
236
|
var url = urlInput.val();
|
|
223
237
|
urlInput.val(initialValue);
|
|
238
|
+
self.editor.currentView.element.focus();
|
|
239
|
+
if (caretBookmark) {
|
|
240
|
+
self.editor.composer.selection.setBookmark(caretBookmark);
|
|
241
|
+
caretBookmark = null;
|
|
242
|
+
}
|
|
224
243
|
self.editor.composer.commands.exec("insertImage", url);
|
|
225
244
|
};
|
|
226
245
|
|
|
@@ -245,6 +264,8 @@
|
|
|
245
264
|
var activeButton = $(this).hasClass("wysihtml5-command-active");
|
|
246
265
|
|
|
247
266
|
if (!activeButton) {
|
|
267
|
+
self.editor.currentView.element.focus(false);
|
|
268
|
+
caretBookmark = self.editor.composer.selection.getBookmark();
|
|
248
269
|
insertImageModal.modal('show');
|
|
249
270
|
insertImageModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) {
|
|
250
271
|
e.stopPropagation();
|
|
@@ -257,12 +278,14 @@
|
|
|
257
278
|
});
|
|
258
279
|
},
|
|
259
280
|
|
|
260
|
-
|
|
261
|
-
|
|
281
|
+
initCustomCommand: function(toolbar, callback) {
|
|
282
|
+
var self = this;
|
|
283
|
+
|
|
284
|
+
toolbar.find('a[data-wysihtml5-command=customCommand]').click(function() {
|
|
262
285
|
var activeButton = $(this).hasClass("wysihtml5-command-active");
|
|
263
286
|
|
|
264
287
|
if (!activeButton) {
|
|
265
|
-
callback(
|
|
288
|
+
callback(self.editor);
|
|
266
289
|
return false;
|
|
267
290
|
}
|
|
268
291
|
else {
|
|
@@ -277,10 +300,16 @@
|
|
|
277
300
|
var urlInput = insertLinkModal.find('.bootstrap-wysihtml5-insert-link-url');
|
|
278
301
|
var insertButton = insertLinkModal.find('a.btn-primary');
|
|
279
302
|
var initialValue = urlInput.val();
|
|
303
|
+
var caretBookmark;
|
|
280
304
|
|
|
281
305
|
var insertLink = function() {
|
|
282
306
|
var url = urlInput.val();
|
|
283
307
|
urlInput.val(initialValue);
|
|
308
|
+
self.editor.currentView.element.focus();
|
|
309
|
+
if (caretBookmark) {
|
|
310
|
+
self.editor.composer.selection.setBookmark(caretBookmark);
|
|
311
|
+
caretBookmark = null;
|
|
312
|
+
}
|
|
284
313
|
self.editor.composer.commands.exec("createLink", {
|
|
285
314
|
href: url,
|
|
286
315
|
target: "_blank",
|
|
@@ -310,7 +339,9 @@
|
|
|
310
339
|
var activeButton = $(this).hasClass("wysihtml5-command-active");
|
|
311
340
|
|
|
312
341
|
if (!activeButton) {
|
|
313
|
-
|
|
342
|
+
self.editor.currentView.element.focus(false);
|
|
343
|
+
caretBookmark = self.editor.composer.selection.getBookmark();
|
|
344
|
+
insertLinkModal.appendTo('body').modal('show');
|
|
314
345
|
insertLinkModal.on('click.dismiss.modal', '[data-dismiss="modal"]', function(e) {
|
|
315
346
|
e.stopPropagation();
|
|
316
347
|
});
|
|
@@ -370,8 +401,7 @@
|
|
|
370
401
|
"html": false,
|
|
371
402
|
"link": true,
|
|
372
403
|
"image": true,
|
|
373
|
-
|
|
374
|
-
imageUploadCallback: undefined,
|
|
404
|
+
customCommand: false,
|
|
375
405
|
events: {},
|
|
376
406
|
parserRules: {
|
|
377
407
|
classes: {
|
|
@@ -391,9 +421,7 @@
|
|
|
391
421
|
"wysiwyg-color-blue" : 1,
|
|
392
422
|
"wysiwyg-color-teal" : 1,
|
|
393
423
|
"wysiwyg-color-aqua" : 1,
|
|
394
|
-
"wysiwyg-color-orange" : 1
|
|
395
|
-
"wysiwyg-float-left": 1,
|
|
396
|
-
"wysiwyg-float-right": 1
|
|
424
|
+
"wysiwyg-color-orange" : 1
|
|
397
425
|
},
|
|
398
426
|
tags: {
|
|
399
427
|
"b": {},
|
|
@@ -406,23 +434,13 @@
|
|
|
406
434
|
"h2": {},
|
|
407
435
|
"h3": {},
|
|
408
436
|
"blockquote": {},
|
|
409
|
-
"small": {},
|
|
410
|
-
"p": {},
|
|
411
|
-
"cite": {
|
|
412
|
-
"check_attributes": {
|
|
413
|
-
"title": "alt"
|
|
414
|
-
}
|
|
415
|
-
},
|
|
416
437
|
"u": 1,
|
|
417
438
|
"img": {
|
|
418
439
|
"check_attributes": {
|
|
419
440
|
"width": "numbers",
|
|
420
441
|
"alt": "alt",
|
|
421
|
-
"src": "
|
|
442
|
+
"src": "url",
|
|
422
443
|
"height": "numbers"
|
|
423
|
-
},
|
|
424
|
-
"add_class": {
|
|
425
|
-
"align": "align_img"
|
|
426
444
|
}
|
|
427
445
|
},
|
|
428
446
|
"a": {
|
|
@@ -493,4 +511,3 @@
|
|
|
493
511
|
};
|
|
494
512
|
|
|
495
513
|
}(window.jQuery, window.wysihtml5);
|
|
496
|
-
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
<%# encoding: UTF-8 %>
|
|
2
|
-
|
|
3
1
|
window.Bootsy = (function(){
|
|
4
2
|
|
|
5
|
-
var Bootsy = {unsavedChanges: false, editor: false, editorOptions: {}, eventCallbacks: {'loaded': []}, triggeredEvents: []};
|
|
3
|
+
var Bootsy = {caretBookmark: false, unsavedChanges: false, editor: false, editorOptions: {}, eventCallbacks: {'loaded': []}, triggeredEvents: []};
|
|
4
|
+
|
|
5
|
+
Bootsy.translations = {
|
|
6
|
+
en: {
|
|
7
|
+
alert_unsaved: 'You have unsaved changes.'
|
|
8
|
+
}
|
|
9
|
+
};
|
|
6
10
|
|
|
7
11
|
Bootsy.on = function(eventName, callback){
|
|
8
12
|
Bootsy.eventCallbacks[eventName].push(callback);
|
|
@@ -33,41 +37,86 @@ window.Bootsy = (function(){
|
|
|
33
37
|
};
|
|
34
38
|
|
|
35
39
|
Bootsy.openImageGallery = function(editor){
|
|
40
|
+
editor.currentView.element.focus(false);
|
|
41
|
+
Bootsy.caretBookmark = editor.composer.selection.getBookmark();
|
|
36
42
|
$('#bootsy_image_gallery').modal('show');
|
|
37
43
|
};
|
|
38
44
|
|
|
39
45
|
Bootsy.insertImage = function(image, editor){
|
|
40
46
|
$('#bootsy_image_gallery').modal('hide');
|
|
47
|
+
editor.currentView.element.focus();
|
|
48
|
+
if (Bootsy.caretBookmark) {
|
|
49
|
+
editor.composer.selection.setBookmark(Bootsy.caretBookmark);
|
|
50
|
+
Bootsy.caretBookmark = null;
|
|
51
|
+
}
|
|
41
52
|
editor.composer.commands.exec("insertImage", image);
|
|
42
53
|
}
|
|
43
54
|
|
|
44
55
|
Bootsy.alertUnsavedChanges = function(){
|
|
45
56
|
if(Bootsy.unsavedChanges){
|
|
46
|
-
return
|
|
57
|
+
return Bootsy.translations[Bootsy.locale].alert_unsaved;
|
|
47
58
|
}
|
|
48
59
|
};
|
|
49
60
|
|
|
50
61
|
Bootsy.ready = function(){
|
|
51
62
|
if($('textarea.bootsy_text_area').length > 0){
|
|
52
|
-
|
|
53
|
-
|
|
63
|
+
Bootsy.locale = $('textarea.bootsy_text_area').attr('data-locale');
|
|
64
|
+
|
|
65
|
+
var templates = {
|
|
66
|
+
customCommand: function(locale, options) {
|
|
67
|
+
var size = (options && options.size) ? ' btn-'+options.size : '';
|
|
68
|
+
return "<li>" +
|
|
69
|
+
"<a class='btn" + size + "' data-wysihtml5-command='customCommand' title='" + locale.image.insert + "' tabindex='-1'><i class='icon-picture'></i></a>" +
|
|
70
|
+
"</li>";
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
Bootsy.editorOptions = {
|
|
75
|
+
parserRules: {
|
|
76
|
+
classes: {
|
|
77
|
+
"wysiwyg-float-left": 1,
|
|
78
|
+
"wysiwyg-float-right": 1
|
|
79
|
+
},
|
|
80
|
+
|
|
81
|
+
tags: {
|
|
82
|
+
"small": {},
|
|
83
|
+
"p": {},
|
|
84
|
+
"cite": {
|
|
85
|
+
"check_attributes": {
|
|
86
|
+
"title": "alt"
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
"img": {
|
|
90
|
+
"check_attributes": {
|
|
91
|
+
"src": "src"
|
|
92
|
+
},
|
|
93
|
+
"add_class": {
|
|
94
|
+
"align": "align_img"
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
color: true,
|
|
100
|
+
locale: Bootsy.locale,
|
|
101
|
+
customTemplates: templates
|
|
102
|
+
};
|
|
54
103
|
|
|
55
104
|
Bootsy.editorOptions.stylesheets = ["/assets/bootsy/bootsy.css"];
|
|
56
105
|
|
|
57
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
106
|
+
if($('textarea.bootsy_text_area').attr('data-image') == 'false'){
|
|
58
107
|
Bootsy.editorOptions.image = false;
|
|
59
108
|
}else{
|
|
60
109
|
|
|
61
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
110
|
+
if($('textarea.bootsy_text_area').attr('data-uploader') != 'false'){
|
|
62
111
|
Bootsy.editorOptions.image = false;
|
|
63
|
-
Bootsy.editorOptions.
|
|
64
|
-
Bootsy.editorOptions.
|
|
112
|
+
Bootsy.editorOptions.customCommand = true;
|
|
113
|
+
Bootsy.editorOptions.customCommandCallback = Bootsy.openImageGallery;
|
|
65
114
|
|
|
66
115
|
element = $('#bootsy_image_gallery');
|
|
67
116
|
|
|
68
117
|
element.parents('form').after(element);
|
|
69
118
|
|
|
70
|
-
element.
|
|
119
|
+
element.on('click', 'a.refresh_btn', function(e){
|
|
71
120
|
$(this).hide();
|
|
72
121
|
Bootsy.progressBar(element);
|
|
73
122
|
});
|
|
@@ -76,11 +125,6 @@ window.Bootsy = (function(){
|
|
|
76
125
|
Bootsy.progressBar(element);
|
|
77
126
|
});
|
|
78
127
|
|
|
79
|
-
// element.find('#new_image').live('ajax:before', function(e){
|
|
80
|
-
// console.log('sending...')
|
|
81
|
-
// Bootsy.progressBar(element);
|
|
82
|
-
// });
|
|
83
|
-
|
|
84
128
|
element.modal({show: false});
|
|
85
129
|
element.on('shown', function(){
|
|
86
130
|
Bootsy.refreshGallery(element);
|
|
@@ -94,7 +138,7 @@ window.Bootsy = (function(){
|
|
|
94
138
|
e.stopPropagation();
|
|
95
139
|
});
|
|
96
140
|
|
|
97
|
-
element.
|
|
141
|
+
element.on('click', 'ul.dropdown-menu a.insert', function(e){
|
|
98
142
|
var imagePrefix = "/"+$(this).attr('data-image-size')+"_";
|
|
99
143
|
if($(this).attr('data-image-size') == 'original'){
|
|
100
144
|
imagePrefix = '/';
|
|
@@ -112,12 +156,12 @@ window.Bootsy = (function(){
|
|
|
112
156
|
}
|
|
113
157
|
}
|
|
114
158
|
|
|
115
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
116
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
117
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
118
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
119
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
120
|
-
if($('textarea.bootsy_text_area').attr('data-
|
|
159
|
+
if($('textarea.bootsy_text_area').attr('data-font-styles') == 'false') Bootsy.editorOptions['font-styles'] = false;
|
|
160
|
+
if($('textarea.bootsy_text_area').attr('data-emphasis') == 'false') Bootsy.editorOptions.emphasis = false;
|
|
161
|
+
if($('textarea.bootsy_text_area').attr('data-lists') == 'false') Bootsy.editorOptions.lists = false;
|
|
162
|
+
if($('textarea.bootsy_text_area').attr('data-html') == 'true') Bootsy.editorOptions.html = true;
|
|
163
|
+
if($('textarea.bootsy_text_area').attr('data-link') == 'false') Bootsy.editorOptions.link = false;
|
|
164
|
+
if($('textarea.bootsy_text_area').attr('data-color') == 'false') Bootsy.editorOptions.color = false;
|
|
121
165
|
|
|
122
166
|
Bootsy.editor = $('textarea.bootsy_text_area').wysihtml5(Bootsy.editorOptions).data("wysihtml5").editor;
|
|
123
167
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
module Bootsy
|
|
2
2
|
module ApplicationHelper
|
|
3
3
|
def refresh_btn gallery, collection
|
|
4
|
-
link_to t('bootsy.refresh'), [bootsy, resource_or_nil(gallery), collection], remote: true, :class => 'btn btn-mini refresh_btn'
|
|
4
|
+
link_to t('bootsy.action.refresh'), [bootsy, resource_or_nil(gallery), collection], remote: true, :class => 'btn btn-mini refresh_btn'
|
|
5
5
|
end
|
|
6
6
|
|
|
7
7
|
def resource_or_nil resource
|
data/config/locales/en.yml
CHANGED
data/config/locales/pt-BR.yml
CHANGED
data/lib/bootsy/form_helper.rb
CHANGED
|
@@ -1,43 +1,27 @@
|
|
|
1
1
|
module Bootsy
|
|
2
2
|
module FormHelper
|
|
3
3
|
def bootsy_area object, method, options = {}
|
|
4
|
-
|
|
5
4
|
foreign_container = options.delete :container
|
|
6
|
-
enable_uploader = true
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
end
|
|
6
|
+
data = options.delete(:editor_options) || {}
|
|
7
|
+
data[:locale] = I18n.locale
|
|
11
8
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
unless editor_options.nil?
|
|
15
|
-
enable_uploader = false if editor_options[:uploader] == false
|
|
16
|
-
options[:'data-alert-unsaved'] = 'false' if editor_options[:alert_unsaved] == false
|
|
17
|
-
options[:'data-enable-font-styles'] = 'false' if editor_options[:font_styles] == false
|
|
18
|
-
options[:'data-enable-emphasis'] = 'false' if editor_options[:emphasis] == false
|
|
19
|
-
options[:'data-enable-lists'] = 'false' if editor_options[:lists] == false
|
|
20
|
-
options[:'data-enable-html'] = 'true' if editor_options[:html] == true
|
|
21
|
-
options[:'data-enable-link'] = 'false' if editor_options[:link] == false
|
|
22
|
-
options[:'data-enable-image'] = 'false' if editor_options[:image] == false
|
|
23
|
-
options[:'data-enable-color'] = 'false' if editor_options[:color] == false
|
|
24
|
-
end
|
|
9
|
+
data[:uploader] = false unless foreign_container.kind_of?(Container) || (foreign_container.nil? && object.kind_of?(Container))
|
|
25
10
|
|
|
26
|
-
|
|
11
|
+
enable_uploader = !(data[:uploader] == false)
|
|
12
|
+
|
|
13
|
+
options[:data] = options[:data] ? options[:data] + data : data
|
|
27
14
|
|
|
28
15
|
object_name = object.class.name.underscore
|
|
29
16
|
|
|
30
|
-
output =
|
|
31
|
-
|
|
32
|
-
output = self.render 'bootsy/images/modal', {container: foreign_container || object} if enable_uploader
|
|
17
|
+
output = enable_uploader ? self.render('bootsy/images/modal', {container: foreign_container || object}) : raw('')
|
|
33
18
|
|
|
34
19
|
options[:class] = (options[:class].nil? ? [] : (options[:class].kind_of?(Array) ? options[:class] : [options[:class]])) + [:bootsy_text_area]
|
|
20
|
+
|
|
35
21
|
output += self.text_area object_name, method, options
|
|
36
22
|
|
|
37
|
-
if enable_uploader
|
|
38
|
-
|
|
39
|
-
output += self.hidden_field object_name, :bootsy_image_gallery_id, :class => 'bootsy_image_gallery_id'
|
|
40
|
-
end
|
|
23
|
+
if enable_uploader && (foreign_container.nil? || (foreign_container == object))
|
|
24
|
+
output += self.hidden_field object_name, :bootsy_image_gallery_id, :class => 'bootsy_image_gallery_id'
|
|
41
25
|
end
|
|
42
26
|
|
|
43
27
|
output
|
data/lib/bootsy/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bootsy
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.8
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date:
|
|
12
|
+
date: 2013-02-10 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: mini_magick
|
|
@@ -34,7 +34,7 @@ dependencies:
|
|
|
34
34
|
requirements:
|
|
35
35
|
- - ~>
|
|
36
36
|
- !ruby/object:Gem::Version
|
|
37
|
-
version: 0.
|
|
37
|
+
version: 0.8.0
|
|
38
38
|
type: :runtime
|
|
39
39
|
prerelease: false
|
|
40
40
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -42,7 +42,7 @@ dependencies:
|
|
|
42
42
|
requirements:
|
|
43
43
|
- - ~>
|
|
44
44
|
- !ruby/object:Gem::Version
|
|
45
|
-
version: 0.
|
|
45
|
+
version: 0.8.0
|
|
46
46
|
- !ruby/object:Gem::Dependency
|
|
47
47
|
name: remotipart
|
|
48
48
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -98,7 +98,7 @@ dependencies:
|
|
|
98
98
|
requirements:
|
|
99
99
|
- - ~>
|
|
100
100
|
- !ruby/object:Gem::Version
|
|
101
|
-
version: '2.
|
|
101
|
+
version: '2.12'
|
|
102
102
|
type: :development
|
|
103
103
|
prerelease: false
|
|
104
104
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -106,7 +106,7 @@ dependencies:
|
|
|
106
106
|
requirements:
|
|
107
107
|
- - ~>
|
|
108
108
|
- !ruby/object:Gem::Version
|
|
109
|
-
version: '2.
|
|
109
|
+
version: '2.12'
|
|
110
110
|
- !ruby/object:Gem::Dependency
|
|
111
111
|
name: factory_girl_rails
|
|
112
112
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -114,7 +114,7 @@ dependencies:
|
|
|
114
114
|
requirements:
|
|
115
115
|
- - ~>
|
|
116
116
|
- !ruby/object:Gem::Version
|
|
117
|
-
version: '4.
|
|
117
|
+
version: '4.2'
|
|
118
118
|
type: :development
|
|
119
119
|
prerelease: false
|
|
120
120
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -122,7 +122,7 @@ dependencies:
|
|
|
122
122
|
requirements:
|
|
123
123
|
- - ~>
|
|
124
124
|
- !ruby/object:Gem::Version
|
|
125
|
-
version: '4.
|
|
125
|
+
version: '4.2'
|
|
126
126
|
- !ruby/object:Gem::Dependency
|
|
127
127
|
name: database_cleaner
|
|
128
128
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -130,7 +130,7 @@ dependencies:
|
|
|
130
130
|
requirements:
|
|
131
131
|
- - ~>
|
|
132
132
|
- !ruby/object:Gem::Version
|
|
133
|
-
version: '0.
|
|
133
|
+
version: '0.9'
|
|
134
134
|
type: :development
|
|
135
135
|
prerelease: false
|
|
136
136
|
version_requirements: !ruby/object:Gem::Requirement
|
|
@@ -138,7 +138,7 @@ dependencies:
|
|
|
138
138
|
requirements:
|
|
139
139
|
- - ~>
|
|
140
140
|
- !ruby/object:Gem::Version
|
|
141
|
-
version: '0.
|
|
141
|
+
version: '0.9'
|
|
142
142
|
- !ruby/object:Gem::Dependency
|
|
143
143
|
name: cucumber-rails
|
|
144
144
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -163,44 +163,45 @@ extensions: []
|
|
|
163
163
|
extra_rdoc_files: []
|
|
164
164
|
files:
|
|
165
165
|
- app/uploaders/bootsy/image_uploader.rb
|
|
166
|
-
- app/views/bootsy/images/_index.html.erb
|
|
167
|
-
- app/views/bootsy/images/_new.html.erb
|
|
168
166
|
- app/views/bootsy/images/index.js.erb
|
|
169
|
-
- app/views/bootsy/images/
|
|
170
|
-
- app/views/bootsy/images/create.js.erb
|
|
167
|
+
- app/views/bootsy/images/_index.html.erb
|
|
171
168
|
- app/views/bootsy/images/destroy.js.erb
|
|
169
|
+
- app/views/bootsy/images/create.js.erb
|
|
170
|
+
- app/views/bootsy/images/_modal.html.erb
|
|
171
|
+
- app/views/bootsy/images/_new.html.erb
|
|
172
172
|
- app/controllers/bootsy/application_controller.rb
|
|
173
173
|
- app/controllers/bootsy/images_controller.rb
|
|
174
|
+
- app/helpers/bootsy/application_helper.rb
|
|
174
175
|
- app/assets/javascripts/bootsy.js
|
|
175
|
-
- app/assets/javascripts/bootsy/bootsy.js.erb
|
|
176
|
-
- app/assets/javascripts/bootsy/bootstrap-wysihtml5.js
|
|
177
|
-
- app/assets/javascripts/bootsy/wysihtml5.js
|
|
178
176
|
- app/assets/javascripts/bootsy/locales/bootstrap-wysihtml5.pt-BR.js
|
|
177
|
+
- app/assets/javascripts/bootsy/locales/bootsy.pt-BR.js
|
|
178
|
+
- app/assets/javascripts/bootsy/bootsy.js
|
|
179
|
+
- app/assets/javascripts/bootsy/wysihtml5.js
|
|
180
|
+
- app/assets/javascripts/bootsy/bootstrap-wysihtml5.js
|
|
179
181
|
- app/assets/stylesheets/bootsy.css
|
|
180
182
|
- app/assets/stylesheets/bootsy/bootstrap-wysihtml5.css
|
|
181
183
|
- app/assets/stylesheets/bootsy/bootsy.css
|
|
182
|
-
- app/helpers/bootsy/application_helper.rb
|
|
183
|
-
- config/cucumber.yml
|
|
184
|
-
- config/bootsy.yml
|
|
185
|
-
- config/routes.rb
|
|
186
|
-
- config/locales/pt-BR.yml
|
|
187
184
|
- config/locales/en.yml
|
|
188
|
-
-
|
|
185
|
+
- config/locales/pt-BR.yml
|
|
186
|
+
- config/routes.rb
|
|
187
|
+
- config/bootsy.yml
|
|
188
|
+
- config/cucumber.yml
|
|
189
189
|
- db/migrate/20120624171333_create_bootsy_images.rb
|
|
190
|
-
-
|
|
191
|
-
- lib/tasks/cucumber.rake
|
|
192
|
-
- lib/generators/bootsy/USAGE
|
|
190
|
+
- db/migrate/20120628124845_create_bootsy_image_galleries.rb
|
|
193
191
|
- lib/generators/bootsy/install_generator.rb
|
|
194
192
|
- lib/generators/bootsy/templates/bootsy.rb
|
|
193
|
+
- lib/generators/bootsy/USAGE
|
|
195
194
|
- lib/bootsy.rb
|
|
196
|
-
- lib/
|
|
197
|
-
- lib/
|
|
198
|
-
- lib/bootsy/activerecord/image.rb
|
|
195
|
+
- lib/tasks/bootsy_tasks.rake
|
|
196
|
+
- lib/tasks/cucumber.rake
|
|
199
197
|
- lib/bootsy/form_helper.rb
|
|
200
198
|
- lib/bootsy/version.rb
|
|
199
|
+
- lib/bootsy/activerecord/image_gallery.rb
|
|
200
|
+
- lib/bootsy/activerecord/image.rb
|
|
201
|
+
- lib/bootsy/core_ext.rb
|
|
201
202
|
- lib/bootsy/container.rb
|
|
202
|
-
- lib/bootsy/engine.rb
|
|
203
203
|
- lib/bootsy/form_builder.rb
|
|
204
|
+
- lib/bootsy/engine.rb
|
|
204
205
|
- MIT-LICENSE
|
|
205
206
|
- Rakefile
|
|
206
207
|
- README.md
|
|
@@ -218,7 +219,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
218
219
|
version: '0'
|
|
219
220
|
segments:
|
|
220
221
|
- 0
|
|
221
|
-
hash:
|
|
222
|
+
hash: 2775965369323801409
|
|
222
223
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
223
224
|
none: false
|
|
224
225
|
requirements:
|
|
@@ -227,7 +228,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
227
228
|
version: '0'
|
|
228
229
|
segments:
|
|
229
230
|
- 0
|
|
230
|
-
hash:
|
|
231
|
+
hash: 2775965369323801409
|
|
231
232
|
requirements: []
|
|
232
233
|
rubyforge_project:
|
|
233
234
|
rubygems_version: 1.8.24
|