eng version

api/static/lan.js

@@ -40,7 +40,7 @@ var zh = {
     "sup_img_profile": "2. 影像連結檔案格式支援：",
     "submit_to_wait": "3. 點選“送出”之後需等待一段影片製作的時間，請您耐心等候，待製作完畢可於通知網址查看",
     "add_eng": "加入英文:",
-    "submut": "送出",
+    "submit": "送出",
     "privacy_term": "同意隱私政策及使用條款"
 };
 
@@ -67,7 +67,7 @@ var en = {
     "sup_img_profile": "2. Support File Format:",
     "submit_to_wait": "3. After Clicking Submit, You Will Need To Wait For A Period Of Time For The Production Of The Video. Please Wait Patiently. You Can Check It At The Notification URL When The Production Is Completed.",
     "add_eng": "Allow English Lines:",
-    "submut": "Submit",
+    "submit": "Submit",
     "privacy_term": "I Agree to privacy policy and terms of use."
 };
 
@@ -118,6 +118,8 @@ function changeLan(val) {
                 console.log("placeholder");
                 console.log(t);
             case 'val':
+                me.val(t);
+                break;
             case 'value':
                 me.val(t);
                 break;
@@ -161,4 +163,3 @@ function get_lan(m)
 // 預設中文版
 var lan = getCookie('lan');
 console.log(`目前語言版本: ${lan}`);
-changeLan(lan);

html/make_video.html

@@ -85,7 +85,7 @@
                 </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>
+                <p class="text-white my-3 text-center" set-lan="html:Createsthtoday">今天要做甚麼影片呢?</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>
@@ -208,7 +208,7 @@
                         <div class="img-inputs">
                         </div>
                         <span class="addimg">+</span>
-                        <input id="checker" type="button" name="next" class="next action-button" set-lan="val:submit" value="送出" />
+                        <input id="checker" type="button" name="next" class="next action-button" set-lan="value:submit" value="送出" />
                         <h3 style="display: none;" class="fs-subtitle"><lan set-lan="html:processing_progress">處理進度</lan></h3>
                         <div style="display: none;" id="myProgress">
                             <div style="display: none;" id="myBar">0%</div>

html/make_video_long.html

@@ -85,7 +85,7 @@
                 </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>
+                <p class="text-white my-3 text-center" set-lan="html:Createsthtoday">今天要做甚麼影片呢?</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>

html/make_video_slide.html

@@ -85,7 +85,7 @@
                 </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>
+                <p class="text-white my-3 text-center" set-lan="html:Createsthtoday">今天要做甚麼影片呢?</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>
@@ -99,7 +99,7 @@
                     <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>
+                           <lan set-lan="html:user_profile">會員資料</lan>
                         </li>
                     </a>
                     <li class="nav-list-item pb-1" data-bs-toggle="modal" data-bs-target="#history" onclick="openNav()">
@@ -135,12 +135,12 @@
                     </div>
                     <!-- fieldsets -->
                     <fieldset>
-                        <h3 class="fs-subtitle">SLIDE 連結<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題"></h3>
+                        <h3 class="fs-subtitle"><lan set-lan="html:slide_link">SLIDE 連結</lan><img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題"></h3>
                         <input id=slide_raw_url type="text" name='t1' class='title_new' value="" placeholder="連結" /><label for="myCheck">加入英文:</label> 
                         <input type="checkbox" id="multiLang" > <br/>
                     </fieldset>
                     <fieldset>
-                        <h3  class="fs-subtitle">選擇人物<img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者"></h3>
+                        <h3  class="fs-subtitle"><lan set-lan="html:choose_character">選擇人物</lan><img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的講者"></h3>
                         <select id="avatar" class='avatar'>
                             <option value="7">Peggy</option>
                             <option value="8">Stacy</option>
@@ -195,7 +195,7 @@
                             </div>
                         </div>
                     </fieldset>
-                    <input id="send_slide" type="button" name="next" class="action-button" value="送出" />
+                    <input id="send_slide" type="button" name="next" class="action-button" set-lan="value:submit" value="" />
                 </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>

html/reset_pwd.html

@@ -20,6 +20,41 @@
   
 </head>
 <body>
+  <nav class="navbar navbar-expand-lg navbar-light">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="index.html">AI Spokesgirl</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="pricing.html" set-lan="html:pricing">早鳥方案</a>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        中/En
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                        <li><button class="nav-link lan-swtich" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
+                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
+                    </ul>
+                </li>
+                <li class="nav-item">
+                    <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_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>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
   <div class="container-fluid">
     <div id="mySidenav" class="sidenav">
       <div class="text-start mt-3">
@@ -28,7 +63,7 @@
       </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>
+      <p class="text-white my-3 text-center" set-lan="html:Createsthtoday">今天要做甚麼影片呢?</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>
@@ -42,7 +77,7 @@
           <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>
+                 <lan set-lan="html:user_profile">會員資料</lan>
               </li>
           </a>
           <li class="nav-list-item pb-1" data-bs-toggle="modal" data-bs-target="#history" onclick="openNav()">
@@ -71,12 +106,12 @@
     <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/>
+          <h3 class="fs-subtitle" style="display: inline-block;"><lan set-lan="html:new_pwd">新密碼</lan><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/>
+          <h3 class="fs-subtitle" style="display: inline-block;"><lan set-lan="html:confirm_pwd">驗證碼</lan><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="送出" />
+          <input id="checker" type="button" class="sender action-button" set-lan="value:submit" value="" />
 
         </fieldset>
       </form>
@@ -95,6 +130,8 @@
   <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>
+  <script type="text/javascript" src="static/lan.js"></script>
+  <script src="static/common.js"></script>
 
   <body>
 

html/reset_pwd.js

@@ -1,3 +1,13 @@
+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();
 function renderXHR_data(jsonObj) {
    XHRstring = ''
    for (const [key, value] of Object.entries(jsonObj)) {

html/reset_pwd_email.html

@@ -20,6 +20,41 @@
  
 </head>
 <body>
+  <nav class="navbar navbar-expand-lg navbar-light">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="index.html">AI Spokesgirl</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="pricing.html" set-lan="html:pricing">早鳥方案</a>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        中/En
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                        <li><button class="nav-link lan-swtich" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
+                        <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
+                    </ul>
+                </li>
+                <li class="nav-item">
+                    <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_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>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
   <div class="container-fluid">
     <div id="mySidenav" class="sidenav">
       <div class="text-start mt-3">
@@ -28,7 +63,7 @@
       </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>
+      <p class="text-white my-3 text-center" set-lan="html:Createsthtoday">今天要做甚麼影片呢?</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>
@@ -42,7 +77,7 @@
           <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>
+                 <lan set-lan="html:user_profile">會員資料</lan>
               </li>
           </a>
           <li class="nav-list-item pb-1" data-bs-toggle="modal" data-bs-target="#history" onclick="openNav()">
@@ -74,7 +109,7 @@
           <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="送出" />
+          <input id="checker" type="button" class="sender action-button" value="送出" set-lan="value:submit" />
 
         </fieldset>
       </form>
@@ -93,6 +128,8 @@
   <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>
+  <script type="text/javascript" src="static/lan.js"></script>
+  <script src="static/common.js"></script>
   <body>
 
 </div>

html/reset_pwd_email.js

@@ -1,4 +1,15 @@
 
+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();
+
 $(".sender").click(function () {
 
   var email = $("#in_email").val()

html/script_eng.js

@@ -29,8 +29,6 @@ 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';

html/static/lan.js

@@ -26,7 +26,7 @@ var zh = {
     "login" : "登入",
     "user_profile": "會員資料",
     "logout": "登出",
-    "en": "英文",
+    "en": "English",
     "zh": "中文",
     "choose_character": "選擇人物",
     "usage_intro": "使用說明",
@@ -43,7 +43,7 @@ var zh = {
     "sup_img_profile": "2. 影像連結檔案格式支援：",
     "submit_to_wait": "3. 點選“送出”之後需等待一段影片製作的時間，請您耐心等候，待製作完畢可於通知網址查看",
     "add_eng": "加入英文:",
-    "submut": "送出",
+    "submit": "送出",
     "privacy_term": "同意隱私政策及使用條款",
     "newHere": "還沒有帳號？",
     "goRegister": "註冊",
@@ -60,7 +60,10 @@ var zh = {
     "refill": "我要加值",
     "Createsthtoday": "今天要做甚麼影片呢?",
     "date": "日期",
-    "video_duration": "影片時間"
+    "video_duration": "影片時間",
+    "slide_link": "SLIDE 連結",
+    "new_pwd": "新密碼",
+    "confirm_pwd": "驗證碼"
 };
 
 var en = {
@@ -73,7 +76,7 @@ var en = {
     "user_profile": "User Profile",
     "logout": "Logout",
     "en": "English",
-    "zh": "Chinese",
+    "zh": "中文",
     "choose_character": "Choose Character",
     "usage_intro": "Usage Introduction",
     "history": "History",
@@ -89,7 +92,7 @@ var en = {
     "sup_img_profile": "2. Support File Format:",
     "submit_to_wait": "3. After Clicking Submit, You Will Need To Wait For A Period Of Time For The Production Of The Video. Please Wait Patiently. You Can Check It At The Notification URL When The Production Is Completed.",
     "add_eng": "Allow English Lines:",
-    "submut": "Submit",
+    "submit": "Submit",
     "privacy_term": "I Agree to privacy policy and terms of use.",
     "newHere": "New here?",
     "goRegister": "REGISTER",
@@ -106,7 +109,10 @@ var en = {
     "refill": "Refill",
     "Createsthtoday": "Create something today!",
     "date": "Date",
-    "video_duration": "Duration"
+    "video_duration": "Duration",
+    "slide_link": "SLIDE Link",
+    "new_pwd": "New Password",
+    "confirm_pwd": "Confirmation Code"
 };
 
 
@@ -198,5 +204,8 @@ function get_lan(m)
 
 // 預設中文版
 var lan = getCookie('lan');
+
+if(lan) {
+    changeLan(lan);
+}
 console.log(`目前語言版本: ${lan}`);
-changeLan('zh');

html/user_profile2.html

@@ -145,7 +145,7 @@
                                         <div class="used-time">
                                             <!-- <h1 class="text-center">324&ensp;<span style="font-size:15px;">秒</span></h1> -->
                                         </div>
-                                        <p style="color:#183790;" class="check-history mb-0 text-center" set-lan="html:details"><img width="20" class="arrowdown me-2 mb-1" src="./static/img/userprofile/Icon ionic-md-arrow-dropdown-circle.png" alt=""></p>
+                                        <p style="color:#183790;" class="check-history mb-0 text-center"><img width="20" class="arrowdown me-2 mb-1" src="./static/img/userprofile/Icon ionic-md-arrow-dropdown-circle.png" alt=""><lan set-lan="html:details"></lan></p>
                                     </div>
                                 </div>
                                 <div class="not-used col-lg-6">
@@ -154,7 +154,7 @@
                                         <div class="not-used-time">
                                             <!-- <h1  class="text-center">144&ensp;<span style="font-size:15px;">秒</span></h1> -->
                                         </div>
-                                       <a style="text-decoration: none;" href="./pricing.html"><p style="color:#183790;" class="mb-0 text-center" set-lan="html:refill"><img width="20" class="me-2 mb-1" src="./static/img/userprofile/Icon ionic-md-add-circle.png" alt="">我要加值</p></a>
+                                       <a style="text-decoration: none;" href="./pricing.html"><p style="color:#183790;" class="mb-0 text-center"><img width="20" class="me-2 mb-1" src="./static/img/userprofile/Icon ionic-md-add-circle.png" alt=""><lan set-lan="html:refill"></lan></p></a>
                                     </div>
                                 </div>
                                 <div class="historical-record col-lg-12">