app/views/application/_richtext_field.html.erb

   1 <%# locals: (object:, attribute:, object_name:, id:, type:, options:, builder:) %>
   2
   3 <div class="richtext_container">
   4   <ul class="nav nav-tabs mb-3">
   5     <li class="nav-item">
   6       <button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#<%= id %>_edit"><%= t(".edit") %></button>
   7     </li>
   8     <li class="nav-item">
   9       <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
  10     </li>
  11     <li class="nav-item d-block d-sm-none">
  12       <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_help"><%= t(".help") %></button>
  13     </li>
  14   </ul>
  15   <div class="row g-3">
  16     <div class="tab-content col-sm-8">
  17       <div id="<%= id %>_edit" class="tab-pane show active">
  18         <%= builder.text_area(attribute, options.merge(:wrapper => false, "data-preview-url" => preview_url(:type => type))) %>
  19       </div>
  20       <div id="<%= id %>_preview" class="tab-pane">
  21         <div class="richtext_placeholder text-center py-5" hidden><%= render "loader" %></div>
  22         <div class="richtext text-break"></div>
  23       </div>
  24       <div id="<%= id %>_help" class="tab-pane">
  25         <div class="card bg-body-tertiary h-100">
  26           <div class="card-body">
  27             <%= render :partial => "#{type}_help" %>
  28           </div>
  29         </div>
  30       </div>
  31     </div>
  32     <aside class="col-sm-4 d-none d-sm-block richtext_help_sidebar"></aside>
  33   </div>
  34 </div>