decidim-notify 0.4 → 0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (41) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +36 -1
  3. data/Rakefile +8 -0
  4. data/app/cells/decidim/notify/note/show.erb +1 -1
  5. data/app/cells/decidim/notify/participant_cell.rb +2 -1
  6. data/app/controllers/decidim/notify/conversations_controller.rb +1 -1
  7. data/app/models/decidim/notify/author.rb +1 -1
  8. data/app/packs/entrypoints/decidim_notify_component.js +9 -0
  9. data/app/packs/entrypoints/decidim_notify_component.scss +1 -0
  10. data/app/packs/entrypoints/decidim_notify_selects.js +1 -0
  11. data/app/{assets → packs}/images/decidim/notify/icon.svg +0 -0
  12. data/app/packs/src/decidim/notify/consumer.js +7 -0
  13. data/app/{assets/javascripts/decidim/notify/conversations.js.es6 → packs/src/decidim/notify/notify.js} +20 -21
  14. data/app/packs/src/decidim/notify/notify_channel.js +100 -0
  15. data/app/{assets/javascripts/decidim/notify/select2.js.es6 → packs/src/decidim/notify/notify_selects.js} +15 -12
  16. data/app/{assets → packs}/stylesheets/decidim/notify/admin.scss +0 -0
  17. data/app/{assets/stylesheets/decidim/notify/_hexagon.scss → packs/stylesheets/decidim/notify/hexagon.scss} +0 -0
  18. data/app/{assets → packs}/stylesheets/decidim/notify/notify.scss +6 -3
  19. data/{vendor/assets/stylesheets → app/packs/stylesheets/decidim/notify}/select2-foundation-theme.css +0 -0
  20. data/app/views/decidim/notify/admin/conversations/index.html.erb +2 -1
  21. data/app/views/decidim/notify/conversations/_script.js.erb +4 -2
  22. data/app/views/decidim/notify/conversations/index.html.erb +6 -6
  23. data/config/assets.rb +42 -0
  24. data/config/i18n-tasks.yml +1 -0
  25. data/config/locales/ca.yml +5 -0
  26. data/config/locales/cs.yml +5 -0
  27. data/config/locales/en.yml +5 -0
  28. data/config/locales/es.yml +5 -0
  29. data/lib/decidim/notify/component.rb +4 -4
  30. data/lib/decidim/notify/engine.rb +2 -2
  31. data/lib/decidim/notify/version.rb +2 -2
  32. data/lib/decidim/notify.rb +14 -17
  33. data/lib/tasks/decidim_notify_webpacker_tasks.rake +62 -0
  34. data/package.json +200 -0
  35. metadata +24 -22
  36. data/app/assets/config/decidim_notify_manifest.css +0 -2
  37. data/app/assets/config/decidim_notify_manifest.js +0 -3
  38. data/app/assets/javascripts/cable.js +0 -13
  39. data/app/assets/javascripts/channels/decidim/notify/conversations.js +0 -90
  40. data/vendor/assets/javascripts/select2.js +0 -6147
  41. data/vendor/assets/stylesheets/select2.css +0 -515
@@ -1,515 +0,0 @@
1
- .select2-container {
2
- box-sizing: border-box;
3
- display: inline-block;
4
- margin: 0;
5
- position: relative;
6
- vertical-align: middle; }
7
- .select2-container .select2-selection--single {
8
- box-sizing: border-box;
9
- cursor: pointer;
10
- display: block;
11
- height: 28px;
12
- user-select: none;
13
- -webkit-user-select: none; }
14
- .select2-container .select2-selection--single .select2-selection__rendered {
15
- display: block;
16
- padding-left: 8px;
17
- padding-right: 20px;
18
- overflow: hidden;
19
- text-overflow: ellipsis;
20
- white-space: nowrap; }
21
- .select2-container .select2-selection--single .select2-selection__clear {
22
- background-color: transparent;
23
- border: none;
24
- font-size: 1em; }
25
- .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
26
- padding-right: 8px;
27
- padding-left: 20px; }
28
- .select2-container .select2-selection--multiple {
29
- box-sizing: border-box;
30
- cursor: pointer;
31
- display: block;
32
- min-height: 32px;
33
- user-select: none;
34
- -webkit-user-select: none; }
35
- .select2-container .select2-selection--multiple .select2-selection__rendered {
36
- display: inline;
37
- list-style: none;
38
- padding: 0; }
39
- .select2-container .select2-selection--multiple .select2-selection__clear {
40
- background-color: transparent;
41
- border: none;
42
- font-size: 1em; }
43
- .select2-container .select2-search--inline .select2-search__field {
44
- box-sizing: border-box;
45
- border: none;
46
- font-size: 100%;
47
- margin-top: 5px;
48
- margin-left: 5px;
49
- padding: 0; }
50
- .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
51
- -webkit-appearance: none; }
52
-
53
- .select2-dropdown {
54
- background-color: white;
55
- border: 1px solid #aaa;
56
- border-radius: 4px;
57
- box-sizing: border-box;
58
- display: block;
59
- position: absolute;
60
- left: -100000px;
61
- width: 100%;
62
- z-index: 1051; }
63
-
64
- .select2-results {
65
- display: block; }
66
-
67
- .select2-results__options {
68
- list-style: none;
69
- margin: 0;
70
- padding: 0; }
71
-
72
- .select2-results__option {
73
- padding: 6px;
74
- user-select: none;
75
- -webkit-user-select: none; }
76
-
77
- .select2-results__option--selectable {
78
- cursor: pointer; }
79
-
80
- .select2-container--open .select2-dropdown {
81
- left: 0; }
82
-
83
- .select2-container--open .select2-dropdown--above {
84
- border-bottom: none;
85
- border-bottom-left-radius: 0;
86
- border-bottom-right-radius: 0; }
87
-
88
- .select2-container--open .select2-dropdown--below {
89
- border-top: none;
90
- border-top-left-radius: 0;
91
- border-top-right-radius: 0; }
92
-
93
- .select2-search--dropdown {
94
- display: block;
95
- padding: 4px; }
96
- .select2-search--dropdown .select2-search__field {
97
- padding: 4px;
98
- width: 100%;
99
- box-sizing: border-box; }
100
- .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
101
- -webkit-appearance: none; }
102
- .select2-search--dropdown.select2-search--hide {
103
- display: none; }
104
-
105
- .select2-close-mask {
106
- border: 0;
107
- margin: 0;
108
- padding: 0;
109
- display: block;
110
- position: fixed;
111
- left: 0;
112
- top: 0;
113
- min-height: 100%;
114
- min-width: 100%;
115
- height: auto;
116
- width: auto;
117
- opacity: 0;
118
- z-index: 99;
119
- background-color: #fff;
120
- filter: alpha(opacity=0); }
121
-
122
- .select2-hidden-accessible {
123
- border: 0 !important;
124
- clip: rect(0 0 0 0) !important;
125
- -webkit-clip-path: inset(50%) !important;
126
- clip-path: inset(50%) !important;
127
- height: 1px !important;
128
- overflow: hidden !important;
129
- padding: 0 !important;
130
- position: absolute !important;
131
- width: 1px !important;
132
- white-space: nowrap !important; }
133
-
134
- .select2-container--default .select2-selection--single {
135
- background-color: #fff;
136
- border: 1px solid #aaa;
137
- border-radius: 4px; }
138
- .select2-container--default .select2-selection--single .select2-selection__rendered {
139
- color: #444;
140
- line-height: 28px; }
141
- .select2-container--default .select2-selection--single .select2-selection__clear {
142
- cursor: pointer;
143
- float: right;
144
- font-weight: bold;
145
- height: 26px;
146
- margin-right: 20px;
147
- padding-right: 0px; }
148
- .select2-container--default .select2-selection--single .select2-selection__placeholder {
149
- color: #999; }
150
- .select2-container--default .select2-selection--single .select2-selection__arrow {
151
- height: 26px;
152
- position: absolute;
153
- top: 1px;
154
- right: 1px;
155
- width: 20px; }
156
- .select2-container--default .select2-selection--single .select2-selection__arrow b {
157
- border-color: #888 transparent transparent transparent;
158
- border-style: solid;
159
- border-width: 5px 4px 0 4px;
160
- height: 0;
161
- left: 50%;
162
- margin-left: -4px;
163
- margin-top: -2px;
164
- position: absolute;
165
- top: 50%;
166
- width: 0; }
167
-
168
- .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
169
- float: left; }
170
-
171
- .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
172
- left: 1px;
173
- right: auto; }
174
-
175
- .select2-container--default.select2-container--disabled .select2-selection--single {
176
- background-color: #eee;
177
- cursor: default; }
178
- .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
179
- display: none; }
180
-
181
- .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
182
- border-color: transparent transparent #888 transparent;
183
- border-width: 0 4px 5px 4px; }
184
-
185
- .select2-container--default .select2-selection--multiple {
186
- background-color: white;
187
- border: 1px solid #aaa;
188
- border-radius: 4px;
189
- cursor: text;
190
- padding-bottom: 5px;
191
- padding-right: 5px; }
192
- .select2-container--default .select2-selection--multiple .select2-selection__clear {
193
- cursor: pointer;
194
- float: right;
195
- font-weight: bold;
196
- height: 20px;
197
- margin-right: 10px;
198
- margin-top: 5px;
199
- padding: 1px; }
200
- .select2-container--default .select2-selection--multiple .select2-selection__choice {
201
- background-color: #e4e4e4;
202
- border: 1px solid #aaa;
203
- border-radius: 4px;
204
- display: inline-block;
205
- margin-left: 5px;
206
- margin-top: 5px;
207
- padding: 0; }
208
- .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
209
- cursor: default;
210
- padding-left: 2px;
211
- padding-right: 5px; }
212
- .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
213
- background-color: transparent;
214
- border: none;
215
- border-right: 1px solid #aaa;
216
- border-top-left-radius: 4px;
217
- border-bottom-left-radius: 4px;
218
- color: #999;
219
- cursor: pointer;
220
- font-size: 1em;
221
- font-weight: bold;
222
- padding: 0 4px; }
223
- .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
224
- background-color: #f1f1f1;
225
- color: #333;
226
- outline: none; }
227
-
228
- .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
229
- margin-left: 5px;
230
- margin-right: auto; }
231
-
232
- .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
233
- padding-left: 5px;
234
- padding-right: 2px; }
235
-
236
- .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
237
- border-left: 1px solid #aaa;
238
- border-right: none;
239
- border-top-left-radius: 0;
240
- border-bottom-left-radius: 0;
241
- border-top-right-radius: 4px;
242
- border-bottom-right-radius: 4px; }
243
-
244
- .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
245
- float: left;
246
- margin-left: 10px;
247
- margin-right: auto; }
248
-
249
- .select2-container--default.select2-container--focus .select2-selection--multiple {
250
- border: solid black 1px;
251
- outline: 0; }
252
-
253
- .select2-container--default.select2-container--disabled .select2-selection--multiple {
254
- background-color: #eee;
255
- cursor: default; }
256
-
257
- .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
258
- display: none; }
259
-
260
- .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
261
- border-top-left-radius: 0;
262
- border-top-right-radius: 0; }
263
-
264
- .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
265
- border-bottom-left-radius: 0;
266
- border-bottom-right-radius: 0; }
267
-
268
- .select2-container--default .select2-search--dropdown .select2-search__field {
269
- border: 1px solid #aaa; }
270
-
271
- .select2-container--default .select2-search--inline .select2-search__field {
272
- background: transparent;
273
- border: none;
274
- outline: 0;
275
- box-shadow: none;
276
- -webkit-appearance: textfield; }
277
-
278
- .select2-container--default .select2-results > .select2-results__options {
279
- max-height: 200px;
280
- overflow-y: auto; }
281
-
282
- .select2-container--default .select2-results__option .select2-results__option {
283
- padding-left: 1em; }
284
- .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
285
- padding-left: 0; }
286
- .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
287
- margin-left: -1em;
288
- padding-left: 2em; }
289
- .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
290
- margin-left: -2em;
291
- padding-left: 3em; }
292
- .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
293
- margin-left: -3em;
294
- padding-left: 4em; }
295
- .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
296
- margin-left: -4em;
297
- padding-left: 5em; }
298
- .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
299
- margin-left: -5em;
300
- padding-left: 6em; }
301
-
302
- .select2-container--default .select2-results__option--group {
303
- padding: 0; }
304
-
305
- .select2-container--default .select2-results__option--disabled {
306
- color: #999; }
307
-
308
- .select2-container--default .select2-results__option--selected {
309
- background-color: #ddd; }
310
-
311
- .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
312
- background-color: #5897fb;
313
- color: white; }
314
-
315
- .select2-container--default .select2-results__group {
316
- cursor: default;
317
- display: block;
318
- padding: 6px; }
319
-
320
- .select2-container--classic .select2-selection--single {
321
- background-color: #f7f7f7;
322
- border: 1px solid #aaa;
323
- border-radius: 4px;
324
- outline: 0;
325
- background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
326
- background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
327
- background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
328
- background-repeat: repeat-x;
329
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
330
- .select2-container--classic .select2-selection--single:focus {
331
- border: 1px solid #5897fb; }
332
- .select2-container--classic .select2-selection--single .select2-selection__rendered {
333
- color: #444;
334
- line-height: 28px; }
335
- .select2-container--classic .select2-selection--single .select2-selection__clear {
336
- cursor: pointer;
337
- float: right;
338
- font-weight: bold;
339
- height: 26px;
340
- margin-right: 20px; }
341
- .select2-container--classic .select2-selection--single .select2-selection__placeholder {
342
- color: #999; }
343
- .select2-container--classic .select2-selection--single .select2-selection__arrow {
344
- background-color: #ddd;
345
- border: none;
346
- border-left: 1px solid #aaa;
347
- border-top-right-radius: 4px;
348
- border-bottom-right-radius: 4px;
349
- height: 26px;
350
- position: absolute;
351
- top: 1px;
352
- right: 1px;
353
- width: 20px;
354
- background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
355
- background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
356
- background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
357
- background-repeat: repeat-x;
358
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
359
- .select2-container--classic .select2-selection--single .select2-selection__arrow b {
360
- border-color: #888 transparent transparent transparent;
361
- border-style: solid;
362
- border-width: 5px 4px 0 4px;
363
- height: 0;
364
- left: 50%;
365
- margin-left: -4px;
366
- margin-top: -2px;
367
- position: absolute;
368
- top: 50%;
369
- width: 0; }
370
-
371
- .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
372
- float: left; }
373
-
374
- .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
375
- border: none;
376
- border-right: 1px solid #aaa;
377
- border-radius: 0;
378
- border-top-left-radius: 4px;
379
- border-bottom-left-radius: 4px;
380
- left: 1px;
381
- right: auto; }
382
-
383
- .select2-container--classic.select2-container--open .select2-selection--single {
384
- border: 1px solid #5897fb; }
385
- .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
386
- background: transparent;
387
- border: none; }
388
- .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
389
- border-color: transparent transparent #888 transparent;
390
- border-width: 0 4px 5px 4px; }
391
-
392
- .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
393
- border-top: none;
394
- border-top-left-radius: 0;
395
- border-top-right-radius: 0;
396
- background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
397
- background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
398
- background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
399
- background-repeat: repeat-x;
400
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
401
-
402
- .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
403
- border-bottom: none;
404
- border-bottom-left-radius: 0;
405
- border-bottom-right-radius: 0;
406
- background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
407
- background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
408
- background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
409
- background-repeat: repeat-x;
410
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
411
-
412
- .select2-container--classic .select2-selection--multiple {
413
- background-color: white;
414
- border: 1px solid #aaa;
415
- border-radius: 4px;
416
- cursor: text;
417
- outline: 0;
418
- padding-bottom: 5px;
419
- padding-right: 5px; }
420
- .select2-container--classic .select2-selection--multiple:focus {
421
- border: 1px solid #5897fb; }
422
- .select2-container--classic .select2-selection--multiple .select2-selection__clear {
423
- display: none; }
424
- .select2-container--classic .select2-selection--multiple .select2-selection__choice {
425
- background-color: #e4e4e4;
426
- border: 1px solid #aaa;
427
- border-radius: 4px;
428
- display: inline-block;
429
- margin-left: 5px;
430
- margin-top: 5px;
431
- padding: 0; }
432
- .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
433
- cursor: default;
434
- padding-left: 2px;
435
- padding-right: 5px; }
436
- .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
437
- background-color: transparent;
438
- border: none;
439
- border-top-left-radius: 4px;
440
- border-bottom-left-radius: 4px;
441
- color: #888;
442
- cursor: pointer;
443
- font-size: 1em;
444
- font-weight: bold;
445
- padding: 0 4px; }
446
- .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
447
- color: #555;
448
- outline: none; }
449
-
450
- .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
451
- margin-left: 5px;
452
- margin-right: auto; }
453
-
454
- .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
455
- padding-left: 5px;
456
- padding-right: 2px; }
457
-
458
- .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
459
- border-top-left-radius: 0;
460
- border-bottom-left-radius: 0;
461
- border-top-right-radius: 4px;
462
- border-bottom-right-radius: 4px; }
463
-
464
- .select2-container--classic.select2-container--open .select2-selection--multiple {
465
- border: 1px solid #5897fb; }
466
-
467
- .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
468
- border-top: none;
469
- border-top-left-radius: 0;
470
- border-top-right-radius: 0; }
471
-
472
- .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
473
- border-bottom: none;
474
- border-bottom-left-radius: 0;
475
- border-bottom-right-radius: 0; }
476
-
477
- .select2-container--classic .select2-search--dropdown .select2-search__field {
478
- border: 1px solid #aaa;
479
- outline: 0; }
480
-
481
- .select2-container--classic .select2-search--inline .select2-search__field {
482
- outline: 0;
483
- box-shadow: none; }
484
-
485
- .select2-container--classic .select2-dropdown {
486
- background-color: white;
487
- border: 1px solid transparent; }
488
-
489
- .select2-container--classic .select2-dropdown--above {
490
- border-bottom: none; }
491
-
492
- .select2-container--classic .select2-dropdown--below {
493
- border-top: none; }
494
-
495
- .select2-container--classic .select2-results > .select2-results__options {
496
- max-height: 200px;
497
- overflow-y: auto; }
498
-
499
- .select2-container--classic .select2-results__option--group {
500
- padding: 0; }
501
-
502
- .select2-container--classic .select2-results__option--disabled {
503
- color: grey; }
504
-
505
- .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
506
- background-color: #3875d7;
507
- color: white; }
508
-
509
- .select2-container--classic .select2-results__group {
510
- cursor: default;
511
- display: block;
512
- padding: 6px; }
513
-
514
- .select2-container--classic.select2-container--open .select2-dropdown {
515
- border-color: #5897fb; }