Update: add information on Home

tomato3713 · tomato3713 · commit 24b35724ebbf · 2022-04-02T17:08:19.000+09:00
show username and random message on Home when login
diff --git a/static/assets/js/profile.js b/static/assets/js/profile.js
@@ -11,6 +11,14 @@ const profile = new Vue({
             localStorage.removeItem('token')
             location.href = '/'
         },
+        random_message() {
+            const msg = [
+                "Let's do our best today.",
+                "Sometimes breaks are important.",
+                "It's important to continue.",
+            ];
+            return msg[Math.floor(Math.random() * msg.length)];
+        },
     },
     created() {
         const date = new Date()
diff --git a/static/views/header.html b/static/views/header.html
@@ -6,6 +6,6 @@
 
 <link rel="manifest" href="/manifest.json"/>
 <link rel="stylesheet" href="/assets/css/style.css" type="text/css" />
-<script src="https://cdn.jsdelivr.net/npm/vue"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 <title>{{.Info.Title}}</title>
 {{end}}
diff --git a/static/views/profile.html b/static/views/profile.html
@@ -12,7 +12,12 @@
     <body>
         <h1 class="title-h1">{{ .Info.Title }} - User Page</h1>
         <div id="profile">
-            <div></div>
+            <div>
+                {{ `{{ user }}` }}, welcome!
+            </div>
+            <div>
+                {{ `{{ random_message() }}` }}
+            </div>
             <button type="button" name="logout" @click="logout()">logout</button>
         </div>
         <script src="assets/js/profile.js"></script>
