toastr_rails 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +14 -0
- data/Gemfile +5 -0
- data/LICENSE.txt +22 -0
- data/README.md +59 -0
- data/Rakefile +1 -0
- data/app/assets/javascript/toastr.js +375 -0
- data/app/assets/javascript/toastr_rails.js +30 -0
- data/app/assets/styleseets/toastr.scss +199 -0
- data/app/assets/styleseets/toastr_rails.scss +5 -0
- data/app/views/toastr_rails/_flash.html.erb +5 -0
- data/lib/toastr_rails/engine.rb +2 -0
- data/lib/toastr_rails/version.rb +3 -0
- data/lib/toastr_rails.rb +6 -0
- data/toastr_rails.gemspec +23 -0
- metadata +86 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 789474bec8c486038978db98abe85423ce8110c5
|
4
|
+
data.tar.gz: 7e19b3d4cdbd50d204100c98f0a81b98866f6b69
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 57761eac1c9e67888cd7bcf5240b5289d8909b51e5e01cea9b83009574ea3e27221cf2b40c7ea09bff3eeb64d55d3146dba579f99510e738ab7361a4772238a2
|
7
|
+
data.tar.gz: bfd7653a6f6e13707b65865504ce976d190745091d25234d2f5a5830678a872f45dc9c3e4d3750e5bb219df09759124e31634c89dfe56a5f9a3209f52ae19f71
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2015 Stjepan Hadjic
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,59 @@
|
|
1
|
+
# ToastrRails
|
2
|
+
|
3
|
+
This is an opninionated [toaster](http://codeseven.github.io/toastr/demo.html) asset gem.
|
4
|
+
It sets some defaults, adds support for flash messages and assumes you have a navbar.
|
5
|
+
|
6
|
+
## Installation
|
7
|
+
|
8
|
+
Add this line to your application's Gemfile:
|
9
|
+
|
10
|
+
```ruby
|
11
|
+
gem 'toastr_rails'
|
12
|
+
```
|
13
|
+
|
14
|
+
And then execute:
|
15
|
+
|
16
|
+
$ bundle
|
17
|
+
|
18
|
+
## Usage
|
19
|
+
|
20
|
+
Add to your application.js and application.css:
|
21
|
+
|
22
|
+
//= require toastr_rails
|
23
|
+
|
24
|
+
You can put this in your layout/application.html file if you want to chach flash messages in a toast:
|
25
|
+
|
26
|
+
= render 'toastr_rails/flash'
|
27
|
+
|
28
|
+
## Defaults:
|
29
|
+
|
30
|
+
// javascript
|
31
|
+
toastr.options = {
|
32
|
+
"closeButton": true,
|
33
|
+
"debug": false,
|
34
|
+
"progressBar": true,
|
35
|
+
"positionClass": "toast-top-right",
|
36
|
+
"showDuration": "300",
|
37
|
+
"hideDuration": "1000",
|
38
|
+
"timeOut": "5000",
|
39
|
+
"extendedTimeOut": "1000",
|
40
|
+
"showEasing": "swing",
|
41
|
+
"hideEasing": "linear",
|
42
|
+
"showMethod": "fadeIn",
|
43
|
+
"hideMethod": "fadeOut"
|
44
|
+
};
|
45
|
+
|
46
|
+
// css
|
47
|
+
#toast-container{
|
48
|
+
top: 70px;
|
49
|
+
}
|
50
|
+
|
51
|
+
For all other options you can visit [http://codeseven.github.io/toastr/](http://codeseven.github.io/toastr/)
|
52
|
+
|
53
|
+
## Contributing
|
54
|
+
|
55
|
+
1. Fork it ( https://github.com/[my-github-username]/toastr_rails/fork )
|
56
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
57
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
58
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
59
|
+
5. Create a new Pull Request
|
data/Rakefile
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require 'bundler/gem_tasks'
|
@@ -0,0 +1,375 @@
|
|
1
|
+
/*
|
2
|
+
* Toastr
|
3
|
+
* Copyright 2012-2014
|
4
|
+
* Authors: John Papa, Hans Fjällemark, and Tim Ferrell.
|
5
|
+
* All Rights Reserved.
|
6
|
+
* Use, reproduction, distribution, and modification of this code is subject to the terms and
|
7
|
+
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
|
8
|
+
*
|
9
|
+
* ARIA Support: Greta Krafsig
|
10
|
+
*
|
11
|
+
* Project: https://github.com/CodeSeven/toastr
|
12
|
+
*/
|
13
|
+
; (function (define) {
|
14
|
+
define(['jquery'], function ($) {
|
15
|
+
return (function () {
|
16
|
+
var $container;
|
17
|
+
var listener;
|
18
|
+
var toastId = 0;
|
19
|
+
var toastType = {
|
20
|
+
error: 'error',
|
21
|
+
info: 'info',
|
22
|
+
success: 'success',
|
23
|
+
warning: 'warning'
|
24
|
+
};
|
25
|
+
|
26
|
+
var toastr = {
|
27
|
+
clear: clear,
|
28
|
+
remove: remove,
|
29
|
+
error: error,
|
30
|
+
getContainer: getContainer,
|
31
|
+
info: info,
|
32
|
+
options: {},
|
33
|
+
subscribe: subscribe,
|
34
|
+
success: success,
|
35
|
+
version: '2.1.0',
|
36
|
+
warning: warning
|
37
|
+
};
|
38
|
+
|
39
|
+
var previousToast;
|
40
|
+
|
41
|
+
return toastr;
|
42
|
+
|
43
|
+
//#region Accessible Methods
|
44
|
+
function error(message, title, optionsOverride) {
|
45
|
+
return notify({
|
46
|
+
type: toastType.error,
|
47
|
+
iconClass: getOptions().iconClasses.error,
|
48
|
+
message: message,
|
49
|
+
optionsOverride: optionsOverride,
|
50
|
+
title: title
|
51
|
+
});
|
52
|
+
}
|
53
|
+
|
54
|
+
function getContainer(options, create) {
|
55
|
+
if (!options) { options = getOptions(); }
|
56
|
+
$container = $('#' + options.containerId);
|
57
|
+
if ($container.length) {
|
58
|
+
return $container;
|
59
|
+
}
|
60
|
+
if (create) {
|
61
|
+
$container = createContainer(options);
|
62
|
+
}
|
63
|
+
return $container;
|
64
|
+
}
|
65
|
+
|
66
|
+
function info(message, title, optionsOverride) {
|
67
|
+
return notify({
|
68
|
+
type: toastType.info,
|
69
|
+
iconClass: getOptions().iconClasses.info,
|
70
|
+
message: message,
|
71
|
+
optionsOverride: optionsOverride,
|
72
|
+
title: title
|
73
|
+
});
|
74
|
+
}
|
75
|
+
|
76
|
+
function subscribe(callback) {
|
77
|
+
listener = callback;
|
78
|
+
}
|
79
|
+
|
80
|
+
function success(message, title, optionsOverride) {
|
81
|
+
return notify({
|
82
|
+
type: toastType.success,
|
83
|
+
iconClass: getOptions().iconClasses.success,
|
84
|
+
message: message,
|
85
|
+
optionsOverride: optionsOverride,
|
86
|
+
title: title
|
87
|
+
});
|
88
|
+
}
|
89
|
+
|
90
|
+
function warning(message, title, optionsOverride) {
|
91
|
+
return notify({
|
92
|
+
type: toastType.warning,
|
93
|
+
iconClass: getOptions().iconClasses.warning,
|
94
|
+
message: message,
|
95
|
+
optionsOverride: optionsOverride,
|
96
|
+
title: title
|
97
|
+
});
|
98
|
+
}
|
99
|
+
|
100
|
+
function clear($toastElement) {
|
101
|
+
var options = getOptions();
|
102
|
+
if (!$container) { getContainer(options); }
|
103
|
+
if (!clearToast($toastElement, options)) {
|
104
|
+
clearContainer(options);
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
function remove($toastElement) {
|
109
|
+
var options = getOptions();
|
110
|
+
if (!$container) { getContainer(options); }
|
111
|
+
if ($toastElement && $(':focus', $toastElement).length === 0) {
|
112
|
+
removeToast($toastElement);
|
113
|
+
return;
|
114
|
+
}
|
115
|
+
if ($container.children().length) {
|
116
|
+
$container.remove();
|
117
|
+
}
|
118
|
+
}
|
119
|
+
//#endregion
|
120
|
+
|
121
|
+
//#region Internal Methods
|
122
|
+
|
123
|
+
function clearContainer (options) {
|
124
|
+
var toastsToClear = $container.children();
|
125
|
+
for (var i = toastsToClear.length - 1; i >= 0; i--) {
|
126
|
+
clearToast($(toastsToClear[i]), options);
|
127
|
+
}
|
128
|
+
}
|
129
|
+
|
130
|
+
function clearToast ($toastElement, options) {
|
131
|
+
if ($toastElement && $(':focus', $toastElement).length === 0) {
|
132
|
+
$toastElement[options.hideMethod]({
|
133
|
+
duration: options.hideDuration,
|
134
|
+
easing: options.hideEasing,
|
135
|
+
complete: function () { removeToast($toastElement); }
|
136
|
+
});
|
137
|
+
return true;
|
138
|
+
}
|
139
|
+
return false;
|
140
|
+
}
|
141
|
+
|
142
|
+
function createContainer(options) {
|
143
|
+
$container = $('<div/>')
|
144
|
+
.attr('id', options.containerId)
|
145
|
+
.addClass(options.positionClass)
|
146
|
+
.attr('aria-live', 'polite')
|
147
|
+
.attr('role', 'alert');
|
148
|
+
|
149
|
+
$container.appendTo($(options.target));
|
150
|
+
return $container;
|
151
|
+
}
|
152
|
+
|
153
|
+
function getDefaults() {
|
154
|
+
return {
|
155
|
+
tapToDismiss: true,
|
156
|
+
toastClass: 'toast',
|
157
|
+
containerId: 'toast-container',
|
158
|
+
debug: false,
|
159
|
+
|
160
|
+
showMethod: 'fadeIn', //fadeIn, slideDown, and show are built into jQuery
|
161
|
+
showDuration: 300,
|
162
|
+
showEasing: 'swing', //swing and linear are built into jQuery
|
163
|
+
onShown: undefined,
|
164
|
+
hideMethod: 'fadeOut',
|
165
|
+
hideDuration: 1000,
|
166
|
+
hideEasing: 'swing',
|
167
|
+
onHidden: undefined,
|
168
|
+
|
169
|
+
extendedTimeOut: 1000,
|
170
|
+
iconClasses: {
|
171
|
+
error: 'toast-error',
|
172
|
+
info: 'toast-info',
|
173
|
+
success: 'toast-success',
|
174
|
+
warning: 'toast-warning'
|
175
|
+
},
|
176
|
+
iconClass: 'toast-info',
|
177
|
+
positionClass: 'toast-top-right',
|
178
|
+
timeOut: 5000, // Set timeOut and extendedTimeOut to 0 to make it sticky
|
179
|
+
titleClass: 'toast-title',
|
180
|
+
messageClass: 'toast-message',
|
181
|
+
target: 'body',
|
182
|
+
closeHtml: '<button type="button">×</button>',
|
183
|
+
newestOnTop: true,
|
184
|
+
preventDuplicates: false,
|
185
|
+
progressBar: false
|
186
|
+
};
|
187
|
+
}
|
188
|
+
|
189
|
+
function publish(args) {
|
190
|
+
if (!listener) { return; }
|
191
|
+
listener(args);
|
192
|
+
}
|
193
|
+
|
194
|
+
function notify(map) {
|
195
|
+
var options = getOptions(),
|
196
|
+
iconClass = map.iconClass || options.iconClass;
|
197
|
+
|
198
|
+
if (typeof (map.optionsOverride) !== 'undefined') {
|
199
|
+
options = $.extend(options, map.optionsOverride);
|
200
|
+
iconClass = map.optionsOverride.iconClass || iconClass;
|
201
|
+
}
|
202
|
+
|
203
|
+
if (options.preventDuplicates) {
|
204
|
+
if (map.message === previousToast) {
|
205
|
+
return;
|
206
|
+
} else {
|
207
|
+
previousToast = map.message;
|
208
|
+
}
|
209
|
+
}
|
210
|
+
|
211
|
+
toastId++;
|
212
|
+
|
213
|
+
$container = getContainer(options, true);
|
214
|
+
var intervalId = null,
|
215
|
+
$toastElement = $('<div/>'),
|
216
|
+
$titleElement = $('<div/>'),
|
217
|
+
$messageElement = $('<div/>'),
|
218
|
+
$progressElement = $('<div/>'),
|
219
|
+
$closeElement = $(options.closeHtml),
|
220
|
+
progressBar = {
|
221
|
+
intervalId: null,
|
222
|
+
hideEta: null,
|
223
|
+
maxHideTime: null
|
224
|
+
},
|
225
|
+
response = {
|
226
|
+
toastId: toastId,
|
227
|
+
state: 'visible',
|
228
|
+
startTime: new Date(),
|
229
|
+
options: options,
|
230
|
+
map: map
|
231
|
+
};
|
232
|
+
|
233
|
+
if (map.iconClass) {
|
234
|
+
$toastElement.addClass(options.toastClass).addClass(iconClass);
|
235
|
+
}
|
236
|
+
|
237
|
+
if (map.title) {
|
238
|
+
$titleElement.append(map.title).addClass(options.titleClass);
|
239
|
+
$toastElement.append($titleElement);
|
240
|
+
}
|
241
|
+
|
242
|
+
if (map.message) {
|
243
|
+
$messageElement.append(map.message).addClass(options.messageClass);
|
244
|
+
$toastElement.append($messageElement);
|
245
|
+
}
|
246
|
+
|
247
|
+
if (options.closeButton) {
|
248
|
+
$closeElement.addClass('toast-close-button').attr('role', 'button');
|
249
|
+
$toastElement.prepend($closeElement);
|
250
|
+
}
|
251
|
+
|
252
|
+
if (options.progressBar) {
|
253
|
+
$progressElement.addClass('toast-progress');
|
254
|
+
$toastElement.prepend($progressElement);
|
255
|
+
}
|
256
|
+
|
257
|
+
$toastElement.hide();
|
258
|
+
if (options.newestOnTop) {
|
259
|
+
$container.prepend($toastElement);
|
260
|
+
} else {
|
261
|
+
$container.append($toastElement);
|
262
|
+
}
|
263
|
+
$toastElement[options.showMethod](
|
264
|
+
{duration: options.showDuration, easing: options.showEasing, complete: options.onShown}
|
265
|
+
);
|
266
|
+
|
267
|
+
if (options.timeOut > 0) {
|
268
|
+
intervalId = setTimeout(hideToast, options.timeOut);
|
269
|
+
progressBar.maxHideTime = parseFloat(options.timeOut);
|
270
|
+
progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
|
271
|
+
if (options.progressBar) {
|
272
|
+
progressBar.intervalId = setInterval(updateProgress, 10);
|
273
|
+
}
|
274
|
+
}
|
275
|
+
|
276
|
+
$toastElement.hover(stickAround, delayedHideToast);
|
277
|
+
if (!options.onclick && options.tapToDismiss) {
|
278
|
+
$toastElement.click(hideToast);
|
279
|
+
}
|
280
|
+
|
281
|
+
if (options.closeButton && $closeElement) {
|
282
|
+
$closeElement.click(function (event) {
|
283
|
+
if (event.stopPropagation) {
|
284
|
+
event.stopPropagation();
|
285
|
+
} else if (event.cancelBubble !== undefined && event.cancelBubble !== true) {
|
286
|
+
event.cancelBubble = true;
|
287
|
+
}
|
288
|
+
hideToast(true);
|
289
|
+
});
|
290
|
+
}
|
291
|
+
|
292
|
+
if (options.onclick) {
|
293
|
+
$toastElement.click(function () {
|
294
|
+
options.onclick();
|
295
|
+
hideToast();
|
296
|
+
});
|
297
|
+
}
|
298
|
+
|
299
|
+
publish(response);
|
300
|
+
|
301
|
+
if (options.debug && console) {
|
302
|
+
console.log(response);
|
303
|
+
}
|
304
|
+
|
305
|
+
return $toastElement;
|
306
|
+
|
307
|
+
function hideToast(override) {
|
308
|
+
if ($(':focus', $toastElement).length && !override) {
|
309
|
+
return;
|
310
|
+
}
|
311
|
+
clearTimeout(progressBar.intervalId);
|
312
|
+
return $toastElement[options.hideMethod]({
|
313
|
+
duration: options.hideDuration,
|
314
|
+
easing: options.hideEasing,
|
315
|
+
complete: function () {
|
316
|
+
removeToast($toastElement);
|
317
|
+
if (options.onHidden && response.state !== 'hidden') {
|
318
|
+
options.onHidden();
|
319
|
+
}
|
320
|
+
response.state = 'hidden';
|
321
|
+
response.endTime = new Date();
|
322
|
+
publish(response);
|
323
|
+
}
|
324
|
+
});
|
325
|
+
}
|
326
|
+
|
327
|
+
function delayedHideToast() {
|
328
|
+
if (options.timeOut > 0 || options.extendedTimeOut > 0) {
|
329
|
+
intervalId = setTimeout(hideToast, options.extendedTimeOut);
|
330
|
+
progressBar.maxHideTime = parseFloat(options.extendedTimeOut);
|
331
|
+
progressBar.hideEta = new Date().getTime() + progressBar.maxHideTime;
|
332
|
+
}
|
333
|
+
}
|
334
|
+
|
335
|
+
function stickAround() {
|
336
|
+
clearTimeout(intervalId);
|
337
|
+
progressBar.hideEta = 0;
|
338
|
+
$toastElement.stop(true, true)[options.showMethod](
|
339
|
+
{duration: options.showDuration, easing: options.showEasing}
|
340
|
+
);
|
341
|
+
}
|
342
|
+
|
343
|
+
function updateProgress() {
|
344
|
+
var percentage = ((progressBar.hideEta - (new Date().getTime())) / progressBar.maxHideTime) * 100;
|
345
|
+
$progressElement.width(percentage + '%');
|
346
|
+
}
|
347
|
+
}
|
348
|
+
|
349
|
+
function getOptions() {
|
350
|
+
return $.extend({}, getDefaults(), toastr.options);
|
351
|
+
}
|
352
|
+
|
353
|
+
function removeToast($toastElement) {
|
354
|
+
if (!$container) { $container = getContainer(); }
|
355
|
+
if ($toastElement.is(':visible')) {
|
356
|
+
return;
|
357
|
+
}
|
358
|
+
$toastElement.remove();
|
359
|
+
$toastElement = null;
|
360
|
+
if ($container.children().length === 0) {
|
361
|
+
$container.remove();
|
362
|
+
previousToast = undefined;
|
363
|
+
}
|
364
|
+
}
|
365
|
+
//#endregion
|
366
|
+
|
367
|
+
})();
|
368
|
+
});
|
369
|
+
}(typeof define === 'function' && define.amd ? define : function (deps, factory) {
|
370
|
+
if (typeof module !== 'undefined' && module.exports) { //Node
|
371
|
+
module.exports = factory(require('jquery'));
|
372
|
+
} else {
|
373
|
+
window['toastr'] = factory(window['jQuery']);
|
374
|
+
}
|
375
|
+
}));
|
@@ -0,0 +1,30 @@
|
|
1
|
+
//= require 'toastr'
|
2
|
+
|
3
|
+
//toastr
|
4
|
+
toastr.options = {
|
5
|
+
"closeButton": true,
|
6
|
+
"debug": false,
|
7
|
+
"progressBar": true,
|
8
|
+
"positionClass": "toast-top-right",
|
9
|
+
"showDuration": "300",
|
10
|
+
"hideDuration": "1000",
|
11
|
+
"timeOut": "5000",
|
12
|
+
"extendedTimeOut": "1000",
|
13
|
+
"showEasing": "swing",
|
14
|
+
"hideEasing": "linear",
|
15
|
+
"showMethod": "fadeIn",
|
16
|
+
"hideMethod": "fadeOut"
|
17
|
+
};
|
18
|
+
|
19
|
+
var showToast = function(flash){
|
20
|
+
for(var i = 0; i < flash.length; i++ ){
|
21
|
+
msg = flash[i];
|
22
|
+
var type = {
|
23
|
+
notice: 'success',
|
24
|
+
alert: 'error',
|
25
|
+
warning: 'warning',
|
26
|
+
info: 'info'
|
27
|
+
};
|
28
|
+
toastr[type[msg[0]]](msg[1]);
|
29
|
+
}
|
30
|
+
};
|
@@ -0,0 +1,199 @@
|
|
1
|
+
.toast-title {
|
2
|
+
font-weight: bold;
|
3
|
+
}
|
4
|
+
.toast-message {
|
5
|
+
-ms-word-wrap: break-word;
|
6
|
+
word-wrap: break-word;
|
7
|
+
}
|
8
|
+
.toast-message a,
|
9
|
+
.toast-message label {
|
10
|
+
color: #ffffff;
|
11
|
+
}
|
12
|
+
.toast-message a:hover {
|
13
|
+
color: #cccccc;
|
14
|
+
text-decoration: none;
|
15
|
+
}
|
16
|
+
.toast-close-button {
|
17
|
+
position: relative;
|
18
|
+
right: -0.3em;
|
19
|
+
top: -0.3em;
|
20
|
+
float: right;
|
21
|
+
font-size: 20px;
|
22
|
+
font-weight: bold;
|
23
|
+
color: #ffffff;
|
24
|
+
-webkit-text-shadow: 0 1px 0 #ffffff;
|
25
|
+
text-shadow: 0 1px 0 #ffffff;
|
26
|
+
opacity: 0.8;
|
27
|
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
28
|
+
filter: alpha(opacity=80);
|
29
|
+
}
|
30
|
+
.toast-close-button:hover,
|
31
|
+
.toast-close-button:focus {
|
32
|
+
color: #000000;
|
33
|
+
text-decoration: none;
|
34
|
+
cursor: pointer;
|
35
|
+
opacity: 0.4;
|
36
|
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
37
|
+
filter: alpha(opacity=40);
|
38
|
+
}
|
39
|
+
/*Additional properties for button version
|
40
|
+
iOS requires the button element instead of an anchor tag.
|
41
|
+
If you want the anchor version, it requires `href="#"`.*/
|
42
|
+
button.toast-close-button {
|
43
|
+
padding: 0;
|
44
|
+
cursor: pointer;
|
45
|
+
background: transparent;
|
46
|
+
border: 0;
|
47
|
+
-webkit-appearance: none;
|
48
|
+
}
|
49
|
+
.toast-top-center {
|
50
|
+
top: 0;
|
51
|
+
right: 0;
|
52
|
+
width: 100%;
|
53
|
+
}
|
54
|
+
.toast-bottom-center {
|
55
|
+
bottom: 0;
|
56
|
+
right: 0;
|
57
|
+
width: 100%;
|
58
|
+
}
|
59
|
+
.toast-top-full-width {
|
60
|
+
top: 0;
|
61
|
+
right: 0;
|
62
|
+
width: 100%;
|
63
|
+
}
|
64
|
+
.toast-bottom-full-width {
|
65
|
+
bottom: 0;
|
66
|
+
right: 0;
|
67
|
+
width: 100%;
|
68
|
+
}
|
69
|
+
.toast-top-left {
|
70
|
+
top: 12px;
|
71
|
+
left: 12px;
|
72
|
+
}
|
73
|
+
.toast-top-right {
|
74
|
+
top: 12px;
|
75
|
+
right: 12px;
|
76
|
+
}
|
77
|
+
.toast-bottom-right {
|
78
|
+
right: 12px;
|
79
|
+
bottom: 12px;
|
80
|
+
}
|
81
|
+
.toast-bottom-left {
|
82
|
+
bottom: 12px;
|
83
|
+
left: 12px;
|
84
|
+
}
|
85
|
+
#toast-container {
|
86
|
+
position: fixed;
|
87
|
+
z-index: 999999;
|
88
|
+
/*overrides*/
|
89
|
+
|
90
|
+
}
|
91
|
+
#toast-container * {
|
92
|
+
-moz-box-sizing: border-box;
|
93
|
+
-webkit-box-sizing: border-box;
|
94
|
+
box-sizing: border-box;
|
95
|
+
}
|
96
|
+
#toast-container > div {
|
97
|
+
position: relative;
|
98
|
+
overflow: hidden;
|
99
|
+
margin: 0 0 6px;
|
100
|
+
padding: 15px 15px 15px 50px;
|
101
|
+
width: 300px;
|
102
|
+
-moz-border-radius: 3px 3px 3px 3px;
|
103
|
+
-webkit-border-radius: 3px 3px 3px 3px;
|
104
|
+
border-radius: 3px 3px 3px 3px;
|
105
|
+
background-position: 15px center;
|
106
|
+
background-repeat: no-repeat;
|
107
|
+
-moz-box-shadow: 0 0 12px #999999;
|
108
|
+
-webkit-box-shadow: 0 0 12px #999999;
|
109
|
+
box-shadow: 0 0 12px #999999;
|
110
|
+
color: #ffffff;
|
111
|
+
opacity: 0.8;
|
112
|
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
113
|
+
filter: alpha(opacity=80);
|
114
|
+
}
|
115
|
+
#toast-container > :hover {
|
116
|
+
-moz-box-shadow: 0 0 12px #000000;
|
117
|
+
-webkit-box-shadow: 0 0 12px #000000;
|
118
|
+
box-shadow: 0 0 12px #000000;
|
119
|
+
opacity: 1;
|
120
|
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
121
|
+
filter: alpha(opacity=100);
|
122
|
+
cursor: pointer;
|
123
|
+
}
|
124
|
+
#toast-container > .toast-info {
|
125
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
|
126
|
+
}
|
127
|
+
#toast-container > .toast-error {
|
128
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
|
129
|
+
}
|
130
|
+
#toast-container > .toast-success {
|
131
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
|
132
|
+
}
|
133
|
+
#toast-container > .toast-warning {
|
134
|
+
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
|
135
|
+
}
|
136
|
+
#toast-container.toast-top-center > div,
|
137
|
+
#toast-container.toast-bottom-center > div {
|
138
|
+
width: 300px;
|
139
|
+
margin: auto;
|
140
|
+
}
|
141
|
+
#toast-container.toast-top-full-width > div,
|
142
|
+
#toast-container.toast-bottom-full-width > div {
|
143
|
+
width: 96%;
|
144
|
+
margin: auto;
|
145
|
+
}
|
146
|
+
.toast {
|
147
|
+
background-color: #030303;
|
148
|
+
}
|
149
|
+
.toast-success {
|
150
|
+
background-color: #51a351;
|
151
|
+
}
|
152
|
+
.toast-error {
|
153
|
+
background-color: #bd362f;
|
154
|
+
}
|
155
|
+
.toast-info {
|
156
|
+
background-color: #2f96b4;
|
157
|
+
}
|
158
|
+
.toast-warning {
|
159
|
+
background-color: #f89406;
|
160
|
+
}
|
161
|
+
|
162
|
+
.toast-progress {
|
163
|
+
position: absolute;
|
164
|
+
left: 0;
|
165
|
+
bottom: 0;
|
166
|
+
height: 4px;
|
167
|
+
background-color: #000000;
|
168
|
+
opacity: 0.4;
|
169
|
+
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
170
|
+
filter: alpha(opacity=40);
|
171
|
+
}
|
172
|
+
|
173
|
+
/*Responsive Design*/
|
174
|
+
@media all and (max-width: 240px) {
|
175
|
+
#toast-container > div {
|
176
|
+
padding: 8px 8px 8px 50px;
|
177
|
+
width: 11em;
|
178
|
+
}
|
179
|
+
#toast-container .toast-close-button {
|
180
|
+
right: -0.2em;
|
181
|
+
top: -0.2em;
|
182
|
+
}
|
183
|
+
}
|
184
|
+
@media all and (min-width: 241px) and (max-width: 480px) {
|
185
|
+
#toast-container > div {
|
186
|
+
padding: 8px 8px 8px 50px;
|
187
|
+
width: 18em;
|
188
|
+
}
|
189
|
+
#toast-container .toast-close-button {
|
190
|
+
right: -0.2em;
|
191
|
+
top: -0.2em;
|
192
|
+
}
|
193
|
+
}
|
194
|
+
@media all and (min-width: 481px) and (max-width: 768px) {
|
195
|
+
#toast-container > div {
|
196
|
+
padding: 15px 15px 15px 50px;
|
197
|
+
width: 25em;
|
198
|
+
}
|
199
|
+
}
|
data/lib/toastr_rails.rb
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
# coding: utf-8
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
4
|
+
require 'toastr_rails/version'
|
5
|
+
|
6
|
+
Gem::Specification.new do |spec|
|
7
|
+
spec.name = 'toastr_rails'
|
8
|
+
spec.version = ToastrRails::VERSION
|
9
|
+
spec.authors = ['Stjepan Hadjic']
|
10
|
+
spec.email = ['d4be4st@gmail.com']
|
11
|
+
spec.summary = 'Opinionated toastr js asset gem.'
|
12
|
+
spec.description = 'Add toastr js library and use replace ugly bootstrap flash messages'
|
13
|
+
spec.homepage = 'https://github.com/d4be4st/toastr_rails'
|
14
|
+
spec.license = 'MIT'
|
15
|
+
|
16
|
+
spec.files = `git ls-files -z`.split("\x0")
|
17
|
+
spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
18
|
+
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
19
|
+
spec.require_paths = ['lib']
|
20
|
+
|
21
|
+
spec.add_development_dependency 'bundler', '~> 1.7'
|
22
|
+
spec.add_development_dependency 'rake', '~> 10.0'
|
23
|
+
end
|
metadata
ADDED
@@ -0,0 +1,86 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: toastr_rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 2.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Stjepan Hadjic
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2015-01-16 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: bundler
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - "~>"
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '1.7'
|
20
|
+
type: :development
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - "~>"
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '1.7'
|
27
|
+
- !ruby/object:Gem::Dependency
|
28
|
+
name: rake
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - "~>"
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: '10.0'
|
34
|
+
type: :development
|
35
|
+
prerelease: false
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
37
|
+
requirements:
|
38
|
+
- - "~>"
|
39
|
+
- !ruby/object:Gem::Version
|
40
|
+
version: '10.0'
|
41
|
+
description: Add toastr js library and use replace ugly bootstrap flash messages
|
42
|
+
email:
|
43
|
+
- d4be4st@gmail.com
|
44
|
+
executables: []
|
45
|
+
extensions: []
|
46
|
+
extra_rdoc_files: []
|
47
|
+
files:
|
48
|
+
- ".gitignore"
|
49
|
+
- Gemfile
|
50
|
+
- LICENSE.txt
|
51
|
+
- README.md
|
52
|
+
- Rakefile
|
53
|
+
- app/assets/javascript/toastr.js
|
54
|
+
- app/assets/javascript/toastr_rails.js
|
55
|
+
- app/assets/styleseets/toastr.scss
|
56
|
+
- app/assets/styleseets/toastr_rails.scss
|
57
|
+
- app/views/toastr_rails/_flash.html.erb
|
58
|
+
- lib/toastr_rails.rb
|
59
|
+
- lib/toastr_rails/engine.rb
|
60
|
+
- lib/toastr_rails/version.rb
|
61
|
+
- toastr_rails.gemspec
|
62
|
+
homepage: https://github.com/d4be4st/toastr_rails
|
63
|
+
licenses:
|
64
|
+
- MIT
|
65
|
+
metadata: {}
|
66
|
+
post_install_message:
|
67
|
+
rdoc_options: []
|
68
|
+
require_paths:
|
69
|
+
- lib
|
70
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
71
|
+
requirements:
|
72
|
+
- - ">="
|
73
|
+
- !ruby/object:Gem::Version
|
74
|
+
version: '0'
|
75
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
76
|
+
requirements:
|
77
|
+
- - ">="
|
78
|
+
- !ruby/object:Gem::Version
|
79
|
+
version: '0'
|
80
|
+
requirements: []
|
81
|
+
rubyforge_project:
|
82
|
+
rubygems_version: 2.2.2
|
83
|
+
signing_key:
|
84
|
+
specification_version: 4
|
85
|
+
summary: Opinionated toastr js asset gem.
|
86
|
+
test_files: []
|