recycle_bin 1.1.0 → 1.2.0

data/app/views/recycle_bin/trash/_item.html.erb

@@ -0,0 +1,267 @@
+<tr class="item-row" data-item-id="<%= item.id %>" data-model-type="<%= item.class.name %>">
+  <td class="checkbox-column">
+    <input type="checkbox"
+           class="item-checkbox"
+           value="<%= item.class.name %>:<%= item.id %>"
+           onchange="updateBulkCount()">
+  </td>
+
+  <td class="type-column">
+    <span class="model-badge <%= item.class.name.downcase %>">
+      <%= item.class.name %>
+    </span>
+  </td>
+
+  <td class="item-column">
+    <div class="item-content">
+      <div class="item-title">
+        <% if params[:search].present? %>
+          <%= highlight_search_terms(item.recyclable_title, params[:search]) %>
+        <% else %>
+          <%= item.recyclable_title %>
+        <% end %>
+      </div>
+      <div class="item-meta">
+        <span class="item-id">ID: <%= item.id %></span>
+        <% if item.respond_to?(:user_id) && item.user_id.present? %>
+          <span class="item-user">User: <%= item.user_id %></span>
+        <% end %>
+        <% if item.respond_to?(:email) && item.email.present? %>
+          <span class="item-email">
+            <% if params[:search].present? %>
+              <%= highlight_search_terms(item.email, params[:search]) %>
+            <% else %>
+              <%= item.email %>
+            <% end %>
+          </span>
+        <% end %>
+      </div>
+    </div>
+  </td>
+
+  <td class="timestamp-column">
+    <div class="timestamp-content">
+      <div class="timestamp-relative">
+        <%= time_ago_in_words(item.deleted_at) %> ago
+      </div>
+      <div class="timestamp-absolute">
+        <%= item.deleted_at.strftime('%B %d, %Y at %l:%M %p') %>
+      </div>
+    </div>
+  </td>
+
+  <td class="size-column">
+    <span class="size-badge <%= size_class(item) %>">
+      <%= human_file_size(calculate_item_memory_size(item)) %>
+    </span>
+  </td>
+
+  <td class="actions-column">
+    <div class="action-buttons">
+      <%= link_to "👁️ View", recycle_bin.trash_path(item.class.name, item),
+                  class: "btn btn-sm btn-outline",
+                  title: "View details" %>
+      <%= link_to "↶ Restore", recycle_bin.restore_trash_path(item.class.name, item),
+                  method: :patch,
+                  class: "btn btn-sm btn-success",
+                  title: "Restore item",
+                  data: { confirm: "Restore this #{item.class.name.downcase}?" } %>
+      <%= link_to "🗑️ Delete", recycle_bin.destroy_trash_path(item.class.name, item),
+                  method: :delete,
+                  class: "btn btn-sm btn-danger",
+                  title: "Permanently delete",
+                  data: { confirm: "Permanently delete this #{item.class.name.downcase}? This cannot be undone!" } %>
+    </div>
+  </td>
+</tr>
+
+<style>
+.item-row {
+  transition: background-color 0.2s ease;
+}
+
+.item-row:hover {
+  background-color: #f8f9fa;
+}
+
+.item-content {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.item-title {
+  font-weight: 600;
+  color: #212529;
+  line-height: 1.3;
+}
+
+.item-meta {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+  font-size: 0.85rem;
+  color: #6c757d;
+}
+
+.item-id, .item-user, .item-email {
+  background: #f8f9fa;
+  padding: 2px 6px;
+  border-radius: 4px;
+  border: 1px solid #e9ecef;
+}
+
+.timestamp-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.timestamp-relative {
+  font-weight: 600;
+  color: #495057;
+}
+
+.timestamp-absolute {
+  font-size: 0.8rem;
+  color: #6c757d;
+}
+
+.size-column {
+  text-align: center;
+}
+
+.size-badge {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 0.8rem;
+  font-weight: 600;
+  text-align: center;
+  min-width: 60px;
+  display: inline-block;
+}
+
+.size-badge.small {
+  background: #d4edda;
+  color: #155724;
+  border: 1px solid #c3e6cb;
+}
+
+.size-badge.medium {
+  background: #fff3cd;
+  color: #856404;
+  border: 1px solid #ffeaa7;
+}
+
+.size-badge.large {
+  background: #f8d7da;
+  color: #721c24;
+  border: 1px solid #f5c6cb;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 4px;
+  flex-wrap: wrap;
+}
+
+.action-buttons .btn {
+  font-size: 0.8rem;
+  padding: 4px 8px;
+}
+
+/* Search highlighting */
+mark {
+  background: #fff3cd;
+  color: #856404;
+  padding: 1px 3px;
+  border-radius: 3px;
+  font-weight: 600;
+}
+
+/* Model type badges */
+.model-badge {
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.model-badge.user {
+  background: #e3f2fd;
+  color: #1976d2;
+}
+
+.model-badge.post {
+  background: #f3e5f5;
+  color: #7b1fa2;
+}
+
+.model-badge.comment {
+  background: #e8f5e8;
+  color: #388e3c;
+}
+
+.model-badge.order {
+  background: #fff3e0;
+  color: #f57c00;
+}
+
+.model-badge.product {
+  background: #fce4ec;
+  color: #c2185b;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .item-meta {
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .action-buttons {
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  .action-buttons .btn {
+    width: 100%;
+    text-align: center;
+  }
+}
+</style>
+
+<script>
+// Helper function to determine size class for styling
+function sizeClass(item) {
+  // This will be handled by the helper method in the controller
+  return 'medium'; // Default fallback
+}
+
+// Update bulk count when checkboxes change
+function updateBulkCount() {
+  const checkboxes = document.querySelectorAll('.item-checkbox:checked');
+  const bulkCount = document.getElementById('bulk-count');
+  const bulkActions = document.getElementById('bulk-actions');
+
+  if (bulkCount) {
+    bulkCount.textContent = `${checkboxes.length} item${checkboxes.length === 1 ? '' : 's'} selected`;
+  }
+
+  if (bulkActions) {
+    bulkActions.style.display = checkboxes.length > 0 ? 'flex' : 'none';
+  }
+
+  // Update bulk action forms
+  const selectedItems = Array.from(checkboxes).map(cb => cb.value);
+  document.getElementById('bulk-restore-items').value = JSON.stringify(selectedItems);
+  document.getElementById('bulk-destroy-items').value = JSON.stringify(selectedItems);
+}
+
+// Initialize bulk count on page load
+document.addEventListener('DOMContentLoaded', function() {
+  updateBulkCount();
+});
+</script>

data/app/views/recycle_bin/trash/_pagination.html.erb

@@ -0,0 +1,75 @@
+<div class="pagination-wrapper">
+  <div class="pagination">
+    <% if total_pages > 1 %>
+      <!-- First/Previous links -->
+      <% if current_page > 1 %>
+        <%= link_to "« First", request.params.merge(page: 1) %>
+        <%= link_to "‹ Prev", request.params.merge(page: current_page - 1) %>
+      <% else %>
+        <span class="disabled">« First</span>
+        <span class="disabled">‹ Prev</span>
+      <% end %>
+
+      <%
+        # Smart pagination logic
+        window_size = 2 # Number of pages to show on each side of current page
+        start_page = [current_page - window_size, 1].max
+        end_page = [current_page + window_size, total_pages].min
+      %>
+
+      <!-- First page if not in window -->
+      <% if start_page > 1 %>
+        <%= link_to 1, request.params.merge(page: 1) %>
+        <% if start_page > 2 %>
+          <span class="disabled">…</span>
+        <% end %>
+      <% end %>
+
+      <!-- Page window around current page -->
+      <% (start_page..end_page).each do |page| %>
+        <% if page == current_page %>
+          <span class="current"><%= page %></span>
+        <% else %>
+          <%= link_to page, request.params.merge(page: page) %>
+        <% end %>
+      <% end %>
+
+      <!-- Last page if not in window -->
+      <% if end_page < total_pages %>
+        <% if end_page < total_pages - 1 %>
+          <span class="disabled">…</span>
+        <% end %>
+        <%= link_to total_pages, request.params.merge(page: total_pages) %>
+      <% end %>
+
+      <!-- Next/Last links -->
+      <% if current_page < total_pages %>
+        <%= link_to "Next ›", request.params.merge(page: current_page + 1) %>
+        <%= link_to "Last »", request.params.merge(page: total_pages) %>
+      <% else %>
+        <span class="disabled">Next ›</span>
+        <span class="disabled">Last »</span>
+      <% end %>
+    <% end %>
+  </div>
+
+  <!-- Page info -->
+  <div class="pagination-info">
+    <span>
+      Showing page <%= current_page %> of <%= total_pages %>
+      (<%= pluralize(total_count, 'item') %> total)
+    </span>
+  </div>
+
+  <!-- Per page selector -->
+  <div class="per-page">
+    <span>Items per page:</span>
+    <% [25, 50, 100].each do |num| %>
+      <% if num == per_page %>
+        <span class="current"><%= num %></span>
+      <% else %>
+        <%= link_to num, request.params.merge(per_page: num, page: 1), class: "per-page-link" %>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/recycle_bin/trash/_stats.html.erb

@@ -0,0 +1,50 @@
+<div class="stats-grid">
+  <div class="stat-card">
+    <div class="stat-number"><%= number_with_delimiter(total_count) %></div>
+    <div class="stat-label">Total Items in Trash</div>
+    <div class="stat-change positive">
+      <% if defined?(dashboard_view) && dashboard_view %>
+        <% today_count = filtered_items.select { |item| item.respond_to?(:deleted_at) && item.deleted_at && item.deleted_at > 1.day.ago }.count %>
+      <% else %>
+        <% today_count = filtered_items.items.select { |item| item.respond_to?(:deleted_at) && item.deleted_at && item.deleted_at > 1.day.ago }.count %>
+      <% end %>
+      <%= today_count %> deleted today
+    </div>
+  </div>
+  <div class="stat-card">
+    <div class="stat-number"><%= model_types.count %></div>
+    <div class="stat-label">Model Types</div>
+    <div class="stat-change">
+      <% if model_types.any? %>
+        <%= model_types.first(2).join(', ') %><%= model_types.count > 2 ? " +#{model_types.count - 2}" : "" %>
+      <% else %>
+        No types
+      <% end %>
+    </div>
+  </div>
+  <div class="stat-card">
+    <div class="stat-number">
+      <% if defined?(dashboard_view) && dashboard_view %>
+        <% week_count = filtered_items.select { |item| item.respond_to?(:deleted_at) && item.deleted_at && item.deleted_at > 7.days.ago }.count %>
+      <% else %>
+        <% week_count = filtered_items.items.select { |item| item.respond_to?(:deleted_at) && item.deleted_at && item.deleted_at > 7.days.ago }.count %>
+      <% end %>
+      <%= week_count %>
+    </div>
+    <div class="stat-label">This Week</div>
+    <div class="stat-change">Recent activity</div>
+  </div>
+  <div class="stat-card">
+    <% if defined?(dashboard_view) && dashboard_view %>
+      <div class="stat-number">🏠</div>
+      <div class="stat-label">Dashboard View</div>
+      <div class="stat-change">Overview</div>
+    <% else %>
+      <div class="stat-number"><%= current_page %> / <%= defined?(total_pages) ? total_pages : 1 %></div>
+      <div class="stat-label">Current Page</div>
+      <div class="stat-change">
+        Showing <%= (current_page - 1) * per_page + 1 %>-<%= [(current_page * per_page), total_count].min %> of <%= number_with_delimiter(total_count) %>
+      </div>
+    <% end %>
+  </div>
+</div>