🎉 完成基本的演示和样例

2024-10-23 17:46:15 +08:00
commit aefc004e33
56 changed files with 2648 additions and 0 deletions
--- a/internal/serve/handler/serve_login.html
+++ b/internal/serve/handler/serve_login.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link
+            rel="stylesheet"
+            href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.jade.min.css"
+    >
+    <title>Server Login</title>
+    <style>
+        body {
+            height: 100vh;
+            width: 100vw;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+        div.row {
+            display: flex;
+            align-items: center;
+            max-width: 33%;
+            height: 50px;
+            overflow: hidden;
+            flex: 1;
+        }
+        div.row:nth-child(2) {
+            justify-content: center;
+        }
+        div.row:last-child {
+            margin-left: auto;
+        }
+    </style>
+</head>
+<body>
+<div>
+    <h3>欢迎来到 UAuth</h3>
+    <article style="display: flex; align-items: center;">
+        <div class="row">
+            <div style="height:50px; width:50px;">
+                <img src="https://picsum.photos/seed/drealism/200"/>
+            </div>
+            <div style="margin-left:10px; ">UAuth</div>
+        </div>
+        <div style="transform: rotate(90deg);" class="row">
+            <svg t="1730168415342" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1981" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><path d="M428.3 66.4c-12-5-25.7-2.2-34.9 6.9l-320 319.6c-12.5 12.5-12.5 32.7 0 45.3 12.5 12.5 32.7 12.5 45.3 0l265.4-265V928c0 17.7 14.3 32 32 32s32-14.3 32-32V96c-0.1-12.9-7.9-24.6-19.8-29.6zM950.6 585.8c-12.5-12.5-32.8-12.5-45.3 0L640 850.8V96c0-17.7-14.3-32-32-32s-32 14.3-32 32v832c0 12.9 7.8 24.6 19.7 29.6 4 1.6 8.1 2.4 12.2 2.4 8.3 0 16.5-3.2 22.6-9.4l320-319.6c12.6-12.4 12.6-32.7 0.1-45.2z" p-id="1982"></path></svg>
+        </div>
+        <div class="row">
+            <div style="height:50px; width:50px;">
+                <img src="{{ .client_icon }}"/>
+            </div>
+            <div style="margin-left:10px; ">
+                {{ .client_name }}
+            </div>
+        </div>
+    </article>
+    <form action="/oauth/v2/login" method="POST">
+        <fieldset>
+            <label>
+                Username
+                <input
+                        name="username"
+                        placeholder="username"
+                        autocomplete="given-name"
+                />
+            </label>
+            <label>
+                Password
+                <input
+                        type="password"
+                        name="password"
+                        placeholder="password"
+                        autocomplete="password"
+                />
+            </label>
+            <input type="hidden" name="client_id" value="{{ .client_id }}"/>
+            <input type="hidden" name="redirect_uri" value="{{ .redirect_uri }}"/>
+            <input type="hidden" name="scope" value="{{ .scope }}"/>
+            <input type="hidden" name="state" value="{{ .state }}" />
+            <input type="hidden" name="response_type" value="{{ .response_type }}" />
+        </fieldset>
+
+        <input
+                type="submit"
+                value="登录"
+        />
+    </form>
+</div>
+</body>
+</html>