enhance file manager add file style and position

src/ui/static/js/global.js

@@ -64,15 +64,13 @@ class News {
 
       if (sessionStorage.getItem("lastNews") !== null)
         return this.render(JSON.parse(sessionStorage.getItem("lastNews")));
-      try {
         fetch("https://www.bunkerweb.io/api/posts/0/2")
           .then((res) => {
             return res.json();
           })
           .then((res) => {
             return this.render(res.data);
-          });
-      } catch (err) {}
+          }).catch(e => {});
     });
   }
 
@@ -379,15 +377,13 @@ class Banner {
       return this.updateBanner(
         JSON.parse(sessionStorage.getItem("bannerNews")),
       );
-    try {
       fetch("https://www.bunkerweb.io/api/bw-ui-news")
         .then((res) => {
           return res.json();
         })
         .then((res) => {
           return this.updateBanner(res.data);
-        });
-    } catch (err) {}
+        }).catch(e => {});
   }
 
   updateBanner(bannerNews) {
@@ -532,7 +528,6 @@ const setDisabledPop = new DisabledPop();
 const setNews = new News();
 const setDarkM = new darkMode();
 const setFlash = new FlashMsg();
-const setBanner = new Banner();
 const setLoader = new Loader();
 const setMenu = new Menu();
 

src/ui/static/js/utils/file.manager.js

@@ -13,9 +13,6 @@ class FolderNav {
       `div[data-${this.prefix}-element][data-_type='file']`,
     );
     this.addFileEl = document.querySelector(`[data-${this.prefix}-add-file]`);
-    this.addFolderEl = document.querySelector(
-      `[data-${this.prefix}-add-folder]`,
-    );
     this.initSorted();
     this.initNav();
   }
@@ -96,18 +93,10 @@ class FolderNav {
 
   //check if file/folder can be created on folder
   updateActions(folder) {
-    //by default
-    this.hideAddConf();
     //check if folder allow add file/folder
     const isAddFile = folder.getAttribute("data-can-create-file");
-    const isAddFolder = folder.getAttribute("data-can-create-folder");
-    isAddFile === "True" ? this.addFileEl.classList.remove("hidden") : "";
-    isAddFolder === "True" ? this.addFolderEl.classList.remove("hidden") : "";
-  }
-
-  hideAddConf() {
-    this.addFileEl.classList.add("hidden");
-    this.addFolderEl.classList.add("hidden");
+    console.log(isAddFile, "isAddFile")
+    isAddFile === "True" ? this.addFileEl.removeAttribute("disabled")  : this.addFileEl.setAttribute("disabled", "");
   }
 
   showCurrentFolderEls(path, lvl) {
@@ -353,25 +342,10 @@ class FolderModal {
   //HANDLERS
   initAddConfig() {
     this.addConfContainer.addEventListener("click", (e) => {
-      //add folder
-      try {
-        if (
-          e.target.closest("li").hasAttribute(`data-${this.prefix}-add-folder`)
-        ) {
-          this.setModal(
-            "new",
-            this.getPathFromBread(),
-            "folder",
-            "",
-            "",
-            this.getLevelFromBread(),
-          );
-        }
-      } catch (err) {}
       //add file
       try {
         if (
-          e.target.closest("li").hasAttribute(`data-${this.prefix}-add-file`)
+          e.target.closest("button").hasAttribute(`data-${this.prefix}-add-file`)
         ) {
           this.setModal(
             "new",

src/ui/styles.css

@@ -145,3 +145,7 @@
 /*---------------------------------------------*/
 /*---------------END SETTINGS_TABS-------------*/
 /*---------------------------------------------*/
+
+.file-manager-actions-item-btn {
+  @apply rounded dark:text-gray-300 text-primary whitespace-nowrap md:block border-primary dark:hover:bg-slate-800 dark:border-slate-600 dark:bg-slate-700 border m-1 relative pl-4 pr-5 pb-2.5 pt-3 font-bold text-center uppercase align-middle transition-all cursor-pointer bg-white hover:bg-gray-100 leading-normal text-sm ease-in tracking-tight-rem shadow-xs hover:shadow-md disabled:cursor-not-allowed dark:disabled:text-gray-300 disabled:text-gray-700 disabled:bg-gray-400 disabled:border-gray-400/0 dark:disabled:bg-gray-700 dark:disabled:border-gray-700/0 disabled:hover:translate-y-0 disabled:hover:bg-gray-400 disabled:hover:border-gray-400/0 dark:disabled:hover:translate-y-0 dark:disabled:hover:bg-gray-700 dark:disabled:hover:border-gray-700/0;
+}