keystone_ui-preferences 0.10.0 → 0.10.1
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0fefa886f2e66f62352fdefc4e35ccdb094f75bc6239bd400cb49af3dec31c30
|
|
4
|
+
data.tar.gz: '09dbb68d7489c63390028910cde735fc98156cc78ce1358425b72009fd9797ec'
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 2da20eb0e968d2a270025971fea98ed3fe80e0474fcedb36142ea212e16075b002bed32a57aaa1a1fdcdc137c7bddb2bd774aa74dbf2a7c4e0c9344d7713b37a
|
|
7
|
+
data.tar.gz: 96337f947750d95d8d40a06a5657f5fcc56217e972feca3c5246c16994d6a9e77e61c54c02f6f70c97f81c9b1edb125ae5ea029111c720198c61562dd37eafec
|
|
@@ -16,31 +16,38 @@
|
|
|
16
16
|
<div style="display: flex; flex-wrap: wrap; gap: 1rem;">
|
|
17
17
|
<% names.each do |name| %>
|
|
18
18
|
<% role = KeystoneUi::Preferences::ThemeRoles::ROLES.fetch(name) %>
|
|
19
|
-
<%
|
|
20
|
-
<%
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
<% fields = capture do %>
|
|
20
|
+
<% (role[:kind] == :colour ? %w[light dark] : %w[light]).each do |side| %>
|
|
21
|
+
<% field_name = "theme[#{name}][#{side}]" %>
|
|
22
|
+
<% value = shown.dig(name, side).to_s %>
|
|
23
|
+
<% label = role[:kind] == :colour ? side.capitalize : "--#{name}" %>
|
|
24
|
+
<% if %i[colour shadow_colour].include?(role[:kind]) && (value.empty? || value.match?(KeystoneUi::Preferences::CheckedTheme::COLOUR)) %>
|
|
25
|
+
<%= ui_color_picker(name: field_name, value: value, label: label) %>
|
|
26
|
+
<% else %>
|
|
27
|
+
<% field_id = "#{id_prefix}-#{field_name.parameterize}" %>
|
|
28
|
+
<div class="<%= Keystone::Ui::FormFieldComponent::WRAPPER_CLASSES %>">
|
|
29
|
+
<%= label_tag field_id, label, class: Keystone::Ui::FormFieldComponent::LABEL_CLASSES %>
|
|
30
|
+
<%= text_field_tag field_name, value, id: field_id, class: Keystone::Ui::InputComponent::BASE_CLASSES, list: (fonts_id if role[:kind] == :font_list) %>
|
|
31
|
+
</div>
|
|
32
|
+
<% end %>
|
|
33
|
+
<% end %>
|
|
24
34
|
<% end %>
|
|
25
|
-
<%
|
|
26
|
-
<%
|
|
27
|
-
|
|
28
|
-
<% label = role[:kind] == :colour ? side.capitalize : "--#{name}" %>
|
|
29
|
-
<% if %i[colour shadow_colour].include?(role[:kind]) && (value.empty? || value.match?(KeystoneUi::Preferences::CheckedTheme::COLOUR)) %>
|
|
30
|
-
<%= ui_color_picker(name: field_name, value: value, label: label) %>
|
|
31
|
-
<% else %>
|
|
32
|
-
<% field_id = "#{id_prefix}-#{field_name.parameterize}" %>
|
|
33
|
-
<div class="<%= Keystone::Ui::FormFieldComponent::WRAPPER_CLASSES %>">
|
|
34
|
-
<%= label_tag field_id, label, class: Keystone::Ui::FormFieldComponent::LABEL_CLASSES %>
|
|
35
|
-
<%= text_field_tag field_name, value, id: field_id, class: Keystone::Ui::InputComponent::BASE_CLASSES, list: (fonts_id if role[:kind] == :font_list) %>
|
|
36
|
-
</div>
|
|
35
|
+
<% refusal = capture do %>
|
|
36
|
+
<% if name == check.failing_setting %>
|
|
37
|
+
<p class="<%= Keystone::Ui::FormFieldComponent::ERROR_CLASSES %>"><%= check.refusal.message %></p>
|
|
37
38
|
<% end %>
|
|
38
39
|
<% end %>
|
|
39
|
-
<% if role[:kind] == :colour
|
|
40
|
-
|
|
41
|
-
<
|
|
40
|
+
<% if role[:kind] == :colour %>
|
|
41
|
+
<% name_id = "#{id_prefix}-theme-#{name}-name" %>
|
|
42
|
+
<div role="group" aria-labelledby="<%= name_id %>" style="display: flex; flex-direction: column; gap: 0.5rem;">
|
|
43
|
+
<span id="<%= name_id %>" class="<%= Keystone::Ui::FormFieldComponent::LABEL_CLASSES %>">--<%= name %></span>
|
|
44
|
+
<div style="display: flex; flex-wrap: wrap; gap: 1rem;"><%= fields %></div>
|
|
45
|
+
<%= refusal %>
|
|
46
|
+
</div>
|
|
47
|
+
<% else %>
|
|
48
|
+
<%= fields %>
|
|
49
|
+
<%= refusal %>
|
|
42
50
|
<% end %>
|
|
43
|
-
<% if role[:kind] == :colour %></div><% end %>
|
|
44
51
|
<% end %>
|
|
45
52
|
</div>
|
|
46
53
|
</fieldset>
|