Aded WebDAV connection instruction

web/SystemAO/disk/instr/sftp.html

@@ -1,3 +1,24 @@
-<div class="ui message" style="margin-top: 0;">
-   Work in progress
-</div>
+<div class="ui blue message" style="margin-top: 0;">
+   <h4 class="ui header">
+      <i class="terminal icon"></i>
+      <div class="content">
+         SFTP File Server
+         <div class="sub header">How to use SFTP File Server on Windows or Mac</div>
+      </div>
+   </h4>
+   <p>In order to connect to ArozOS SFTP Server from Windows or Mac, you will need one of the following SFTP Clients.</p>
+   <div class="ui list">
+      <div class="item">
+         <i class="external icon"></i>
+         <div class="content">
+            <a href="https://winscp.net/eng/download.php" target="_blank">WinSCP</a>
+         </div>
+      </div>
+      <div class="item">
+         <i class="external icon"></i>
+         <div class="content">
+            <a href="https://filezilla-project.org/" target="_blank">FileZilla</a>
+         </div>
+      </div>
+   </div>
+</div>

web/SystemAO/disk/instr/webdav.html

@@ -1,8 +1,8 @@
-<div class="ui message maconly" style="display:none; margin-top: 0;">
+<div class="ui message maconly instr" style="display:none; margin-top: 0;">
     <h4><i class="apple icon"></i> Login Method for MacOS</h4>
     <p>If you are using MacOS, you can select "Connect to Network Server", enter the endpoint of the arozos WebDAV service (<span class="protocol"></span>//<span class="hostname"></span>:<span class="port"></span>/webdav/{vroot_name}) and login with your arozos username and password.</p>
 </div>
-<div class="ui blue message windowonly nontls" style="display:none; margin-top: 0;">
+<div class="ui blue message windowonly nontls instr" style="display:none; margin-top: 0;">
     <h4><i class="windows icon"></i> Login Method for Windows (Non SSL / TLS Mode)</h4>
     <p>If you are using Windows File Explorer as your WebDAV Client without TLS enabled on arozos server, <b>WebDAV will run in compatibility mode and Basic Auth is not usable. You must authenticate through this Web UI. </b> Please follow the steps below to authenticate your Windows WebDAV Client.</p>
     <ol class="ui list">
@@ -13,11 +13,11 @@
         <li>Refresh your file list in File Explorer and your root folder (user:/) should be listed</li>
     </ol>
 </div>
-<div class="ui blue message windowonly tls" style="display:none">
+<div class="ui teal message windowonly tls instr" style="display:none">
     <h4><i class="windows icon"></i> Login Method for Windows (With SSL / TLS MODE)</h4>
     <p>If you are using Windows File Explorer as your WebDAV Client, go to "My Computer" and add a network drive with the following endpoint: <span class="protocol"></span>//<span class="hostname"></span>:<span class="port"></span>/webdav/{vroot_name}</p>
 </div>
-
+<a onclick="showAllInstr(this);" style="cursor: pointer;">Show instruction for other platforms</a>
 <script>
     var isMac = navigator.platform.indexOf('Mac') > -1;
     var isWindows = navigator.platform.indexOf('Win') > -1;
@@ -42,4 +42,9 @@
     }else{
         $(".tls").hide();
     }
+
+    function showAllInstr(object){
+        $(".instr").show();
+        $(object).hide();
+    }
 </script>