单击时禁用引导表行并将其保存在 Ruby on Rails 中

Question

我有一个表格，该表格将根据用户填写的表格填充用户信息。我想做的一件事是让管理员在处理完该用户后能够“归档”表格行。

我认为我可以做到这一点的两种方法是，当单击该行上的存档按钮时将特定表行变灰，或者将该行向下移动到另一个表，一个专门用于存档用户的表。

我不想删除用户的信息，只是存档以防管理员再次需要它

这里最大的事情主要是保存它。

这是我的 index.html.erb 文件中的当前表格：

<table id="table-current" width="100%" data-toggle="table" class="table">
  <h3>Current Submissions</h3>
  <thead>
    <tr>
      <th data-sortable="true">Name</th>
      <th data-sortable="true">Email</th>
      <th data-sortable="true">Phone Number</th>
      <th data-sortable="true">Pick Up Address</th>
      <th data-sortable="true">City</th>
      <th data-sortable="true">Pick Up Date</th>
      <th data-sortable="true">Pick Up Time</th>
      <th data-sortable="true">Instructions</th>
      <th data-sortable="false">Options</th>
    </tr>
  </thead>
  <% @clients.each do |client| %>
      <tr class="table-row">
        <td><%= client.first_name %> <%= client.last_name %></td>
        <td><a href="mailto:<%= client.email %>"><%= client.email %></a></td>
        <td><a href="tel:<%= client.phone_number %>"><%= number_to_phone(client.phone_number) %></a></td>
        <td><a href="https://maps.google.com/?q=<%= client.pick_up_location %>&t=m" target="_blank"><%= client.pick_up_location %></a></td>
        <td><%= client.city %></td>
        <td><%= client.pick_up_date %></td>
        <td><%= client.pick_up_time.strftime("%l:%M %p") %></td>
        <td><%= client.instructions %></td>
        <td class="table-options">
          <%= link_to edit_client_path(client) do %>
            <i class="ion-edit"></i>
          <% end %>
          <button class="archive">
            <i class="ion-ios-box"></i>
          </button>
        </td>
      </tr>
  <% end %>
</table>

感谢任何帮助！谢谢！

Answer 1

您不需要为此维护单独的表。

https://github.com/rubysherpas/paranoia

看看这颗宝石。您想要的是软删除。通过在各自的表中添加 deleted_at 。使用基于 ajax 的删除，这样您就可以将整行显示为灰色归档的行。

<% @clients.each do |client| %>
    <tr class="table-row" id="client_<%= client.id %>">
      <td><%= client.first_name %> <%= client.last_name %></td>
      <td class="table-options">
        <%= link_to edit_client_path(client) do %>
          <i class="ion-edit"></i>
        <% end %>
        <button class="archive">
          <i class="ion-ios-box"></i>
        </button>
      </td>
    </tr>
  <% end %>

您可以为您的行分配一个唯一的 ID。然后使用 js.erb 来使用 AJAX 功能。

Answer 2

Paranoia 是一个不错的宝石，但需要注意的是它覆盖了 ActiveRecord 的 destroy 方法 (https://github.com/rubysherpas/paranoia/blob/92505787662e0415f228a3507a885ba771058ff1/lib/paranoia.rb#L72)。

如果您对此感到满意，偏执狂是完美的宝石。

另一种选择是推出自己的策略。偏执狂本质上只是在您的模型中添加另一列以在您调用销毁时填充。或者，您可以添加自己的列，可能类似于 archived，并将其设为布尔值（或者您可以使用带有时间戳的 archived_at，如 gem）。我喜欢在我的模型中使用肯定句，所以我可能会调用列active，创建新记录时默认为true，当我要归档记录时更改为false。

现在您可以使用附加到表的 ajax 链接和进程向控制器发送一条消息，以便在用户想要归档记录时更新该新列。最后，您将在表中添加逻辑以显示或隐藏（如果您愿意，也可以灰显）基于此新列的记录，或者在表中，或者通过在类上创建范围并仅将范围集合发送到视图：

app/models/client.rb

class Client

  scope :active, -> { where(active: true) }
  scope :archived, -> { where(active: false) }

  ...
end

app/controllers/clients_controller.rb

class ClientsController

  def index
    @clients = Client.active
  end
  ...
end

如果您想显示所有记录但只是将该行显示为灰色，您可以在表格行中添加一个条件类：

<tr class="table-row <%= ‘archived’ unless client.active? %>">

您可以根据自己的喜好设置“已归档”课程的样式。有几种方法可以完成这部分，这只是一个例子。