Browse Source

Added web

TC 2 days ago
parent
commit
18afd6fcfc
2 changed files with 43 additions and 6 deletions
  1. 3 3
      mod/bokofs/bokothumb/bokodir.go
  2. 40 3
      web/index.html

+ 3 - 3
mod/bokofs/bokothumb/bokodir.go

@@ -68,7 +68,7 @@ func (r *RouterDir) cleanPrefix(name string) string {
 
 func (r *RouterDir) Mkdir(ctx context.Context, name string, perm os.FileMode) error {
 	// Implement the Mkdir method
-	return fmt.Errorf("Mkdir operation is not allowed: read-only file system")
+	return webdav.ErrForbidden
 }
 
 func (r *RouterDir) OpenFile(ctx context.Context, name string, flag int, perm os.FileMode) (webdav.File, error) {
@@ -108,7 +108,7 @@ func (r *RouterDir) OpenFile(ctx context.Context, name string, flag int, perm os
 	fmt.Println("[Bokothumb]", "OpenFile called to "+name)
 	// Check if the file is being opened with write permissions
 	if flag&(os.O_WRONLY|os.O_RDWR|os.O_APPEND|os.O_CREATE|os.O_TRUNC) != 0 {
-		return nil, fmt.Errorf("write operations are not allowed: read-only file system")
+		return nil, webdav.ErrForbidden
 	}
 	return r.dir.OpenFile(ctx, name, flag, perm)
 }
@@ -122,7 +122,7 @@ func (r *RouterDir) RemoveAll(ctx context.Context, name string) error {
 
 func (r *RouterDir) Rename(ctx context.Context, oldName, newName string) error {
 	// Implement the Rename method
-	return fmt.Errorf("Rename operation is not allowed: read-only file system")
+	return webdav.ErrForbidden
 }
 
 func (r *RouterDir) Stat(ctx context.Context, name string) (os.FileInfo, error) {

+ 40 - 3
web/index.html

@@ -1,11 +1,48 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="is-dark">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Hello World</title>
+    <title>Admin Panel | BokoFS</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tocas-ui/5.0.2/tocas.min.js"></script>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <style>
+     
+    </style>
 </head>
 <body>
-    <h1>Hello, World!</h1>
+    <div class="ts-content is-fitted">
+        <div class="ts-container">
+            <div class="ts-tab">
+                <div href="#!" class="item">BokoFS</div>
+                <a href="#!" class="item is-active">Status</a>
+                <a href="#!" class="item">Disks</a>
+                <a href="#!" class="item">RAID</a>
+                <a href="#!" class="item">Network</a>
+                <a href="#!" class="item">Tools</a>
+            </div>
+        </div>
+    </div>
+    <div class="ts-divider"></div>
+    <div class="ts-content is-vertically-padded">
+        <div class="ts-container">
+            <div class="ts-content is-rounded is-padded has-top-spaced-large" style="background: var(--ts-gray-800); color: var(--ts-gray-50)">
+                <div style="max-width: 300px">
+                    <div class="ts-header is-huge is-heavy">數十年前被魚群圍毆的天才小釣手</div>
+                    <p>你能夠想像一個試圖釣魚卻又被魚群圍毆的天才小釣手嗎?32 年前一個驚為天人的祕密,這史書尚未記載的故事將在此完全揭露。</p>
+                    <a href="#!" class="ts-button is-outlined" style="color: var(--ts-gray-50)">繼續閱讀</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
 </body>
 </html>