f1df37f431
* add new column with enum value * refactor to use display_to column * add some more specs to application_helper * test for the backfill DUS * fix line length * refactor
71 lines
3.7 KiB
Text
71 lines
3.7 KiB
Text
<div class="flex flex-col gap-4 mb-4">
|
|
<div class="crayons-field">
|
|
<%= form.label :name, class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">A friendly name for the navigation link</p>
|
|
<%= form.text_field :name, class: "crayons-textfield", required: true %>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= form.label :url, class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">A full (external) or relative (internal) URL for the link</p>
|
|
<%= form.text_field :url, class: "crayons-textfield", pattern: "^(https?:\/\/|\/)\\w+\.[^\s]+$|^\/[^\s]*$", title: "The URL can be absolute by beginning with http/s or it can be relative beginning with a /", required: true %>
|
|
</div>
|
|
<div class="crayons-field" data-controller="svg-icon-upload">
|
|
<div data-svg-icon-upload-target="navId" nav-link-id="<%= form.object[:id] %>">
|
|
<%= form.label :icon, class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">An SVG icon should be uploaded</p>
|
|
<div data-svg-icon-upload-target="svgIconPreview" class="<%= form.object[:id].nil? ? "" : "pb-3" %>" style="width: 48px;">
|
|
<%= form.object[:icon]&.html_safe %>
|
|
</div>
|
|
<%= form.hidden_field :icon, "data-svg-icon-upload-target": "svgIconContent" %>
|
|
|
|
<input
|
|
type="file"
|
|
accept="image/svg+xml"
|
|
class="form-control-file"
|
|
data-action="svg-icon-upload#selectSvgIcon"
|
|
<%= form.object[:icon].blank? ? "required=true" : "" %> />
|
|
|
|
<div data-svg-icon-upload-target="svgIconMessageValidate"></div>
|
|
</div>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<fieldset aria-describedby="section-description">
|
|
<legend class="crayons-field__label pl-0">Section</legend>
|
|
<p id="section-description" class="crayons-field__description mb-2">Determines which section the link will be displayed in</p>
|
|
<div class="grid gap-4 grid-cols-2 l:grid-cols-3">
|
|
<label class="rich-selector crayons-field crayons-field--radio">
|
|
<%= form.radio_button :section, "default", checked: true, class: "crayons-radio" %>
|
|
<div class="crayons-field__label">Default</div>
|
|
</label>
|
|
<label class="rich-selector crayons-field crayons-field--radio">
|
|
<%= form.radio_button :section, "other", class: "crayons-radio" %>
|
|
<div class="crayons-field__label">Other</div>
|
|
</label>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<div class="crayons-field">
|
|
<%= form.label :position, class: "crayons-field__label" %>
|
|
<p class="crayons-field__description">Determines the order placement of the links in the sidebar</p>
|
|
<%= form.number_field :position, class: "crayons-textfield" %>
|
|
</div>
|
|
<div class="crayons-field mb-2">
|
|
<fieldset aria-describedby="section-description" aria-describedby="display-to-description">
|
|
<legend class="crayons-field__label pl-0">User group</legend>
|
|
<p id="display-to-description" class="crayons-field__description mb-2">Determines which users will be able to see the link</p>
|
|
<label class="rich-selector crayons-field crayons-field--radio">
|
|
<%= form.radio_button :display_to, "all", class: "crayons-radio" %>
|
|
<div class="crayons-field__label">All users</div>
|
|
</label>
|
|
<label class="rich-selector crayons-field crayons-field--radio">
|
|
<%= form.radio_button :display_to, "logged_in", class: "crayons-radio" %>
|
|
<div class="crayons-field__label">Only logged in users</div>
|
|
</label>
|
|
|
|
<label class="rich-selector crayons-field crayons-field--radio">
|
|
<%= form.radio_button :display_to, "logged_out", class: "crayons-radio" %>
|
|
<div class="crayons-field__label">Only logged out users</div>
|
|
</label>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|