respond to feedback

Author: toph-allen

extensions/who-is-visiting-this-content/app.R

@@ -44,6 +44,34 @@ full_url <- function(session) {
   )
 }
 
+content_usage_table_search_method = JS("
+  function(rows, columnIds, searchValue) {
+    if (!searchValue) return rows;
+
+    const guidPattern = /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i;
+    const guidMatch = searchValue.match(guidPattern);
+    const matchGuid = guidMatch ? guidMatch[0].toLowerCase() : null;
+    const searchLower = searchValue.toLowerCase(); // <-- moved here
+
+    return rows.filter(function(row) {
+      return columnIds.some(function(columnId) {
+        const value = String(row.values[columnId] || '').toLowerCase();
+
+        if (columnId === 'title' && value.includes(searchLower)) {
+          return true;
+        }
+        if (columnId === 'dashboard_url' && value.includes(searchLower)) {
+          return true;
+        }
+        if (columnId === 'content_guid' && matchGuid && value === matchGuid) {
+          return true;
+        }
+        return false;
+      });
+    });
+  }
+")
+
 ui <- function(request) {
   page_sidebar(
     useShinyjs(),
@@ -507,6 +535,11 @@ server <- function(input, output, session) {
       pagination = TRUE,
       defaultPageSize = 25,
       sortable = TRUE,
+      searchable = TRUE,
+      searchMethod = content_usage_table_search_method,
+      language = reactableLang(
+        searchPlaceholder = "Search by title, URL, or GUID",
+      ),
       highlight = TRUE,
       defaultSorted = "total_views",
       style = list(cursor = "pointer"),
@@ -771,6 +804,11 @@ server <- function(input, output, session) {
     selected_content_info()$title
   })
 
+  output$content_guid <- renderText({
+    req(selected_content_info())
+    selected_content_info()$guid
+  })
+
   output$dashboard_link <- renderUI({
     req(selected_content_info())
     url <- selected_content_info()$dashboard_url
@@ -903,12 +941,17 @@ server <- function(input, output, session) {
       "Usage"
     } else {
       div(
-        style = "display: flex; justify-content: space-between; gap: 1rem; align-items: center;",
+        style = "display: flex; justify-content: space-between; gap: 1rem; align-items: baseline;",
         actionButton("clear_content_selection", "Back", icon("arrow-left"), class = "btn btn-sm", style = "white-space: nowrap;"),
         span(
             "Usage / ",
             textOutput("content_title", inline = TRUE)
         ),
+        code(
+          class = "text-muted",
+          style = "font-family: \"Fira Mono\", Consolas, Monaco, monospace; font-size: 0.875rem;",
+          textOutput("content_guid", inline = TRUE)
+        ),
         uiOutput("dashboard_link")
       )
     }

extensions/who-is-visiting-this-content/www/styles.css

@@ -15,14 +15,6 @@
   text-decoration-thickness: max(1px, 0.0625rem);
 }
 
-/* Styles for the column headers */
-.header {
-  border-bottom: 2px solid #555;
-  font-size: 0.8125rem;
-  font-weight: 400;
-  text-transform: uppercase;
-}
-
 /* Bar chart styles */
 
 .bar-cell {
@@ -48,5 +40,5 @@
 }
 
 #visit_merge_window_text {
-  margin-top: -10px !important;
+  margin-top: -10px;
 }