docbrown/app/views/shared/_logo_design.html.erb
yheuhtozr a93e9f1aa7
I18nize users (non-settings) & logo designer (#15078)
* users (mostly non-settings), logo designer i18n

* remove ja.yml

* Update _profile.html.erb

* Update _metadata.html.erb

* Update _sidebar.html.erb

* Update en.yml

* Update fr.yml

* Apply suggestions from code review

Co-authored-by: Michael Kohl <citizen428@forem.com>

* Update _profile.html.erb

* Update en.yml

* Update fr.yml

* Update _logo_design.html.erb

Co-authored-by: Michael Kohl <citizen428@forem.com>
2021-10-27 17:11:28 -04:00

44 lines
2.5 KiB
Text

<div class="grid gap-6 m:grid-cols-2">
<div class="grid gap-6">
<% if account.class.name == "User" %>
<% account.setting.brand_color1 = user_colors(account)[:bg] if account.setting && account.setting.brand_color1.blank? %>
<% account.setting.brand_color2 = user_colors(account)[:text] if account.setting && account.setting.brand_color2.blank? %>
<% else %>
<% account.bg_color_hex = user_colors(account)[:bg] if account.bg_color_hex.blank? %>
<% account.text_color_hex = user_colors(account)[:text] if account.text_color_hex.blank? %>
<% end %>
<div class="crayons-field">
<%= f.label :bg_color_hex, t("views.logo.color_1.label"), class: "crayons-field__label" %>
<p class="crayons-field__description"><%= t("views.logo.color_1.description") %></p>
<div class="flex items-center">
<%= f.text_field :bg_color_hex, placeholder: "#000000", class: "crayons-textfield mr-2", id: "bg-color-textfield" %>
<label class="hidden" for="bg-color-colorfield">
<%= t("views.logo.color_1.select.label") %>
</label>
<input id="bg-color-colorfield" type="color" class="crayons-color-selector" aria-label="<%= t("views.logo.color_1.select.aria_label") %>">
</div>
</div>
<div class="crayons-field">
<% if account.class.name == "User" %>
<% account.setting.brand_color1 = user_colors(account)[:text] if account.setting && account.setting.brand_color2.blank? %>
<% else %>
<% account.bg_color_hex = user_colors(account)[:text] if account.text_color_hex.blank? %>
<% end %>
<%= f.label :text_color_hex, t("views.logo.color_2.label"), class: "crayons-field__label" %>
<p class="crayons-field__description"><%= t("views.logo.color_2.description_html") %></p>
<div class="flex items-center">
<%= f.text_field :text_color_hex, placeholder: "#ffffff", class: "crayons-textfield mr-2", id: "text-color-textfield" %>
<label class="hidden" for="text-color-colorfield">
<%= t("views.logo.color_2.select.label") %>
</label>
<input id="text-color-colorfield" type="color" class="crayons-color-selector" aria-label="<%= t("views.logo.color_2.select.aria_label") %>">
</div>
</div>
</div>
<div class="crayons-card crayons-card--secondary flex-1 p-6">
<p class="text-uppercase color-base-50 mb-4 fs-s ff-monospace"><%= t("views.logo.preview.text") %></p>
<%= inline_svg_tag("preview-logo.svg", id: "color-select-preview-logo", class: "p-4 radius-default", title: t("views.logo.preview.icon")) %>
</div>
</div>