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.
87 lines
4.7 KiB
87 lines
4.7 KiB
<div class="flex flex-col items-start md:flex-row space-y-2 md:space-y-0 md:space-x-2 md:justify-between md:items-start mb-6 md:mb-3">
|
|
<div class="relative flex items-start justify-between w-full space-x-0">
|
|
<div>
|
|
<h1 class="text-4xl font-semibold" style="overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;">
|
|
<% template.name.split(/(_)/).each do |item| %><%= item %><wbr><% end %>
|
|
<% if template.archived_at? %>
|
|
<span class="ml-1 badge badge-outline badge-lg align-middle">Archived</span>
|
|
<% end %>
|
|
</h1>
|
|
<% if @template.account_id == current_account.id %>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<a href="<%= folder_path(@template.folder) %>" class="flex items-center space-x-1 mt-1 peer">
|
|
<%= svg_icon('folder', class: 'w-5 h-5 flex-shrink-0') %>
|
|
<span class="text-sm">
|
|
<%= @template.folder.name %>
|
|
</span>
|
|
</a>
|
|
<% if can?(:update, template) %>
|
|
<span class="pl-1 tooltip tooltip-right md:opacity-0 hover:opacity-100 peer-hover:opacity-100" data-tip="Move">
|
|
<a href="<%= edit_template_folder_path(template.id) %>" data-turbo-frame="modal">
|
|
<%= svg_icon('pencil_share', class: 'w-5 h-5') %>
|
|
</a>
|
|
</span>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% else %>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center space-x-1 mt-1 peer">
|
|
<span class="badge badge-neutral badge-outline badge-md text-xs text-white uppercase">shared</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% if !template.archived_at? %>
|
|
<div class="flex items-center space-x-2">
|
|
<% if can?(:update, template) %>
|
|
<div class="tooltip" data-tip="Preferences">
|
|
<%= link_to template_preferences_path(template), class: 'btn border border-base-200 bg-base-200 hover:bg-base-300 hover:border-base-300 btn-sm flex-1 hidden md:flex', data: { turbo_frame: :modal } do %>
|
|
<span class="flex items-center justify-center space-x-2">
|
|
<%= svg_icon('adjustments_horizontal', class: 'w-6 h-6') %>
|
|
</span>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<%= render 'shared/clipboard_copy', text: start_form_url(slug: @template.slug), class: 'absolute md:relative bottom-0 right-0 btn btn-xs md:btn-sm whitespace-nowrap btn-neutral text-white mt-1 px-2', icon_class: 'w-4 h-4 md:w-6 md:h-6 text-white', copy_title: 'Link', copied_title: 'Copied', copy_title_md: 'Link', copied_title_md: 'Copied' %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="flex space-x-2 w-full md:w-fit md:justify-between md:flex-none md:pt-1">
|
|
<% if !template.archived_at? && can?(:destroy, template) %>
|
|
<%= button_to button_title(title: 'Archive', disabled_with: 'Archiving', title_class: 'inline', icon: svg_icon('archive', class: 'w-6 h-6')), template_path(template), class: 'btn btn-outline btn-sm w-full', form_class: 'flex-1', method: :delete, data: { turbo_confirm: 'Are you sure?' } %>
|
|
<% end %>
|
|
<% if can?(:create, current_account.templates.new(author: current_user)) %>
|
|
<%= link_to new_template_path(base_template_id: template.id), class: 'btn btn-outline btn-sm flex-1', data: { turbo_frame: :modal } do %>
|
|
<span class="flex items-center justify-center space-x-2">
|
|
<%= svg_icon('copy', class: 'w-6 h-6') %>
|
|
<span class="inline">Clone</span>
|
|
</span>
|
|
<% end %>
|
|
<% end %>
|
|
<% if !template.archived_at? %>
|
|
<% if can?(:update, template) %>
|
|
<%= link_to edit_template_path(template), class: 'btn btn-outline btn-sm flex-1' do %>
|
|
<span class="flex items-center justify-center space-x-2">
|
|
<%= svg_icon('pencil', class: 'w-6 h-6') %>
|
|
<span>Edit</span>
|
|
</span>
|
|
<% end %>
|
|
<% elsif can?(:read, template) %>
|
|
<%= link_to template_preview_path(template), class: 'btn btn-outline btn-sm flex-1' do %>
|
|
<span class="flex items-center justify-center space-x-2">
|
|
<%= svg_icon('file_text', class: 'w-6 h-6') %>
|
|
<span>Preview</span>
|
|
</span>
|
|
<% end %>
|
|
<% end %>
|
|
<% end %>
|
|
<% if template.archived_at? && can?(:create, template) %>
|
|
<%= button_to button_title(title: 'Restore', disabled_with: 'Restoring', icon: svg_icon('rotate', class: 'w-6 h-6')), template_restore_index_path(template), class: 'btn btn-outline btn-sm flex-1' %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|