docbrown/app/views/admin/billboards/index.html.erb

61 lines
2.6 KiB
Text

<h1 class="crayons-title mb-3">Display Ads</h1>
<div
data-controller="confirmation-modal"
data-confirmation-modal-root-selector-value="#confirmation-modal-root"
data-confirmation-modal-content-selector-value="#confirmation-modal"
data-confirmation-modal-title-value="Confirm changes"
data-confirmation-modal-size-value="m">
<nav class="flex mb-4" aria-label="Display Ads navigation">
<%= form_tag(admin_billboards_path, method: "get") do %>
<%= text_field_tag(:search, params[:search], aria: { label: "Search" }, class: "crayons-header--search-input crayons-textfield", placeholder: "Search", autocomplete: "off") %>
<% end %>
<div class="ml-auto">
<div class="justify-end">
<%= link_to "Make A New Display Ad", new_admin_billboard_path, class: "crayons-btn" %>
</div>
</div>
</nav>
<%= paginate @display_ads %>
<table class="crayons-table" width="100%">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Placement Area</th>
<th scope="col">Display to User Group</th>
<th scope="col">Type</th>
<th scope="col">Public?</th>
<th scope="col">Success Rate</th>
</tr>
</thead>
<tbody class="crayons-card">
<% @display_ads.each do |display_ad| %>
<tr data-row-id="<%= display_ad.id %>">
<td><%= link_to display_ad.name, edit_admin_billboard_path(display_ad) %></td>
<td><%= display_ad.human_readable_placement_area %></td>
<td><%= display_ad.display_to %></td>
<td><%= display_ad.type_of.titleize %></td>
<% if display_ad.published? && display_ad.approved? %>
<td><span class="crayons-icon" role="img" aria-label="Ad is published and approved">✅</span></td>
<% else %>
<td><span class="crayons-icon" role="img" aria-label="Ad is not published or approved">❌</span></td>
<% end %>
<td><%= display_ad.success_rate %></td>
<td><%= link_to "Edit", edit_admin_billboard_path(display_ad), class: "crayons-btn" %></td>
<td>
<button
class="crayons-btn crayons-btn--danger"
data-item-id="<%= display_ad.id %>"
data-endpoint="/admin/customization/billboards"
data-username="<%= current_user.username %>"
data-action="click->confirmation-modal#openModal">Destroy</button>
</td>
</tr>
<% end %>
</tbody>
</table>
<%= render partial: "admin/shared/destroy_confirmation_modal" %>
<%= paginate @display_ads %>
</div>