beskar 0.0.2 → 0.2.0

data/app/views/beskar/banned_ips/edit.html.erb

@@ -0,0 +1,195 @@
+<% content_for :page_title, "Edit Ban: #{@banned_ip.ip_address}" %>
+
+<% content_for :header_actions do %>
+  <%= link_to "← Cancel", banned_ip_path(@banned_ip), class: "btn btn-secondary" %>
+<% end %>
+
+<div class="card">
+  <div class="card-header">
+    <h3 class="card-title">Edit IP Ban</h3>
+    <div class="card-subtitle">Modify ban settings for <%= @banned_ip.ip_address %></div>
+  </div>
+  <div class="card-body">
+    <%= form_with model: @banned_ip, url: banned_ip_path(@banned_ip), method: :patch, local: true, data: { beskar_ban_form: true } do |f| %>
+      <%= hidden_field_tag :expiry_precision, "milliseconds" %>
+      <% if @banned_ip.errors.any? %>
+        <div class="alert alert-danger">
+          <h4 style="font-size: 14px; font-weight: 600; margin-bottom: 0.5rem;">
+            <%= pluralize(@banned_ip.errors.count, "error") %> prohibited this ban from being saved:
+          </h4>
+          <ul style="margin: 0; padding-left: 1.5rem;">
+            <% @banned_ip.errors.full_messages.each do |message| %>
+              <li style="font-size: 13px;"><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div style="display: grid; grid-template-columns: 1fr; gap: 1.5rem; max-width: 600px;">
+        <!-- IP Address (Read-only) -->
+        <div class="form-group">
+          <%= f.label :ip_address, "IP Address" %>
+          <%= f.text_field :ip_address,
+              disabled: true,
+              style: "font-family: monospace; background: #F4F5F7; cursor: not-allowed;" %>
+          <div style="font-size: 12px; color: #697386; margin-top: 0.25rem;">
+            IP addresses cannot be changed. To ban a different IP, create a new ban.
+          </div>
+        </div>
+
+        <!-- Current Status -->
+        <div class="form-group">
+          <label>Current Status</label>
+          <div style="display: flex; align-items: center; gap: 1rem;">
+            <% if @banned_ip.permanent? %>
+              <span class="badge badge-critical">Permanent Ban</span>
+            <% elsif @banned_ip.active? %>
+              <span class="badge badge-danger">Active</span>
+              <span style="font-size: 13px; color: #697386;">
+                Expires in <%= distance_of_time_in_words(Time.current, @banned_ip.expires_at) %>
+              </span>
+            <% elsif @banned_ip.expires_at %>
+              <span class="badge badge-neutral">Expired</span>
+              <span style="font-size: 13px; color: #697386;">
+                Expired <%= time_ago_in_words(@banned_ip.expires_at) %> ago
+              </span>
+            <% else %>
+              <span class="badge badge-warning">Expiry required for a temporary ban</span>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Reason -->
+        <div class="form-group">
+          <%= f.label :reason, "Ban Reason *" %>
+          <%= f.select :reason,
+              options_for_select(ban_reason_options, @banned_ip.reason),
+              { prompt: 'Select a reason...' },
+              { required: true } %>
+          <div style="font-size: 12px; color: #697386; margin-top: 0.25rem;">
+            Update the reason for this ban if needed.
+          </div>
+        </div>
+
+        <!-- Ban Duration -->
+        <div class="form-group">
+          <label>Ban Duration</label>
+          <div style="display: flex; flex-direction: column; gap: 0.5rem;">
+            <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
+              <%= f.radio_button :permanent, false,
+                  checked: !@banned_ip.permanent? %>
+              <span style="font-weight: normal;">Temporary Ban</span>
+            </label>
+            <label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
+              <%= f.radio_button :permanent, true,
+                  checked: @banned_ip.permanent? %>
+              <span style="font-weight: normal; color: #D32F2F;">Permanent Ban</span>
+            </label>
+          </div>
+          <% if @banned_ip.permanent? %>
+            <div class="alert alert-warning" style="margin-top: 0.5rem;">
+              <strong>Warning:</strong> This is currently a permanent ban. Changing it to temporary will set an expiration date.
+            </div>
+          <% end %>
+        </div>
+
+        <!-- Temporary Ban Options -->
+        <div id="temporary-options">
+          <div class="form-group">
+            <%= f.label :expires_at, "Expiry Date/Time (UTC)" %>
+            <%= f.datetime_field :expires_at,
+                value: ban_expiry_input_value(@banned_ip.expires_at),
+                step: "0.001" %>
+            <div style="font-size: 12px; color: #697386; margin-top: 0.25rem;">
+              Enter the expiry in UTC, not your browser timezone. Temporary bans require an expiry.
+            </div>
+          </div>
+
+          <!-- Quick Extension Options -->
+          <div class="form-group">
+            <label>Quick Extension</label>
+            <noscript><p>Quick buttons require JavaScript. You can enter the UTC expiry directly or select Permanent Ban above.</p></noscript>
+            <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem;">
+              <button type="button" data-beskar-extend-hours="1" class="btn btn-sm btn-secondary">+1 Hour</button>
+              <button type="button" data-beskar-extend-hours="24" class="btn btn-sm btn-secondary">+1 Day</button>
+              <button type="button" data-beskar-extend-hours="168" class="btn btn-sm btn-secondary">+7 Days</button>
+              <button type="button" data-beskar-extend-hours="720" class="btn btn-sm btn-secondary">+30 Days</button>
+              <button type="button" data-beskar-extend-hours="2160" class="btn btn-sm btn-secondary">+90 Days</button>
+              <button type="button" data-beskar-make-permanent class="btn btn-sm btn-danger">Make Permanent</button>
+            </div>
+          </div>
+        </div>
+
+        <!-- Details -->
+        <div class="form-group">
+          <%= f.label :details, "Additional Details" %>
+          <%= f.text_area :details,
+              rows: 3,
+              placeholder: "Provide any additional context or details about this ban..." %>
+          <div style="font-size: 12px; color: #697386; margin-top: 0.25rem;">
+            Update any relevant information about why this IP is banned.
+          </div>
+        </div>
+
+        <!-- Violation Count -->
+        <div class="form-group">
+          <%= f.label :violation_count, "Violation Count" %>
+          <%= f.number_field :violation_count, min: 1 %>
+          <div style="font-size: 12px; color: #697386; margin-top: 0.25rem;">
+            Current violation count: <%= @banned_ip.violation_count %>. Higher counts may result in longer bans for repeat offenders.
+          </div>
+        </div>
+
+        <hr style="border: none; border-top: 1px solid #E3E8EE; margin: 1.5rem 0;">
+
+        <!-- Ban History -->
+        <div class="form-group">
+          <label>Ban History</label>
+          <div style="background: #FAFBFC; border: 1px solid #E3E8EE; border-radius: 6px; padding: 1rem;">
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem;">
+              <div>
+                <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; color: #697386;">
+                  Originally Banned
+                </div>
+                <div style="font-size: 13px; color: #1A1F36; margin-top: 0.25rem;">
+                  <%= @banned_ip.banned_at.strftime("%Y-%m-%d %H:%M:%S") %>
+                </div>
+              </div>
+              <div>
+                <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; color: #697386;">
+                  Time Banned
+                </div>
+                <div style="font-size: 13px; color: #1A1F36; margin-top: 0.25rem;">
+                  <%= time_ago_in_words(@banned_ip.banned_at) %>
+                </div>
+              </div>
+              <% if @banned_ip.updated_at != @banned_ip.created_at %>
+                <div>
+                  <div style="font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; color: #697386;">
+                    Last Modified
+                  </div>
+                  <div style="font-size: 13px; color: #1A1F36; margin-top: 0.25rem;">
+                    <%= @banned_ip.updated_at.strftime("%Y-%m-%d %H:%M:%S") %>
+                  </div>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        </div>
+
+        <div class="form-group">
+          <%= label_tag :audit_reason, "Administrative reason *" %>
+          <%= text_area_tag :audit_reason, params[:audit_reason], required: true, maxlength: 1000, rows: 2 %>
+        </div>
+
+        <!-- Submit Buttons -->
+        <div style="display: flex; gap: 0.5rem;">
+          <%= f.submit "Update Ban", class: "btn btn-primary" %>
+          <%= link_to "Cancel", banned_ip_path(@banned_ip), class: "btn btn-secondary" %>
+          <%= link_to "Delete Ban", review_banned_ip_path(@banned_ip, operation: "unban"),
+              class: "btn btn-danger" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/beskar/banned_ips/index.html.erb

@@ -0,0 +1,319 @@
+<% content_for :page_title, "Banned IPs" %>
+
+<% content_for :header_actions do %>
+  <div style="display: flex; gap: 0.5rem;">
+    <%= link_to "+ New Ban", new_banned_ip_path, class: "btn btn-primary" %>
+    <%= render "beskar/shared/export_form", export_url: export_banned_ips_path %>
+  </div>
+<% end %>
+
+<!-- Filters Card -->
+<div class="card">
+  <div class="card-header">
+    <h3 class="card-title">Filters</h3>
+    <div class="card-subtitle">Search and filter banned IPs</div>
+  </div>
+  <div class="card-body">
+    <%= form_with url: banned_ips_path, method: :get, local: true do |f| %>
+      <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;">
+        <!-- Status -->
+        <div class="form-group">
+          <label>Status</label>
+          <%= select_tag :status,
+              options_for_select([
+                ['All', ''],
+                ['Active', 'active'],
+                ['Expired', 'expired'],
+                ['Permanent', 'permanent'],
+                ['Temporary', 'temporary']
+              ], params[:status]),
+              style: "width: 100%;" %>
+        </div>
+
+        <!-- Reason -->
+        <div class="form-group">
+          <label>Reason</label>
+          <%= select_tag :reason,
+              options_for_select(@ban_reasons, params[:reason]),
+              prompt: 'All reasons',
+              style: "width: 100%;" %>
+        </div>
+
+        <!-- IP Search -->
+        <div class="form-group">
+          <label>IP Address</label>
+          <%= text_field_tag :ip_search, params[:ip_search],
+              placeholder: "Search IPs..." %>
+        </div>
+
+        <!-- Date Range -->
+        <div class="form-group">
+          <label>Banned After</label>
+          <%= date_field_tag :banned_after, params[:banned_after] %>
+        </div>
+
+        <div class="form-group">
+          <label>Banned Before</label>
+          <%= date_field_tag :banned_before, params[:banned_before] %>
+        </div>
+      </div>
+
+      <div style="display: flex; gap: 0.5rem; margin-top: 1rem;">
+        <%= submit_tag "Apply Filters", class: "btn btn-primary" %>
+        <%= link_to "Clear Filters", banned_ips_path, class: "btn btn-secondary" %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Results Summary -->
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+  <div style="font-size: 14px; color: #697386;">
+    Showing <%= @pagination[:records].count %> of <%= number_with_delimiter(@pagination[:total_count]) %> banned IPs
+  </div>
+
+  <div style="display: flex; align-items: center; gap: 0.5rem;">
+    <label for="per_page" style="margin: 0; font-size: 13px; color: #697386;">Per page:</label>
+    <%= form_with url: banned_ips_path, method: :get, local: true, style: "display: inline;" do |f| %>
+      <% request.query_parameters.except("per_page", "page").each do |key, value| %>
+        <%= hidden_field_tag key, value %>
+      <% end %>
+      <%= select_tag :per_page,
+          options_for_select([10, 25, 50, 100], params[:per_page]&.to_i || 25),
+          data: { beskar_auto_submit: true },
+          style: "padding: 0.25rem 0.5rem; font-size: 13px;" %>
+      <%= submit_tag "Apply page size", class: "btn btn-sm btn-secondary" %>
+    <% end %>
+  </div>
+</div>
+
+<!-- Bulk Actions Form -->
+<%= form_with url: bulk_action_banned_ips_path, method: :post, local: true, id: "bulk-actions-form" do |f| %>
+  <!-- Bulk Actions Bar -->
+  <div class="card" id="bulk-actions-bar" style="margin-bottom: 1rem;">
+    <div class="card-body" style="padding: 0.75rem 1rem;">
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <div style="display: flex; align-items: center; gap: 1rem;">
+          <span style="font-size: 14px; color: #697386;">
+            <span id="selected-count">0</span> items selected
+          </span>
+
+          <div class="form-group">
+            <%= label_tag :audit_reason, "Administrative reason (all selected bans)" %>
+            <%= text_field_tag :audit_reason, nil, required: true, maxlength: 1000 %>
+          </div>
+          <div style="display: flex; gap: 0.5rem;">
+            <%= button_tag "Unban Selected", name: "bulk_action", value: "unban",
+                class: "btn btn-sm btn-secondary",
+                data: { beskar_confirm: "Unban all selected IPs?" } %>
+            <%= button_tag "Make Permanent", name: "bulk_action", value: "make_permanent",
+                class: "btn btn-sm btn-danger",
+                data: { beskar_confirm: "Make all selected bans permanent?" } %>
+
+            <div style="display: flex; align-items: center; gap: 0.25rem;">
+              <%= select_tag :duration,
+                  options_for_select([
+                    ['Extend by 24h', '24h'],
+                    ['Extend by 7d', '7d'],
+                    ['Extend by 30d', '30d']
+                  ]),
+                  style: "padding: 0.25rem 0.5rem; font-size: 13px;" %>
+              <%= button_tag "Extend Selected", name: "bulk_action", value: "extend",
+                  class: "btn btn-sm btn-warning" %>
+            </div>
+          </div>
+        </div>
+
+        <button type="button" data-beskar-clear-selection class="btn btn-sm btn-secondary">
+          Clear Selection
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Banned IPs Table -->
+  <div class="card">
+    <div class="card-body" style="padding: 0;">
+      <div class="table-container">
+        <table>
+          <thead>
+            <tr>
+              <th style="width: 40px;">
+                <input type="checkbox" id="select-all" aria-label="Select all bans">
+              </th>
+              <th>IP Address</th>
+              <th>Reason</th>
+              <th>Banned At</th>
+              <th>Expires</th>
+              <th>Status</th>
+              <th>Violations</th>
+              <th>Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% if @banned_ips.any? %>
+              <% @banned_ips.each do |ban| %>
+                <tr>
+                  <td>
+                    <%= check_box_tag "ip_ids[]", ban.id, false,
+                        class: "ban-checkbox", aria: { label: "Select ban #{ban.ip_address}" } %>
+                  </td>
+                  <td>
+                    <div style="font-family: monospace; font-size: 14px; font-weight: 500;">
+                      <%= ban.ip_address %>
+                    </div>
+                    <% if ban.metadata&.dig("geolocation", "country") %>
+                      <div style="font-size: 11px; color: #697386; margin-top: 2px;">
+                        <%= [ban.metadata.dig("geolocation", "city"),
+                             ban.metadata.dig("geolocation", "country")].compact.join(", ") %>
+                      </div>
+                    <% end %>
+                  </td>
+                  <td>
+                    <div style="font-size: 13px;">
+                      <%= ban.reason.humanize %>
+                    </div>
+                    <% if ban.details.present? %>
+                      <div style="font-size: 11px; color: #697386; margin-top: 2px;">
+                        <%= truncate(ban.details, length: 50) %>
+                      </div>
+                    <% end %>
+                  </td>
+                  <td>
+                    <div style="font-size: 13px;">
+                      <%= ban.banned_at.strftime("%Y-%m-%d") %>
+                    </div>
+                    <div style="font-size: 11px; color: #697386;">
+                      <%= ban.banned_at.strftime("%H:%M:%S") %>
+                    </div>
+                  </td>
+                  <td>
+                    <% if ban.permanent? %>
+                      <span class="badge badge-critical">Never</span>
+                    <% elsif ban.expires_at %>
+                      <div style="font-size: 13px;">
+                        <%= ban.expires_at.strftime("%Y-%m-%d %H:%M") %>
+                      </div>
+                      <div style="font-size: 11px; color: #697386;">
+                        <%= distance_of_time_in_words(Time.current, ban.expires_at) %>
+                      </div>
+                    <% else %>
+                      <span style="color: #C1C7D0;">-</span>
+                    <% end %>
+                  </td>
+                  <td>
+                    <% if ban.permanent? %>
+                      <span class="badge badge-critical">Permanent</span>
+                    <% elsif ban.active? %>
+                      <span class="badge badge-danger">Active</span>
+                    <% else %>
+                      <span class="badge badge-neutral">Expired</span>
+                    <% end %>
+                  </td>
+                  <td>
+                    <div style="text-align: center;">
+                      <% if ban.violation_count > 0 %>
+                        <span style="font-size: 14px; font-weight: 600; color: <%= ban.violation_count > 3 ? '#D32F2F' : '#E91E63' %>;">
+                          <%= ban.violation_count %>
+                        </span>
+                      <% else %>
+                        <span style="color: #C1C7D0;">0</span>
+                      <% end %>
+                    </div>
+                  </td>
+                  <td>
+                    <div style="display: flex; gap: 0.25rem; align-items: center;">
+                      <%= link_to "View", banned_ip_path(ban),
+                          class: "btn btn-sm btn-secondary" %>
+
+                      <% if ban.active? && !ban.permanent? %>
+                        <%= link_to "Extend", review_banned_ip_path(ban, operation: 'extend', duration: '24h'),
+                            class: "btn btn-sm btn-warning" %>
+                      <% end %>
+
+                      <%= link_to "Unban", review_banned_ip_path(ban, operation: 'unban'),
+                          class: "btn btn-sm btn-danger" %>
+                    </div>
+                  </td>
+                </tr>
+              <% end %>
+            <% else %>
+              <tr>
+                <td colspan="8" style="text-align: center; padding: 3rem;">
+                  <div style="color: #697386;">
+                    <svg width="48" height="48" fill="currentColor" viewBox="0 0 24 24" style="margin: 0 auto 1rem;">
+                      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
+                    </svg>
+                    <div style="font-size: 16px; font-weight: 500; margin-bottom: 0.5rem;">No banned IPs found</div>
+                    <div style="font-size: 14px;">Try adjusting your filters or add a new ban</div>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+<% end %>
+
+<!-- Pagination -->
+<% if @pagination[:total_pages] > 1 %>
+  <div class="pagination">
+    <% if @pagination[:has_previous] %>
+      <%= link_to "← Previous", banned_ips_path(params.to_unsafe_h.merge(page: @pagination[:previous_page])),
+          class: "pagination-link" %>
+    <% else %>
+      <span class="pagination-link disabled">← Previous</span>
+    <% end %>
+
+    <% # Show page numbers %>
+    <% if @pagination[:total_pages] <= 7 %>
+      <% (1..@pagination[:total_pages]).each do |page| %>
+        <%= link_to page, banned_ips_path(params.to_unsafe_h.merge(page: page)),
+            class: "pagination-link #{'active' if page == @pagination[:current_page]}" %>
+      <% end %>
+    <% else %>
+      <% if @pagination[:current_page] <= 4 %>
+        <% (1..5).each do |page| %>
+          <%= link_to page, banned_ips_path(params.to_unsafe_h.merge(page: page)),
+              class: "pagination-link #{'active' if page == @pagination[:current_page]}" %>
+        <% end %>
+        <span class="pagination-link disabled">...</span>
+        <%= link_to @pagination[:total_pages], banned_ips_path(params.to_unsafe_h.merge(page: @pagination[:total_pages])),
+            class: "pagination-link" %>
+      <% elsif @pagination[:current_page] >= @pagination[:total_pages] - 3 %>
+        <%= link_to 1, banned_ips_path(params.to_unsafe_h.merge(page: 1)),
+            class: "pagination-link" %>
+        <span class="pagination-link disabled">...</span>
+        <% ((@pagination[:total_pages] - 4)..@pagination[:total_pages]).each do |page| %>
+          <%= link_to page, banned_ips_path(params.to_unsafe_h.merge(page: page)),
+              class: "pagination-link #{'active' if page == @pagination[:current_page]}" %>
+        <% end %>
+      <% else %>
+        <%= link_to 1, banned_ips_path(params.to_unsafe_h.merge(page: 1)),
+            class: "pagination-link" %>
+        <span class="pagination-link disabled">...</span>
+        <% ((@pagination[:current_page] - 1)..(@pagination[:current_page] + 1)).each do |page| %>
+          <%= link_to page, banned_ips_path(params.to_unsafe_h.merge(page: page)),
+              class: "pagination-link #{'active' if page == @pagination[:current_page]}" %>
+        <% end %>
+        <span class="pagination-link disabled">...</span>
+        <%= link_to @pagination[:total_pages], banned_ips_path(params.to_unsafe_h.merge(page: @pagination[:total_pages])),
+            class: "pagination-link" %>
+      <% end %>
+    <% end %>
+
+    <% if @pagination[:has_next] %>
+      <%= link_to "Next →", banned_ips_path(params.to_unsafe_h.merge(page: @pagination[:next_page])),
+          class: "pagination-link" %>
+    <% else %>
+      <span class="pagination-link disabled">Next →</span>
+    <% end %>
+  </div>
+
+  <div style="text-align: center; margin-top: 1rem; font-size: 13px; color: #697386;">
+    Page <%= @pagination[:current_page] %> of <%= @pagination[:total_pages] %> •
+    Total: <%= number_with_delimiter(@pagination[:total_count]) %> banned IPs
+  </div>
+<% end %>