Files
danbooru/app/views/pool_orders/edit.html.erb
evazion 1e80540a04 css: refactor CSS to use Tailwind-style utility classes.
Refactor CSS to use standard Tailwind-style utility classes instead of
ad-hoc rules. This eliminates a lot of single-purpose rules for specific
UI elements and standardizes margins to be more consistent throughout
the site.

Utility classes are defined manually on an as-needed basis instead of
importing Tailwind as a whole. Naming conventions mostly follow
Tailwind's conventions, otherwise they follow Bootstrap.

* https://tailwindcss.com/docs/
* https://getbootstrap.com/docs/5.0/utilities/spacing/
2021-02-16 09:28:38 -06:00

31 lines
967 B
Plaintext

<% page_title "Order Pool" %>
<%= render "pools/secondary_links" %>
<div id="c-pool-orders">
<div id="a-edit">
<h1>Order Pool: <%= @pool.pretty_name %></h1>
<%= edit_form_for(@pool, format: :js, html: { id: "ordering-form" }) do |f| %>
<% if @pool.post_count <= Pool::POOL_ORDER_LIMIT %>
<p>Drag and drop the list below to determine ordering.</p>
<%= render "posts/partials/common/inline_blacklist" %>
<ul id="sortable">
<% @pool.posts.each do |post| %>
<%= tag.li id: "pool[post_ids]_#{post.id}" do -%>
<%= post_preview(post, show_deleted: true).presence || "Hidden: Post ##{post.id}" -%>
<% end -%>
<% end %>
</ul>
<% else %>
<p>Reorder the post IDs in the text box below to reorder the pool.</p>
<%= f.input :post_ids_string, as: :text, label: "Posts" %>
<% end %>
<%= f.submit "Save" %>
<% end %>
</div>
</div>