From db3fcb4fb931fba40a46a7a201e465a21d686692 Mon Sep 17 00:00:00 2001
From: DL6ER <dl6er@dl6er.de>
Date: Fri, 3 Nov 2023 18:52:08 +0100
Subject: [PATCH] Show extra info alert on successful import to remind users
 they should run gravity's update

Signed-off-by: DL6ER <dl6er@dl6er.de>
---
 scripts/pi-hole/js/settings-teleporter.js | 5 ++---
 settings-teleporter.lp                    | 6 ++++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/scripts/pi-hole/js/settings-teleporter.js b/scripts/pi-hole/js/settings-teleporter.js
index 884a6f623..f1abc6836 100644
--- a/scripts/pi-hole/js/settings-teleporter.js
+++ b/scripts/pi-hole/js/settings-teleporter.js
@@ -48,9 +48,7 @@ function importZIP() {
         if (data.error.hint !== null) $("#modal-import-error-message").text(data.error.hint);
       } else if ("files" in data) {
         $("#modal-import-success").show();
-        $("#modal-import-success-title").text(
-          "Import successful, please run pihole -g to update gravity."
-        );
+        $("#modal-import-success-title").text("Import successful");
         var text = "<p>Processed files:<ul>";
         for (var i = 0; i < data.files.length; i++) {
           text += "<li>/" + utils.escapeHtml(data.files[i]) + "</li>";
@@ -58,6 +56,7 @@ function importZIP() {
 
         text += "</ul></p>";
         $("#modal-import-success-message").html(text);
+        $("#modal-import-gravity").show();
       }
 
       if ("took" in data) {
diff --git a/settings-teleporter.lp b/settings-teleporter.lp
index 1edf02ee6..2acd73723 100644
--- a/settings-teleporter.lp
+++ b/settings-teleporter.lp
@@ -76,6 +76,12 @@ mg.include('scripts/pi-hole/lua/settings_header.lp','r')
                         <p id="modal-import-error-message"></p>
                     </div>
                 </div>
+                <div id="modal-import-gravity" style="display:none">
+                    <div class="alert alert-info alert-dismissible">
+                        <h4><i class="icon fa fa-fw fa-info-circle"></i> Please run gravity</h4>
+                        <p>Use <a href='/admin/gravity'>Tools &rarr; Gravity</a> or run <code>pihole -g</code> to update your lists.</p>
+                    </div>
+                </div>
                 <p id="modal-import-info-message"></p>
             </div>
             <div class="modal-footer">