mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
3.9 KiB
55 lines
3.9 KiB
<div class="flex items-center px-2 py-2 border-b" style="height: 42px;">
|
|
<div class="flex items-center gap-1">
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('bold') %> (Ctrl+B)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#bold" data-target="<%= editor_tag %>.boldButton" aria-label="<%= t('bold') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('bold', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('italic') %> (Ctrl+I)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#italic" data-target="<%= editor_tag %>.italicButton" aria-label="<%= t('italic') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('italic', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('underline') %> (Ctrl+U)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#underline" data-target="<%= editor_tag %>.underlineButton" aria-label="<%= t('underline') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('underline', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('link') %> (Ctrl+K)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#linkSelection" data-target="<%= editor_tag %>.linkButton" aria-label="<%= t('link') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('link', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="mx-2 h-5 border-l border-base-content/20"></div>
|
|
<div class="flex items-center gap-1">
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('undo') %> (Ctrl+Z)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#undo" data-target="<%= editor_tag %>.undoButton" aria-label="<%= t('undo') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('arrow_back_up', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
<div class="tooltip tooltip-top tooltip-no-touch before:text-xs" data-tip="<%= t('redo') %> (Ctrl+Shift+Z)">
|
|
<button type="button" data-action="click:<%= editor_tag %>#redo" data-target="<%= editor_tag %>.redoButton" aria-label="<%= t('redo') %>" class="flex items-center px-1 w-6 h-6 rounded hover:bg-base-300">
|
|
<%= svg_icon('arrow_forward_up', class: 'w-4 h-4') %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% if local_assigns[:variables]&.any? %>
|
|
<% variable_labels = { 'account.name' => t('variables.account_name'), 'submitter.link' => t('variables.submitter_link'), 'template.name' => t('variables.template_name'), 'submission.submitters' => t('variables.submission_submitters'), 'submission.link' => t('variables.submission_link'), 'documents.link' => t('variables.documents_link') } %>
|
|
<div class="dropdown dropdown-end ml-auto">
|
|
<label tabindex="0" class="flex items-center gap-1 text-sm px-2 py-1 rounded hover:bg-base-200 cursor-pointer whitespace-nowrap">
|
|
<span class="hidden sm:inline"><%= t('add_variable') %></span>
|
|
<span class="sm:hidden"><%= t('variable') %></span>
|
|
<%= svg_icon('chevron_down', class: 'w-3.5 h-3.5') %>
|
|
</label>
|
|
<div tabindex="0" class="dropdown-content right-0 top-full mt-1 p-1 bg-white border border-neutral-200 rounded-lg shadow-lg z-50">
|
|
<% local_assigns[:variables]&.each do |variable| %>
|
|
<button type="button" data-variable="<%= variable %>" data-action="click:<%= editor_tag %>#insertVariable" class="w-full px-2 py-1 rounded-md hover:bg-neutral-100 text-left text-sm cursor-pointer whitespace-nowrap">
|
|
<%= variable_labels.fetch(variable, "{#{variable}}") %>
|
|
</button>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|