feat: add tick when copy text

bigomics · Jul 8, 2024 · 2244ba3 · 2244ba3
1 parent 73dc05f
commit 2244ba3
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/components/app/R/ui.R b/components/app/R/ui.R
@@ -67,6 +67,7 @@ app_ui <- function(x) {
         ##    gtag2, ## Google Tag Manager???
         shiny::tags$head(shiny::tags$script(src = "custom/temp.js")),
         shiny::tags$head(shiny::tags$script(src = "static/copy-info-helper.js")),
+        shiny::tags$head(shiny::tags$script(src = "static/add-tick-helper.js")),
         shiny::tags$head(shiny::tags$script(src = "custom/dropdown-helper.js")),
         shiny::tags$head(shiny::tags$link(rel = "stylesheet", href = "custom/styles.min.css")),
         shiny::tags$head(shiny::tags$link(rel = "shortcut icon", href = "custom/favicon.ico")),

diff --git a/components/app/R/www/add-tick-helper.js b/components/app/R/www/add-tick-helper.js
@@ -0,0 +1,12 @@
+function addTick(buttonId) {
+  var button = document.getElementById(buttonId);
+  var originalText = button.innerHTML;
+  button.innerHTML = originalText + '<span class=\"tick\"> ✓</span>';
+  button.classList.add('show-tick');
+  setTimeout(function() {
+    button.classList.remove('show-tick');
+    setTimeout(function() {
+      button.innerHTML = originalText;
+    }, 500); // Match this duration with CSS transition duration
+  }, 1000);
+}
diff --git a/components/ui/ui-PlotModule.R b/components/ui/ui-PlotModule.R
@@ -1091,6 +1091,15 @@ PlotModuleServer <- function(id,
         )]] <- render2
       }
 
+      shiny::observeEvent(input$copy_info, {
+        shinyjs::runjs(
+          paste0(
+            "addTick('",
+            ns("copy_info"),
+            "')"
+          )
+        )
+      })
 
 
       ## --------------------------------------------------------------------------------

diff --git a/dev/board.launch/ui.R b/dev/board.launch/ui.R
@@ -60,6 +60,7 @@ app_ui <- function() {
       shiny::tags$head(shiny::tags$script(src = "static/test_trigger.js")),
       shiny::tags$head(shiny::tags$script(src = "static/dropdown-extra.js")),
       shiny::tags$head(shiny::tags$script(src = "static/copy-info-helper.js")),
+      shiny::tags$head(shiny::tags$script(src = "static/add-tick-helper.js")),
       shiny::tags$head(shiny::tags$link(rel = "stylesheet", href = "static/styles.min.css")),
       shiny::tags$head(shiny::tags$link(rel = "shortcut icon", href = "static/favicon.ico")),
       shinyjs::useShinyjs(),