lato_cms 3.0.2 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/javascripts/lato_cms/controllers/lato_cms_file_field_controller.js +4 -4
- data/app/assets/javascripts/lato_cms/controllers/lato_cms_gallery_field_controller.js +6 -2
- data/app/assets/javascripts/lato_cms/controllers/lato_cms_image_field_controller.js +5 -5
- data/app/assets/stylesheets/lato_cms/application.scss +25 -37
- data/app/views/lato_cms/pages/fields/_file.html.erb +2 -2
- data/app/views/lato_cms/pages/fields/_gallery.html.erb +3 -3
- data/app/views/lato_cms/pages/fields/_image.html.erb +5 -5
- data/lib/lato_cms/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5fc5062397594c5172e1736345627fb372314ce7720149c4ac960af0087ace8e
|
|
4
|
+
data.tar.gz: 8c9a393911cec2909e518ac71fcd3ea6de60d94a2d511def065fef9033cda9ff
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5102b958b3751ec4acb977a678e0319977f432a21b3c26a567102f7ba74b1ad6991cfcf8a7c33c99ab8f7fffaeb46830ba119c76349913f2efdd774f1c56b7f3
|
|
7
|
+
data.tar.gz: 355616e14253a4b1774ff04fb88a30ddeb78be15aa063ac054d8d3814e326b61d35ee58ca40ecf133e17dbb63babcef51e96ebe8fd9c9e91ba703ebd88b1bc5e
|
|
@@ -106,8 +106,8 @@ export default class extends Controller {
|
|
|
106
106
|
<span class="text-muted small">(${this.humanSize(file.size)})</span>
|
|
107
107
|
<span class="badge bg-success">${this.newBadgeLabel}</span>
|
|
108
108
|
</div>
|
|
109
|
-
<button type="button" class="
|
|
110
|
-
<i class="bi bi-trash
|
|
109
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="${this.removeLabel}" aria-label="${this.removeLabel}" data-action="lato-cms-file-field#remove">
|
|
110
|
+
<i class="bi bi-trash"></i>
|
|
111
111
|
</button>
|
|
112
112
|
`
|
|
113
113
|
return item
|
|
@@ -150,8 +150,8 @@ export default class extends Controller {
|
|
|
150
150
|
<span>${this.escapeHtml(attachment.filename)}</span>
|
|
151
151
|
<span class="text-muted small">(${this.humanSize(attachment.byte_size || 0)})</span>
|
|
152
152
|
</div>
|
|
153
|
-
<button type="button" class="
|
|
154
|
-
<i class="bi bi-trash
|
|
153
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="${this.removeLabel}" aria-label="${this.removeLabel}" data-action="lato-cms-file-field#remove">
|
|
154
|
+
<i class="bi bi-trash"></i>
|
|
155
155
|
</button>
|
|
156
156
|
<div class="lato-cms-file-field__removed d-none" data-lato-cms-file-field-target="removedNotice">
|
|
157
157
|
<span class="text-danger small">
|
|
@@ -136,8 +136,8 @@ export default class extends Controller {
|
|
|
136
136
|
div.setAttribute('data-action', 'dragstart->lato-cms-gallery-field#onDragStart dragend->lato-cms-gallery-field#onDragEnd')
|
|
137
137
|
div.innerHTML = `
|
|
138
138
|
<img src="${src}" class="lato-cms-gallery-field__thumb" alt="">
|
|
139
|
-
<button type="button" class="lato-cms-gallery-field__remove" data-action="click->lato-cms-gallery-field#remove">
|
|
140
|
-
<i class="bi bi-
|
|
139
|
+
<button type="button" class="lato-cms-attachment-field__remove lato-cms-gallery-field__remove" title="${this.removeLabel}" aria-label="${this.removeLabel}" data-action="click->lato-cms-gallery-field#remove">
|
|
140
|
+
<i class="bi bi-trash"></i>
|
|
141
141
|
</button>
|
|
142
142
|
`
|
|
143
143
|
return div
|
|
@@ -165,4 +165,8 @@ export default class extends Controller {
|
|
|
165
165
|
return field.persisted_field_id === this.fieldIdValue || field.field_id === this.fieldIdValue
|
|
166
166
|
})
|
|
167
167
|
}
|
|
168
|
+
|
|
169
|
+
get removeLabel() {
|
|
170
|
+
return this.element.dataset.removeLabel || 'Remove'
|
|
171
|
+
}
|
|
168
172
|
}
|
|
@@ -42,7 +42,7 @@ export default class extends Controller {
|
|
|
42
42
|
remove() {
|
|
43
43
|
if (!this.hasCurrentContainerTarget) return
|
|
44
44
|
|
|
45
|
-
this.currentContainerTarget.classList.add('lato-cms-
|
|
45
|
+
this.currentContainerTarget.classList.add('lato-cms-file-field__item--removing')
|
|
46
46
|
this.removedNoticeTarget.classList.remove('d-none')
|
|
47
47
|
this.ensureRemoveInput()
|
|
48
48
|
}
|
|
@@ -50,7 +50,7 @@ export default class extends Controller {
|
|
|
50
50
|
undo() {
|
|
51
51
|
if (!this.hasCurrentContainerTarget) return
|
|
52
52
|
|
|
53
|
-
this.currentContainerTarget.classList.remove('lato-cms-
|
|
53
|
+
this.currentContainerTarget.classList.remove('lato-cms-file-field__item--removing')
|
|
54
54
|
this.removedNoticeTarget.classList.add('d-none')
|
|
55
55
|
this.removeInput?.remove()
|
|
56
56
|
this.removeInput = null
|
|
@@ -104,10 +104,10 @@ export default class extends Controller {
|
|
|
104
104
|
<span>${this.escapeHtml(attachment.filename)}</span>
|
|
105
105
|
<span class="text-muted small">(${this.humanSize(attachment.byte_size || 0)})</span>
|
|
106
106
|
</div>
|
|
107
|
-
<button type="button" class="
|
|
108
|
-
<i class="bi bi-trash
|
|
107
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="${this.removeLabel}" aria-label="${this.removeLabel}" data-action="lato-cms-image-field#remove">
|
|
108
|
+
<i class="bi bi-trash"></i>
|
|
109
109
|
</button>
|
|
110
|
-
<div class="lato-cms-
|
|
110
|
+
<div class="lato-cms-file-field__removed d-none" data-lato-cms-image-field-target="removedNotice">
|
|
111
111
|
<span class="text-danger small">
|
|
112
112
|
<i class="bi bi-trash me-1"></i>${this.removePendingLabel}
|
|
113
113
|
</span>
|
|
@@ -189,6 +189,28 @@ body.lato-cms-advanced-editor--open {
|
|
|
189
189
|
width: 100%;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
+
.lato-cms-attachment-field__remove {
|
|
193
|
+
align-items: center;
|
|
194
|
+
align-self: center;
|
|
195
|
+
background: #f8d7da;
|
|
196
|
+
border: 0;
|
|
197
|
+
border-radius: 50%;
|
|
198
|
+
color: var(--bs-danger);
|
|
199
|
+
display: inline-flex;
|
|
200
|
+
flex: 0 0 auto;
|
|
201
|
+
height: 32px;
|
|
202
|
+
justify-content: center;
|
|
203
|
+
padding: 0;
|
|
204
|
+
transition: background 0.15s, color 0.15s;
|
|
205
|
+
width: 32px;
|
|
206
|
+
|
|
207
|
+
&:hover,
|
|
208
|
+
&:focus {
|
|
209
|
+
background: #f1aeb5;
|
|
210
|
+
color: var(--bs-danger);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
|
|
192
214
|
.lato-cms-file-field__item--removing {
|
|
193
215
|
background: rgba(220, 53, 69, 0.06);
|
|
194
216
|
border-color: rgba(220, 53, 69, 0.35);
|
|
@@ -196,6 +218,7 @@ body.lato-cms-advanced-editor--open {
|
|
|
196
218
|
|
|
197
219
|
.lato-cms-file-field__info,
|
|
198
220
|
.lato-cms-image-field__preview,
|
|
221
|
+
.lato-cms-attachment-field__remove,
|
|
199
222
|
> .btn {
|
|
200
223
|
display: none;
|
|
201
224
|
}
|
|
@@ -259,23 +282,6 @@ body.lato-cms-advanced-editor--open {
|
|
|
259
282
|
}
|
|
260
283
|
}
|
|
261
284
|
|
|
262
|
-
.lato-cms-image-field__removed {
|
|
263
|
-
align-items: center;
|
|
264
|
-
display: flex;
|
|
265
|
-
gap: 0.75rem;
|
|
266
|
-
justify-content: space-between;
|
|
267
|
-
width: 100%;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
.lato-cms-image-field--removing {
|
|
271
|
-
.lato-cms-image-field__preview,
|
|
272
|
-
.lato-cms-file-field__info,
|
|
273
|
-
.lato-cms-image-field__remove-btn,
|
|
274
|
-
> .btn {
|
|
275
|
-
display: none;
|
|
276
|
-
}
|
|
277
|
-
}
|
|
278
|
-
|
|
279
285
|
.lato-cms-image-field__new-badge {
|
|
280
286
|
position: absolute;
|
|
281
287
|
bottom: 4px;
|
|
@@ -318,26 +324,8 @@ body.lato-cms-advanced-editor--open {
|
|
|
318
324
|
|
|
319
325
|
.lato-cms-gallery-field__remove {
|
|
320
326
|
position: absolute;
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
width: 20px;
|
|
324
|
-
height: 20px;
|
|
325
|
-
border-radius: 50%;
|
|
326
|
-
border: none;
|
|
327
|
-
background: rgba(220, 53, 69, 0.85);
|
|
328
|
-
color: #fff;
|
|
329
|
-
display: flex;
|
|
330
|
-
align-items: center;
|
|
331
|
-
justify-content: center;
|
|
332
|
-
font-size: 9px;
|
|
333
|
-
padding: 0;
|
|
334
|
-
cursor: pointer;
|
|
335
|
-
line-height: 1;
|
|
336
|
-
transition: background 0.15s;
|
|
337
|
-
|
|
338
|
-
&:hover {
|
|
339
|
-
background: rgb(220, 53, 69);
|
|
340
|
-
}
|
|
327
|
+
right: 4px;
|
|
328
|
+
top: 4px;
|
|
341
329
|
}
|
|
342
330
|
|
|
343
331
|
.controller-pages-show {
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
<span><%= file.blob.filename %></span>
|
|
28
28
|
<span class="text-muted small">(<%= number_to_human_size(file.blob.byte_size) %>)</span>
|
|
29
29
|
</div>
|
|
30
|
-
<button type="button" class="
|
|
31
|
-
<i class="bi bi-trash
|
|
30
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="<%= t('lato_cms.field_file_remove') %>" aria-label="<%= t('lato_cms.field_file_remove') %>" data-action="lato-cms-file-field#remove">
|
|
31
|
+
<i class="bi bi-trash"></i>
|
|
32
32
|
</button>
|
|
33
33
|
<div class="lato-cms-file-field__removed d-none" data-lato-cms-file-field-target="removedNotice">
|
|
34
34
|
<span class="text-danger small">
|
|
@@ -20,7 +20,7 @@ end %>
|
|
|
20
20
|
<%= label %><%= ' *' if required %>
|
|
21
21
|
</label>
|
|
22
22
|
|
|
23
|
-
<div data-controller="lato-cms-gallery-field" data-lato-cms-gallery-field-field-id-value="<%= field_id %>" data-lato-cms-gallery-field-input-name-prefix-value="<%= local_assigns[:input_name_prefix].presence || "fields[#{field_id}]" %>">
|
|
23
|
+
<div data-controller="lato-cms-gallery-field" data-lato-cms-gallery-field-field-id-value="<%= field_id %>" data-lato-cms-gallery-field-input-name-prefix-value="<%= local_assigns[:input_name_prefix].presence || "fields[#{field_id}]" %>" data-remove-label="<%= t('lato_cms.field_file_remove') %>">
|
|
24
24
|
<div class="lato-cms-gallery-field__grid mb-2"
|
|
25
25
|
data-lato-cms-gallery-field-target="grid"
|
|
26
26
|
data-action="dragover->lato-cms-gallery-field#onGridDragOver drop->lato-cms-gallery-field#onGridDrop">
|
|
@@ -31,8 +31,8 @@ end %>
|
|
|
31
31
|
draggable="true"
|
|
32
32
|
data-action="dragstart->lato-cms-gallery-field#onDragStart dragend->lato-cms-gallery-field#onDragEnd">
|
|
33
33
|
<img src="<%= lato_cms_attachment_path(file) %>" class="lato-cms-gallery-field__thumb" alt="<%= file.filename %>">
|
|
34
|
-
<button type="button" class="lato-cms-gallery-field__remove" data-action="click->lato-cms-gallery-field#remove">
|
|
35
|
-
<i class="bi bi-
|
|
34
|
+
<button type="button" class="lato-cms-attachment-field__remove lato-cms-gallery-field__remove" title="<%= t('lato_cms.field_file_remove') %>" aria-label="<%= t('lato_cms.field_file_remove') %>" data-action="click->lato-cms-gallery-field#remove">
|
|
35
|
+
<i class="bi bi-trash"></i>
|
|
36
36
|
</button>
|
|
37
37
|
</div>
|
|
38
38
|
<% end %>
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
<span><%= current_file.blob.filename %></span>
|
|
28
28
|
<span class="text-muted small">(<%= number_to_human_size(current_file.blob.byte_size) %>)</span>
|
|
29
29
|
</div>
|
|
30
|
-
<button type="button" class="
|
|
31
|
-
<i class="bi bi-trash
|
|
30
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="<%= t('lato_cms.field_image_remove') %>" aria-label="<%= t('lato_cms.field_image_remove') %>" data-action="lato-cms-image-field#remove">
|
|
31
|
+
<i class="bi bi-trash"></i>
|
|
32
32
|
</button>
|
|
33
|
-
<div class="lato-cms-
|
|
33
|
+
<div class="lato-cms-file-field__removed d-none" data-lato-cms-image-field-target="removedNotice">
|
|
34
34
|
<span class="text-danger small">
|
|
35
35
|
<i class="bi bi-trash me-1"></i><%= t('lato_cms.field_image_remove_pending') %>
|
|
36
36
|
</span>
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
<span class="text-muted small" data-lato-cms-image-field-target="newPreviewSize"></span>
|
|
52
52
|
<span class="badge bg-success"><%= t('lato_cms.field_image_new_badge') %></span>
|
|
53
53
|
</div>
|
|
54
|
-
<button type="button" class="
|
|
55
|
-
<i class="bi bi-trash
|
|
54
|
+
<button type="button" class="lato-cms-attachment-field__remove" title="<%= t('lato_cms.field_image_remove') %>" aria-label="<%= t('lato_cms.field_image_remove') %>" data-action="lato-cms-image-field#removeNew">
|
|
55
|
+
<i class="bi bi-trash"></i>
|
|
56
56
|
</button>
|
|
57
57
|
</div>
|
|
58
58
|
|
data/lib/lato_cms/version.rb
CHANGED