docbrown/app/views/shared/_logo_design.html.erb
Mac Siri afa73e06e3
Replace Webpacker with Esbuild (#20470)
* Migrate to esbuild WIP

* Add exclude

* Remove redundant file

* Move file

* Move to javascript_include_tag

* Lint fix

* WIP

* WIP

* Add watch mode to esbuild WIP

* Get jest working

* Remove babel

* Revert "Remove babel"

This reverts commit 6da35260aa19d6f97f586deb66c0ecaf48433b73.

* More WIP

* Got image to load

* WIP

* Resolve audit

* Lint fix

* WIP

* Fix jest spec

* [CI] Remove asset-restore for test build stage

* Production compliant

* Temp disable sourcemap

* Update glob

* Add esbuild helper to stimulus

* Import fragment

* Temp disable coverage to see failing tests

* Fix broken spec

* Address lint

* Set proper es6 target

* Use esbuild for everything

* wait what

* Revert "Set proper es6 target"

This reverts commit 98f5278093421baa8ffe2ca580845b01c1a1eadf.

* Revert "Use esbuild for everything"

This reverts commit 0ac46738f07ffcb6af095ccb1ffa5e439b7fefa3.

* Replace uglifier with terser

* New compiled assets version

* Remvoe honeybadger-io/webpack

* Remove cypress coverage checks for now

* Update jsconfig.json

* Update docker-compose

* Remove public/packs-test from ci cache
2024-01-25 20:29:21 +00:00

36 lines
2.1 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? %>
<% 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 id="color-1-description" 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", data: { color_picker: "true", label_text: t("views.logo.color_1.label") }, aria: { describedby: "color-1-description" } %>
</div>
</div>
<div class="crayons-field">
<% if account.class.name == "User" %>
<% account.setting.brand_color1 = user_colors(account)[:text] if account.setting %>
<% 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 id="color-2-description" 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", data: { color_picker: "true", label_text: t("views.logo.color_2.label") }, aria: { describedby: "color-2-description" } %>
</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>
<%= javascript_include_tag "enhanceColorPickers", defer: true %>