From af48f3c97e0d1013e4b34af93257df7b5844c4b3 Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Wed, 20 Dec 2023 23:08:23 +0000
Subject: [PATCH] feat: adds help tooltips to File Browsers

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/job-queue/JobQueueCard.vue | 1 +
 src/components/widgets/jobs/JobsCard.vue          | 1 +
 src/locales/en.yaml                               | 7 +++++++
 src/views/Configure.vue                           | 2 ++
 src/views/Jobs.vue                                | 1 +
 5 files changed, 12 insertions(+)

diff --git a/src/components/widgets/job-queue/JobQueueCard.vue b/src/components/widgets/job-queue/JobQueueCard.vue
index dfc2e70118e..ca73dadc7b2 100644
--- a/src/components/widgets/job-queue/JobQueueCard.vue
+++ b/src/components/widgets/job-queue/JobQueueCard.vue
@@ -5,6 +5,7 @@
     :draggable="!fullscreen"
     :collapsable="!fullscreen"
     layout-path="dashboard.job-queue-card"
+    :help-tooltip="$t('app.job_queue.tooltip.help')"
   >
     <template #menu>
       <app-btn-collapse-group :collapsed="menuCollapsed">
diff --git a/src/components/widgets/jobs/JobsCard.vue b/src/components/widgets/jobs/JobsCard.vue
index fb39914284c..eef9be7336f 100644
--- a/src/components/widgets/jobs/JobsCard.vue
+++ b/src/components/widgets/jobs/JobsCard.vue
@@ -4,6 +4,7 @@
     icon="$files"
     draggable
     layout-path="dashboard.jobs-card"
+    :help-tooltip="$t('app.general.tooltip.file_browser_help')"
   >
     <template #menu>
       <app-btn
diff --git a/src/locales/en.yaml b/src/locales/en.yaml
index f0216b49074..21345dea32c 100644
--- a/src/locales/en.yaml
+++ b/src/locales/en.yaml
@@ -451,6 +451,10 @@ app:
       restart_klipper: Restarts the klipper system service.
       run_collector: Run collector
       rollover_logs: Rollover logs
+      file_browser_help: >-
+        Drag and drop files or folders from outside the browser to upload them here<br>Move files and folders by dragging and dropping them onto sub-folders or ".."
+      file_browser_configuration_help: >-
+        Copy files and folders to the Configuration Files by dragging them from here and dropping them there
   history:
     msg:
       confirm: Are you sure? This will clear all history, and printer statistics
@@ -463,6 +467,9 @@ app:
       number_of_copies: Number of copies
     title:
       multiply_job: Multiply Job | Multiply Jobs
+    tooltip:
+      help: >-
+        Queue jobs by dragging files from the Jobs and dropping them here<br>Adjust the order of queued jobs by dragging them up or down
   printer:
     state:
       busy: Busy
diff --git a/src/views/Configure.vue b/src/views/Configure.vue
index 967f04c39c7..de646b6caf1 100644
--- a/src/views/Configure.vue
+++ b/src/views/Configure.vue
@@ -7,6 +7,7 @@
       <collapsable-card
         :title="$t('app.general.title.config_files')"
         icon="$codeJson"
+        :help-tooltip="$t('app.general.tooltip.file_browser_help')"
       >
         <file-system
           :roots="['config']"
@@ -23,6 +24,7 @@
       <collapsable-card
         :title="$t('app.general.title.other_files')"
         icon="$files"
+        :help-tooltip="$t('app.general.tooltip.file_browser_configuration_help')"
       >
         <file-system
           :roots="roots"
diff --git a/src/views/Jobs.vue b/src/views/Jobs.vue
index db5dc82158e..54290739b2a 100644
--- a/src/views/Jobs.vue
+++ b/src/views/Jobs.vue
@@ -9,6 +9,7 @@
         card-key="JobsPage"
         icon="$files"
         class="mb-2 mb-sm-4"
+        :help-tooltip="$t('app.general.tooltip.file_browser_help')"
       >
         <file-system
           :roots="'gcodes'"