Merge branch 'dev' of github.com:bunkerity/bunkerweb into dev

docs/web-ui.md

@@ -1733,6 +1733,16 @@ After a successful login/password combination, you will be prompted to enter you
 
 In case you have buy a pro version and you already have a BunkerWeb setup with an UI, you can update **pro settings** inside **global config page**.
 
-- add image
+You have to click on the **pro plugin**, fill the license key settings and save.
 
-- procedure : get key from panel, put on the related settings, save
+<figure markdown>
+  ![Overview](assets/img/pro-from-ui.webp){ align=center, width="500" }
+  <figcaption>Upgrade to pro from UI</figcaption>
+</figure>
+
+In case your license key is valid, you'll get BunkerWeb version pro. you can check this in **home page**.
+
+<figure markdown>
+  ![Overview](assets/img/pro-home-card.png){ align=center, width="400" }
+  <figcaption>Home version card with PRO</figcaption>
+</figure>

src/common/core/order.json

@@ -15,13 +15,7 @@
     "letsencrypt",
     "selfsigned"
   ],
-  "set": [
-    "sessions",
-    "whitelist",
-    "letsencrypt",
-    "customcert",
-    "selfsigned"
-  ],
+  "set": ["sessions", "whitelist", "letsencrypt", "customcert", "selfsigned"],
   "ssl_certificate": ["customcert", "letsencrypt", "selfsigned"],
   "access": [
     "whitelist",

src/ui/static/js/global.js

@@ -64,31 +64,37 @@ class News {
 
       if (sessionStorage.getItem("lastNews") !== null)
         return this.render(JSON.parse(sessionStorage.getItem("lastNews")));
+
       fetch("https://www.bunkerweb.io/api/posts/0/2")
         .then((res) => {
           return res.json();
         })
         .then((res) => {
-          return this.render(res.data);
+          const reverseData = res.data.reverse();
+          return this.render(reverseData);
         })
         .catch((e) => {});
     });
   }
 
   render(lastNews) {
-    const lastNewsReverse = lastNews.reverse();
-    // store for next time
-    sessionStorage.setItem("lastNews", JSON.stringify(lastNewsReverse));
-    // Refetch after one hour
-    sessionStorage.setItem(
-      "lastRefetch",
-      Math.round(new Date().getTime() / 1000) + 3600,
-    );
+    // store for next time if not the case
+    if (
+      !sessionStorage.getItem("lastNews") &&
+      !sessionStorage.getItem("lastRefetch")
+    ) {
+      sessionStorage.setItem(
+        "lastRefetch",
+        Math.round(new Date().getTime() / 1000) + 3600,
+      );
+      sessionStorage.setItem("lastNews", JSON.stringify(lastNews));
+    }
+
     const newsContainer = document.querySelector("[data-news-container]");
     //remove default message
     newsContainer.textContent = "";
     //render last news
-    lastNewsReverse.forEach((news) => {
+    lastNews.forEach((news) => {
       //create html card from  infos
       const cardHTML = this.template(
         news.title,
@@ -528,6 +534,7 @@ const setSelect = new Select();
 const setPassword = new Password();
 const setDisabledPop = new DisabledPop();
 const setNews = new News();
+// const setBanner = new Banner();
 const setDarkM = new darkMode();
 const setFlash = new FlashMsg();
 const setLoader = new Loader();