#2 Stale the cache, reload and shows the feedback

Author: gerardnico

README.md

@@ -30,6 +30,8 @@ You can stale the cache:
 
 ## Release
 
+  * 2021-09-04:
+     * As [per request 2](https://github.com/ComboStrap/stale/issues/2), Make the cache stale, reload the page and shows the feedback
   * 2021-09-01:
      * Delete the [sitemap](https://www.dokuwiki.org/sitemap)
   * 2021-08-30:

plugin.info.txt

@@ -1,7 +1,7 @@
 base   stale
 author ComboStrap
 email  support@combostrap.com
-date   2021-09-01
+date   2021-09-04
 name   Stale plugin
 desc   Make the cache stale by by touching configuration files
 url    https://www.dokuwiki.org/plugin:stale

stale.js

@@ -1,56 +1,73 @@
 /**
- * Call the plugin with ajax
- *
+ * Add a click handler to the
+ * element with the `plugin_stale` class
  */
 
-jQuery('.plugin_stale')
-    .show()
-    .click(function (e) {
-        e.preventDefault();
-
-        // post the data
-        jQuery.post(
-            DOKU_BASE + 'lib/exe/ajax.php',
-            {
-                call: 'plugin_stale'
-            },
-            // Display feedback
-            // https://api.jqueryui.com/dialog/
-            function (result) {
-                let dialogElement = jQuery(document.createElement('div'));
-                dialogElement.html(result.message);
-
-                /**
-                 *
-                 * @param {any | JQuery} jElement
-                 */
-                let remove = function (jElement) {
-                    if (jElement.parent().length > 0) {
-                        jElement.dialog('close');
-                        jElement.remove();
-                        jQuery(document.activeElement).blur();
-                    }
-                };
-
-                dialogElement.dialog({
-                    dialogClass: "stale-dialog",
-                    closeOnEscape: true,
-                    modal: true,
-                    open: function () {
-                        // close it after 2 seconds (toast)
-                        setTimeout(function () {
-                            remove(dialogElement)
-                        }, 2000);
-                    }
-                });
-
-                // Close it if the user click
-                jQuery(document).on("click", function () {
-                    remove(dialogElement)
-                });
-
-            }
-        );
-
-    });
+(function IIFE(){
+    const queryParameterKey = "stale";
+    jQuery('.plugin_stale')
+        .show()
+        .click(function (e) {
+            e.preventDefault();
+            // post the data
+            jQuery.post(
+                DOKU_BASE + 'lib/exe/ajax.php',
+                {
+                    call: 'plugin_stale'
+                },
+                // Display feedback
+                // https://api.jqueryui.com/dialog/
+                function (result) {
+                    const actualUrl = new URL(window.location.href);
+                    actualUrl.searchParams.set(queryParameterKey,result.message);
+                    window.location.assign(actualUrl.toString());
+                }
+            );
+        });
+    jQuery(function(){
+
+        const actualUrl = new URL(window.location.href);
+        if(actualUrl.searchParams.has(queryParameterKey)){
+
+            const sec = 10;
+            const message = actualUrl.searchParams.get(queryParameterKey);
+            let dialogElement = jQuery(document.createElement('div'));
+            dialogElement.html(`<h3>Stale</h3><p>${message}</p><p>The page was reloaded.</p><p>Note: This window will close automatically after ${sec} second if you don't click or press any key.</p>`);
+
+            /**
+             *
+             * @param {any | JQuery} jElement
+             */
+            let remove = function (jElement) {
+                if (jElement.parent().length > 0) {
+                    jElement.dialog('close');
+                    jElement.remove();
+                    jQuery(document.activeElement).blur();
+                }
+            };
+
+            dialogElement.dialog({
+                dialogClass: "stale-dialog",
+                closeOnEscape: true,
+                modal: true,
+                open: function () {
+                    // close it after 2 seconds (toast)
+                    setTimeout(function () {
+                        remove(dialogElement)
+                    }, sec*1000);
+                }
+            });
+
+            // Close it if the user click or press any key
+            jQuery(document).on("click", function () {
+                remove(dialogElement)
+            });
+            jQuery(document).on("keypress", function () {
+                remove(dialogElement)
+            });
+
+        }
+    })
+})();
+