cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add richtext help tab

Browse source
This commit is contained in:
Anton Khorev 2024-08-08 04:48:57 +03:00
parent 5e35448491
commit fb0f955651
2 changed files with 22 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

38
app/views/shared/_richtext_field.html.erb
View file

@ -1,25 +1,29 @@
<div class="row richtext_container">
<div class="col-sm-8 mb-3 mb-sm-0">
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item">
<button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#<%= id %>_edit"><%= t(".edit") %></button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
</li>
</ul>
<div class="tab-content">
<div class="richtext_container">
<ul class="nav nav-tabs mb-3">
<li class="nav-item">
<button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#<%= id %>_edit"><%= t(".edit") %></button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
</li>
<li class="nav-item">
<button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_help"><%= t(".help") %></button>
</li>
</ul>
<div class="row g-3">
<div class="tab-content col-sm-8">
<div id="<%= id %>_edit" class="tab-pane show active">
<%= builder.text_area(attribute, options.merge(:wrapper => false, "data-preview-url" => preview_url(:type => type))) %>
</div>
<div id="<%= id %>_preview" class="tab-pane richtext text-break"></div>
</div>
</div>
<div id="<%= id %>_help" class="col-sm-4 richtext_help">
<div class="card bg-body-tertiary h-100">
<div class="card-body">
<%= render :partial => "shared/#{type}_help" %>
<div id="<%= id %>_help" class="tab-pane">
<div class="card bg-body-tertiary h-100">
<div class="card-body">
<%= render :partial => "shared/#{type}_help" %>
</div>
</div>
</div>
</div>
<aside class="col-sm-4 d-none d-sm-block"></aside>
</div>
</div>