login control modification

html/index.html

@@ -58,13 +58,13 @@
                         </ul>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
+                        <a class="nav-link active btn-login" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
+                        <a class="nav-link btn-logout" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
                     </li>
                 </ul>
             </div>
@@ -99,9 +99,19 @@
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> 
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
     <script src="static/owl.carousel.min.js"></script>
-    <script src="static/script_util.js"></script>
-    <script src="script_index.js"></script>
     <script type="text/javascript" src="static/lan.js"></script>
+    <script>
+        const btnLoginPage = document.querySelector('.btn-login');
+        const btnUserProfile = document.querySelector('.btn-userProfile');
+        const btnLogout = document.querySelector('.btn-logout');
+        function loginControl() {
+            btnLoginPage.style.display = 'block';
+            btnLogout.style.display = 'none';
+            btnUserProfile.style.display = 'none';
+        }
+
+        loginControl();
+    </script>
 </body>
 
 </html>

html/make_video.html

@@ -58,13 +58,13 @@
                         </ul>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
+                        <a class="nav-link active btn-login" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
+                        <a class="nav-link btn-logout" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
                     </li>
                 </ul>
             </div>

html/make_video_long.html

@@ -58,13 +58,13 @@
                         </ul>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
+                        <a class="nav-link active btn-login" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
+                        <a class="nav-link btn-logout" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
                     </li>
                 </ul>
             </div>

html/make_video_slide.html

@@ -58,13 +58,13 @@
                         </ul>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
+                        <a class="nav-link active btn-login" aria-current="page" href="./login.html" set-lan="html:login">登入</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="./user_profile.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
+                        <a class="nav-link btn-logout" aria-current="page" href="./logout.html" set-lan="html:logout">登出</a>
                     </li>
                 </ul>
             </div>

html/static/script_util.js

@@ -1,3 +1,14 @@
+const btnLoginPage = document.querySelector('.btn-login');
+const btnUserProfile = document.querySelector('.btn-userProfile');
+const btnLogout = document.querySelector('.btn-logout');
+function loginControl() {
+  btnLoginPage.style.display = 'none';
+  btnLogout.style.display = 'block';
+  btnUserProfile.style.display = 'block';
+}
+
+loginControl();
+
 var client_id = Date.now()
 var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
 var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {