From 6670ba5192703de4d29eccafc535619bd5dcb82d Mon Sep 17 00:00:00 2001
From: AgentGoose32 <agentgoose32@gmail.com>
Date: Wed, 29 Apr 2026 18:11:34 -0400
Subject: [PATCH] Add media details monitoring shortcut

---
 public/html/media/details.html |  9 +++++++++
 public/js/media/details.js     | 11 +++++++++++
 public/js/player.js            | 11 ++++++++++-
 3 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/public/html/media/details.html b/public/html/media/details.html
index 441c8ba4..1d0a2beb 100644
--- a/public/html/media/details.html
+++ b/public/html/media/details.html
@@ -51,6 +51,15 @@ <h1 id="media_heading" data-t>Media Details</h1>
                         class="hidden"
                         >Versions</ob-element-button
                     >
+                    <ob-element-button
+                        data-text="Monitoring"
+                        data-icon-name="chart-line"
+                        data-icon-style="solid"
+                        data-t
+                        id="media_details_monitoring"
+                        class="hidden"
+                        >Monitoring</ob-element-button
+                    >
                 </p>
             </div>
             <ob-field-thumbnail
diff --git a/public/js/media/details.js b/public/js/media/details.js
index 1b3a4c68..4d4b245a 100644
--- a/public/js/media/details.js
+++ b/public/js/media/details.js
@@ -79,6 +79,17 @@ OB.MediaDetails.page = function (id) {
             document.querySelector("#media_details_restore").classList.remove("hidden");
         }
 
+        // allow users with player monitoring access to jump directly to filtered monitoring results.
+        if (
+            OB.Settings.permissions.indexOf("view_player_monitor") != -1 ||
+            OB.Settings.permissions.some((permission) => permission.indexOf("view_player_monitor:") == 0)
+        ) {
+            $("#media_details_monitoring").click(function () {
+                OB.Player.monitor({ media_id: id });
+            });
+            document.querySelector("#media_details_monitoring").classList.remove("hidden");
+        }
+
         // handle metadata
         $("#media_details_id").text(id);
         $("#media_details_thumbnail").val(item.thumbnail);
diff --git a/public/js/player.js b/public/js/player.js
index 90f387be..cd1ab71f 100644
--- a/public/js/player.js
+++ b/public/js/player.js
@@ -297,7 +297,7 @@ OB.Player.deletePlayerConfirm = function (player_id) {
    PLAYER MONITORING SECTION
 ========================= */
 
-OB.Player.monitor = function () {
+OB.Player.monitor = function (options = {}) {
     OB.UI.replaceMain("player/monitor.html");
 
     $("#monitor_date_start").attr("data-value", moment().subtract(1, "days"));
@@ -316,6 +316,15 @@ OB.Player.monitor = function () {
                 '<option value="' + item.id + '">' + htmlspecialchars(item.name) + "</option>",
             );
         });
+
+        if (options.media_id) {
+            $("#monitor_filter_field").val("media_id");
+            OB.Player.monitorFilterFieldChange();
+            $("#monitor_filter_operator").val("is");
+            $("#monitor_filter_value").val(options.media_id);
+            OB.Player.monitorFilterAdd();
+            OB.Player.monitorSearch();
+        }
     });
 };