會員資料

html/login.js

@@ -40,7 +40,7 @@ function login(){
                         confirmButtonColor: '#3085d6',
                     });
                     window.setTimeout(() => {
-                        window.location.href = 'user_profile.html';
+                        window.location.href = 'user_profile2.html';
                     }, 2000);
                     btnLoginPage.style.display = 'none';
                 }

html/make_video.html

@@ -52,7 +52,7 @@
                         <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 btn-userProfile" aria-current="page" href="user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="./user_profile2.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link btn-logout" aria-current="page" set-lan="html:logout">登出</a>
@@ -96,7 +96,7 @@
                             class="fas fa-book-open me-2"></i>
                         <lan set-lan="html:usage_intro">使用說明</lan>
                     </li>
-                    <a style="text-decoration: none;color:white;" href="./user_profile.html">
+                    <a style="text-decoration: none;color:white;" href="./user_profile2.html">
                         <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
                             <i class="fas fa-user me-2"></i>
                            <lan set-lan="user_profile">會員資料</lan>

html/make_video_long.html

@@ -52,7 +52,7 @@
                         <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 btn-userProfile" aria-current="page" href="user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="user_profile2.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link btn-logout" aria-current="page" set-lan="html:logout">登出</a>
@@ -96,7 +96,7 @@
                             class="fas fa-book-open me-2"></i>
                         <lan set-lan="html:usage_intro">使用說明</lan>
                     </li>
-                    <a style="text-decoration: none;color:white;" href="./user_profile.html">
+                    <a style="text-decoration: none;color:white;" href="./user_profile2.html">
                         <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
                             <i class="fas fa-user me-2"></i>
                            <lan set-lan="user_profile">會員資料</lan>

html/make_video_slide.html

@@ -52,7 +52,7 @@
                         <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 btn-userProfile" aria-current="page" href="user_profile.html" set-lan="html:user_profile">會員資料</a>
+                        <a class="nav-link btn-userProfile" aria-current="page" href="user_profile2.html" set-lan="html:user_profile">會員資料</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link btn-logout" aria-current="page" set-lan="html:logout">登出</a>
@@ -96,7 +96,7 @@
                             class="fas fa-book-open me-2"></i>
                         <lan set-lan="html:usage_intro">使用說明</lan>
                     </li>
-                    <a style="text-decoration: none;color:white;" href="./user_profile.html">
+                    <a style="text-decoration: none;color:white;" href="./user_profile2.html">
                         <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
                             <i class="fas fa-user me-2"></i>
                            <lan set-lan="user_profile">會員資料</lan>

html/reset_pwd.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI ANCHOR GO</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+    crossorigin="anonymous">
+  <link rel="stylesheet"
+    href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
+    crossorigin="anonymous">
+    <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=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
+  <link rel="stylesheet" href="./static/scss/style.css">
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+  
+</head>
+<body>
+  <div class="container-fluid">
+    <div id="mySidenav" class="sidenav">
+      <div class="text-start mt-3">
+          <a href="index.html"><img class="img-fluid w-50 ps-1" src="./static/img/contactus/CMM_LOGO.png" alt=""></a>
+          <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
+      </div>
+      <div class="userName"></div> 
+      <img class="user img-fluid rounded-circle" src="./static/img/contactus/man.jpg" alt="">
+      <p class="text-white my-3 text-center">今天要做甚麼影片呢?</p>
+      <div class="navbar-nav mb-2 mb-lg-0 px-3 pe-4">
+          <a class="nav-link btn-gocreate text-white col-6" aria-current="page" href="./make_video.html" set-lan="html:make_video">影片製作</a>
+          <a class="nav-link btn-gocreate text-white col-6" aria-current="page" href="./make_video_slide.html" set-lan="html:make_slides">投影片影片製作</a>
+      </div>
+      <hr>
+      <ul class="nav-list ps-0">
+          <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal" data-bs-target="#howto"><i
+                  class="fas fa-book-open me-2"></i>
+              <lan set-lan="html:usage_intro">使用說明</lan>
+          </li>
+          <a style="text-decoration: none;color:white;" href="./user_profile2.html">
+              <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
+                  <i class="fas fa-user me-2"></i>
+                 <lan set-lan="user_profile">會員資料</lan>
+              </li>
+          </a>
+          <li class="nav-list-item pb-1" data-bs-toggle="modal" data-bs-target="#history" onclick="openNav()">
+              <i class="fas fa-history me-2"></i>
+              <lan set-lan="html:history">歷史紀錄</lan>
+          </li>
+      </ul>
+      <div class="right-text">
+          <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
+          <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img
+                  style="width: 20px;" src="./static/img/contactus/linkedin-logo-copy.png" alt=""></a>
+          <a target="_blank" href="https://www.facebook.com/choozmo/"><img style="width: 20px;"
+                  src="./static/img/contactus/facebook_logos_PNG19753.png" alt=""></a>
+          <a target="_blank" href="https://www.instagram.com/choozmo_cmm/"><img style="width: 20px;"
+                  src="./static/img/contactus/IG.png" alt=""></a>
+          <a target="_blank" href="https://line.me/R/ti/p/@choozmo?from=page"><img style="width: 20px;"
+                  src="./static/img/contactus/LINE_logo.svg.png" alt=""></a>
+          <a target="_blank" href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                  style="width: 20px;" src="./static/img/contactus/youtube.png" alt=""></a>
+          <a target="_blank" href="https://twitter.com/ai_cmm"><img style="width: 20px;"
+                  src="./static/img/contactus/twitter.png" alt=""></a>
+          <p class="Reserved text-white text-start mt-3 ps-2">Choozmo All Rights Reserved</p>
+      </div>
+  </div>
+    <!-- <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 過去紀錄</span> -->
+    <div class="content ms-auto">
+      <form id="msform">
+        <fieldset id='imgSrc'>
+          <h3 class="fs-subtitle" style="display: inline-block;">新密碼<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="僅接受png, jpg, mp4格式"></h3><br/>
+          <input type="text" id='in_pwd' name='m1' class='imgsrc imgsrc1' value="" placeholder="1" /><br/>
+          <h3 class="fs-subtitle" style="display: inline-block;">驗證碼<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="僅接受png, jpg, mp4格式"></h3><br/>
+          <input type="text" id='code' name='m1' class='imgsrc imgsrc1' value="" placeholder="1" /><br/>
+        
+          <input id="checker" type="button" class="sender action-button" value="送出" />
+
+        </fieldset>
+      </form>
+      <!-- <div style="width: 80%;margin: 0 auto;"><iframe src="http://www.choozmo.com:8168/ai_anchor_video/16250306886652043.mp4" frameborder="0" style="width: 100%;height: 400px;"></iframe></div> -->
+    </div>
+    
+
+
+  </div>
+  
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+  <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="//cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
+  <script src="./reset_pwd.js"></script>
+
+  <body>
+
+</div>
+
+</body>
+</html>

html/reset_pwd.js

@@ -0,0 +1,38 @@
+function renderXHR_data(jsonObj) {
+   XHRstring = ''
+   for (const [key, value] of Object.entries(jsonObj)) {
+     console.log(value)
+     if (typeof (value) == "object") {
+       XHRstring += (key+'=['+value.join(',')+']&')
+     }
+     else {
+       XHRstring += (key + '=' + value + '&')
+     }
+   }
+   XHRstring = XHRstring.substring(0, XHRstring.length - 1);
+   return XHRstring
+ }
+
+$(".sender").click(function () {
+
+  var pwd = $("#in_pwd").val();
+  var code = $("#code").val();
+  
+  var url = "/reset_pwd";
+
+var xhr = new XMLHttpRequest();
+xhr.open("POST", url);
+
+xhr.setRequestHeader("accept", "application/json");
+xhr.setRequestHeader("Content-Type", "application/json");
+
+xhr.onreadystatechange = function () {
+   if (xhr.readyState === 4) {
+      alert('重設成功')
+   }};
+
+
+var data = `{"code":"`+ code+`","password":"`+pwd+`"}`
+
+xhr.send(data);
+});

html/reset_pwd_email.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+<html lang="en" >
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI ANCHOR GO</title>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+    crossorigin="anonymous">
+  <link rel="stylesheet"
+    href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
+    crossorigin="anonymous">
+    <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=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> 
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
+  <link rel="stylesheet" href="./static/scss/style.css">
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+ 
+</head>
+<body>
+  <div class="container-fluid">
+    <div id="mySidenav" class="sidenav">
+      <div class="text-start mt-3">
+          <a href="index.html"><img class="img-fluid w-50 ps-1" src="./static/img/contactus/CMM_LOGO.png" alt=""></a>
+          <h2 class="fw-bold ps-0" href="index.html"><a class="nav-link active ps-1" aria-current="page" href="index.html">AI Spokesgirl</a></h2>
+      </div>
+      <div class="userName"></div> 
+      <img class="user img-fluid rounded-circle" src="./static/img/contactus/man.jpg" alt="">
+      <p class="text-white my-3 text-center">今天要做甚麼影片呢?</p>
+      <div class="navbar-nav mb-2 mb-lg-0 px-3 pe-4">
+          <a class="nav-link btn-gocreate text-white col-6" aria-current="page" href="./make_video.html" set-lan="html:make_video">影片製作</a>
+          <a class="nav-link btn-gocreate text-white col-6" aria-current="page" href="./make_video_slide.html" set-lan="html:make_slides">投影片影片製作</a>
+      </div>
+      <hr>
+      <ul class="nav-list ps-0">
+          <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal" data-bs-target="#howto"><i
+                  class="fas fa-book-open me-2"></i>
+              <lan set-lan="html:usage_intro">使用說明</lan>
+          </li>
+          <a style="text-decoration: none;color:white;" href="./user_profile2.html">
+              <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
+                  <i class="fas fa-user me-2"></i>
+                 <lan set-lan="user_profile">會員資料</lan>
+              </li>
+          </a>
+          <li class="nav-list-item pb-1" data-bs-toggle="modal" data-bs-target="#history" onclick="openNav()">
+              <i class="fas fa-history me-2"></i>
+              <lan set-lan="html:history">歷史紀錄</lan>
+          </li>
+      </ul>
+      <div class="right-text">
+          <a target="_blank" href="http://www.choozmo.com/">| 官網 |</a>
+          <a target="_blank" href="https://www.linkedin.com/company/choozmo/mycompany/"><img
+                  style="width: 20px;" src="./static/img/contactus/linkedin-logo-copy.png" alt=""></a>
+          <a target="_blank" href="https://www.facebook.com/choozmo/"><img style="width: 20px;"
+                  src="./static/img/contactus/facebook_logos_PNG19753.png" alt=""></a>
+          <a target="_blank" href="https://www.instagram.com/choozmo_cmm/"><img style="width: 20px;"
+                  src="./static/img/contactus/IG.png" alt=""></a>
+          <a target="_blank" href="https://line.me/R/ti/p/@choozmo?from=page"><img style="width: 20px;"
+                  src="./static/img/contactus/LINE_logo.svg.png" alt=""></a>
+          <a target="_blank" href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img
+                  style="width: 20px;" src="./static/img/contactus/youtube.png" alt=""></a>
+          <a target="_blank" href="https://twitter.com/ai_cmm"><img style="width: 20px;"
+                  src="./static/img/contactus/twitter.png" alt=""></a>
+          <p class="Reserved text-white text-start mt-3 ps-2">Choozmo All Rights Reserved</p>
+      </div>
+  </div>
+    <!-- <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 過去紀錄</span> -->
+    <div class="content ms-auto">
+      <form id="msform">
+        <fieldset id='imgSrc'>
+          <h3 class="fs-subtitle" style="display: inline-block;">email<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="僅接受png, jpg, mp4格式"></h3><br/>
+          <input type="text" id='in_email' name='m1' class='imgsrc imgsrc1' value="" placeholder="1" /><br/>
+        
+          <input id="checker" type="button" class="sender action-button" value="送出" />
+
+        </fieldset>
+      </form>
+      <!-- <div style="width: 80%;margin: 0 auto;"><iframe src="http://www.choozmo.com:8168/ai_anchor_video/16250306886652043.mp4" frameborder="0" style="width: 100%;height: 400px;"></iframe></div> -->
+    </div>
+    
+
+
+  </div>
+  
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
+  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+  <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="//cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
+  <script src="./reset_pwd_email.js"></script>
+  <body>
+
+</div>
+
+</body>
+</html>

html/reset_pwd_email.js

@@ -0,0 +1,19 @@
+
+$(".sender").click(function () {
+
+  var email = $("#in_email").val()
+  var url = "https://www.choozmo.com:8887/send_reset_pwd?user_id=-1&email="+email;
+
+  var xhr = new XMLHttpRequest();
+  xhr.open("GET", url);
+
+  xhr.setRequestHeader("accept", "application/json");
+
+  xhr.onreadystatechange = function () {
+   if (xhr.readyState === 4) {
+      alert('請察看信箱')
+   }};
+
+xhr.send();
+
+});

html/script_profiles.js

@@ -62,7 +62,7 @@ function renderView() {
         const infContent=`
         <div class="inf-content">
             <p>${userInfo.user_info.userName}</p>
-            <p>***************&nbsp;<a href="../api/static/reset_pwd.html">更改密碼</a></p>
+            <p>***************&nbsp;<a href="./reset_pwd_email.html">更改密碼</a></p>
             <p>${userInfo.user_info.email}</p>
         </div>`;
         // 歷史紀錄

html/static/scss/style.css

@@ -1357,7 +1357,7 @@ body {
   height: 100%;
   width: 250px;
   position: fixed;
-  z-index: 1;
+  z-index: 50;
   top: 0;
   left: 0;
   background: -webkit-gradient(linear, left top, left bottom, from(#1c7ce0), to(#150051));

html/static/scss/style.scss

@@ -1235,7 +1235,7 @@ body {
 	height: 100%;
 	width: 250px;
 	position: fixed;
-	z-index: 1;
+	z-index: 50;
 	top: 0;
 	left: 0;
 	background: linear-gradient(to bottom, #1c7ce0, #150051);

html/user_profile2.html

@@ -90,7 +90,7 @@
                         class="fas fa-book-open me-2"></i>
                     <lan set-lan="html:usage_intro">使用說明</lan>
                 </li>
-                <a style="text-decoration: none;color:white;" href="./user_profile.html">
+                <a style="text-decoration: none;color:white;" href="./user_profile2.html">
                     <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal">
                         <i class="fas fa-user me-2"></i>
                        <lan set-lan="user_profile">會員資料</lan>