Put audit log feed in component (#1677)

* Put audit log feed in component * Remove deprecated files
nerves-hub · Dec 5, 2024 · 963a702 · 963a702
1 parent ab42170
commit 963a702
Show file tree

Hide file tree

Showing 7 changed files with 39 additions and 81 deletions.
diff --git a/lib/nerves_hub_web/components/audit_log_feed.ex b/lib/nerves_hub_web/components/audit_log_feed.ex
@@ -0,0 +1,34 @@
+defmodule NervesHubWeb.Components.AuditLogFeed do
+  use NervesHubWeb, :component
+
+  import NervesHubWeb.LayoutView, only: [pagination_links: 1]
+
+  alias NervesHubWeb.LayoutView.DateTimeFormat
+
+  attr(:audit_logs, :list)
+  attr(:audit_pager, :map)
+
+  def render(assigns) do
+    ~H"""
+    <div id="audit-log-feed">
+      <%= if Enum.empty?(@audit_logs) do %>
+        <div class="audit-log-item">
+          <p class="text-muted">No activity</p>
+        </div>
+      <% else %>
+        <div :for={audit_log <- @audit_logs} class="audit-log-item" id={audit_log.id}>
+          <div class="audit-action-icon icon-update"></div>
+          <div>
+            <p class="audit-description"><%= audit_log.description %></p>
+            <div class="help-text">
+              <%= DateTimeFormat.from_now(audit_log.inserted_at) %><small> at <%= audit_log.inserted_at %></small>
+              <%= if audit_log.reference_id, do: "(Ref: #{audit_log.reference_id})" %>
+            </div>
+          </div>
+        </div>
+        <%= pagination_links(@audit_pager) %>
+      <% end %>
+    </div>
+    """
+  end
+end
diff --git a/lib/nerves_hub_web/live/deployments/show.ex b/lib/nerves_hub_web/live/deployments/show.ex
@@ -8,6 +8,8 @@ defmodule NervesHubWeb.Live.Deployments.Show do
   alias NervesHub.Firmwares.Firmware
   alias NervesHub.Repo
 
+  alias NervesHubWeb.Components.AuditLogFeed
+
   @impl Phoenix.LiveView
   def mount(params, _session, socket) do
     %{"name" => name} = params

diff --git a/lib/nerves_hub_web/live/deployments/show.html.heex b/lib/nerves_hub_web/live/deployments/show.html.heex
@@ -205,5 +205,5 @@
 <div>
   <h3 id="latest-activity" class="mb-2">Latest Activity</h3>
 
-  <%= render(NervesHubWeb.AuditLogView, "_audit_log_feed.html", assigns) %>
+  <AuditLogFeed.render audit_logs={@audit_logs} audit_pager={@audit_pager} />
 </div>
diff --git a/lib/nerves_hub_web/live/devices/show.ex b/lib/nerves_hub_web/live/devices/show.ex
@@ -11,6 +11,7 @@ defmodule NervesHubWeb.Live.Devices.Show do
   alias NervesHub.Firmwares
   alias NervesHub.Tracker
 
+  alias NervesHubWeb.Components.AuditLogFeed
   alias NervesHubWeb.Components.DeviceHeader
   alias NervesHubWeb.Components.FwupProgress
   alias NervesHubWeb.Components.DeviceLocation

diff --git a/lib/nerves_hub_web/live/devices/show.html.heex b/lib/nerves_hub_web/live/devices/show.html.heex
@@ -263,7 +263,7 @@
         </a>
       </div>
 
-      <%= render(NervesHubWeb.AuditLogView, "_audit_log_feed.html", assigns) %>
+      <AuditLogFeed.render audit_logs={@audit_logs} audit_pager={@audit_pager} />
     </div>
   </div>
 </div>
diff --git a/lib/nerves_hub_web/templates/audit_log/_audit_log_feed.html.heex b/lib/nerves_hub_web/templates/audit_log/_audit_log_feed.html.heex
diff --git a/lib/nerves_hub_web/views/audit_log_view.ex b/lib/nerves_hub_web/views/audit_log_view.ex
-Original file line number
+Diff line change
@@ Expand Up / @@ -263,7 +263,7 @@ @@
             </a>
           </div>
-          <%= render(NervesHubWeb.AuditLogView, "_audit_log_feed.html", assigns) %>
+          <AuditLogFeed.render audit_logs={@audit_logs} audit_pager={@audit_pager} />
         </div>
       </div>
     </div>