Home Explore Help
Sign In
TC
/
arozos
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Updated download page for share

TC pushbot 5 4 years ago
parent
df26179b11
commit
55ca2804e3
2 changed files with 65 additions and 3 deletions
Unified View Show Diff Stats
  1. 43 3
      system/share/downloadPageFolder.html
  2. 22 0
      web/SystemAO/security/authreq.html

+ 43 - 3
system/share/downloadPageFolder.html
View File 

@@ -48,6 +48,19 @@
 
           -ms-user-select: none; /* Internet Explorer/Edge */
 
           -ms-user-select: none; /* Internet Explorer/Edge */
 
           user-select: none;
 
           user-select: none;
 
         }
 
         }
 
+
 
+        #filelistWrapper{
 
+          position: relative;
 
+          padding: 12px;
 
+          border-top: 4px solid #ffe46c;
 
+          -webkit-box-shadow: 11px 9px 23px 0px rgba(54,54,54,0.31); 
+          box-shadow: 11px 9px 23px 0px rgba(54,54,54,0.31);
 
+        }
 
+
 
+        td{
 
+          word-wrap: anywhere;
 
+          word-break: break-all;
 
+        }
 
     </style>
 
     </style>
 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
@@ -90,7 +103,7 @@
 
                     <p>Request File ID: {{reqid}}</p>
 
                     <p>Request File ID: {{reqid}}</p>
 
                     <p>Request Timestamp: {{reqtime}}</p>
 
                     <p>Request Timestamp: {{reqtime}}</p>
 
                 </div>
 
                 </div>
 
-                <div class="one-half column" id="filelistWrapper" style="overflow-y: auto; padding-right: 0.5em;">
 
+                <div class="one-half column" id="filelistWrapper" style="overflow-y: auto; padding-right: 0.5em; min-height: 400px;">
 
                   <table class="u-full-width">
 
                   <table class="u-full-width">
 
                     <thead>
 
                     <thead>
 
                       <tr>
 
                       <tr>
 
@@ -119,7 +132,20 @@
 
       var selectedFile = null;
 
       var selectedFile = null;
 
       renderFileList(treeFileList["."]);
 
       renderFileList(treeFileList["."]);
 
 
 
-      console.log(treeFileList);
 
+      handleWindowResize();
 
+      $(window).on("resize", function(e){
 
+        handleWindowResize();
 
+      });
 
+
 
+      function handleWindowResize(){
 
+        if (window.innerWidth < 550){
 
+          //Assume mobile
 
+          $(".footer").css("height", "20px");
 
+        }else{
 
+          $(".footer").css("height", "50px");
 
+        }
 
+      }
 
+      
 
 
       function renderFileList(filelist){
 
       function renderFileList(filelist){
 
         $("#folderList").html("");
 
         $("#folderList").html("");
 
@@ -134,10 +160,24 @@
 
           var filetype = "File";
 
           var filetype = "File";
 
           var displayName = "";
 
           var displayName = "";
 
           if (file.IsDir == true){
 
           if (file.IsDir == true){
 
+            //Folder
 
             filetype = "Folder";
 
             filetype = "Folder";
 
             displayName = "📁 " + file.Filename;
 
             displayName = "📁 " + file.Filename;
 
           }else{
 
           }else{
 
-            displayName = "📄 " + file.Filename;
 
+            //File
 
+            var ext = file.Filename.split(".").pop();
 
+            var icon = "📄"
 
+            ext = ext.toLowerCase();
 
+            if (ext == "mp3" || ext == "wav" || ext == "flac" || ext == "aac" || ext == "ogg" || ext == ""){
 
+              icon = "🎵";
 
+            }else if (ext == "mp4" || ext == "avi" || ext == "webm" || ext == "mkv" || ext == "mov" || ext == "rvmb"){
 
+              icon = "🎞️";
 
+            }else if (ext == "png" || ext == "jpeg" || ext == "jpg" || ext == "bmp" || ext == "gif"){
 
+              icon = "🖼️";
 
+            }
 
+
 
+            displayName =  icon + " " + file.Filename;
 
+            
           }
 
           }
 
           $("#folderList").append(`<tr class="fileobject noselect" onclick="highlightThis(this);" filename="${file.Filename}" relpath="${file.RelPath}" type="${filetype.toLocaleLowerCase()}" ondblclick="event.preventDefault(); openThis(this);">
 
           $("#folderList").append(`<tr class="fileobject noselect" onclick="highlightThis(this);" filename="${file.Filename}" relpath="${file.RelPath}" type="${filetype.toLocaleLowerCase()}" ondblclick="event.preventDefault(); openThis(this);">
 
               <td style="padding-left: 8px;">${displayName}</td>
 
               <td style="padding-left: 8px;">${displayName}</td>

+ 22 - 0
web/SystemAO/security/authreq.html
View File 

@@ -54,6 +54,28 @@
 
     </div>
 
     </div>
 
     
     
     <script>
 
     <script>
 
+        /*
 
+            Usage Example:
 
+            var apiObject = {
 
+                api: "/system/myfunction",
 
+                data: {message: "Hello World"},
 
+                title: "<i class='red exclamation triangle icon'></i> Danger Operation <i class='red exclamation triangle icon'></i>",
 
+                desc: "Please enter your password to confirm operation.",
 
+                thisuser: true, //This username as default, set to false for allowing other user name to be entered
 
+                method: "GET"
 
+            }
 
+
 
+            ao_module_newfw({
 
+                url: "SystemAO/security/authreq.html#" + encodeURIComponent(JSON.stringify(apiObject)),
 
+                width: 480,
 
+                height: 300,
 
+                appicon: "SystemAO/security/img/lock.svg",
 
+                title: "Authentication Required",
 
+                parent: ao_module_windowID,
 
+                callback: "handleAuthCallback"
 
+            });
 
+
 
+        */
 
        ao_module_setFixedWindowSize();
 
        ao_module_setFixedWindowSize();
 
        ao_module_setWindowSize(420, 260);
 
        ao_module_setWindowSize(420, 260);
 
        var actionObject = {};
 
        var actionObject = {};