change lang-make_video.html

api/templates/make_video.html

@@ -14,8 +14,8 @@
         <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
         <h2 class="go_title" href="/index"><a class="nav-link active" aria-current="page" href="/index">AI Spokesgirl</a></h2>
         <ul class="nav-list">
-          <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>使用說明</li>
-          <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>歷史紀錄</li>
+          <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>
+          <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>
         <p class="right-text text-white d-inline-block">Choozmo All Rights Reserved</p>
       </div>
@@ -23,19 +23,19 @@
       <div class="content ms-auto">
         <form id="msform">
           <div class="linker__box">
-            <p>預覽影片</p>
+            <p set-lan="html:preview_videos">預覽影片</p>
             <i class="fas fa-link"></i>
-            <a id='linker' style="display: none;" class="ms-2">影片連結</a>
+            <a id='linker' style="display: none;" class="ms-2" set-lan="html:video_link">影片連結</a>
           </div>
           <!-- fieldsets -->
           <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:video_title">標題</lan><img class="ms-1" src="static/img/question.png" alt="" data-bs-toggle="tooltip" data-bs-placement="right" title="將作為影片的內嵌標題"></h3>            
             <input id=title type="text" name='t1' class='title_new' value="" placeholder="標題" /> <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="請選擇人物" selected="selected" disabled>請選擇人物</option>
+              <option set-lan="html:p_choose_character" value="請選擇人物" selected="selected" disabled>>請選擇人物</option>              
               <option value="7">Peggy</option>
               <option value="8">Stacy</option>
               <option value="10">Nina黑</option>
@@ -90,8 +90,8 @@
             </div>
           </fieldset>
           <fieldset>
-            <h3 class="fs-subtitle">台詞</h3>
-            <input id=slide_raw_url type="text" name='t1' class='title_new' value="" placeholder="標題" /><label for="myCheck">加入英文:</label> 
+            <h3 class="fs-subtitle" set-lan="html:lines">台詞</h3>
+            <input id=slide_raw_url type="text" name='t1' class='title_new' value="" placeholder="標題" /><label for="myCheck" set-lan="html:add_eng">加入英文:</label> 
             <input type="checkbox" id="multiLang" > <br/>
              <div class="subtitle-inputs">
             
@@ -99,12 +99,12 @@
               <span class="add">+</span>
           </fieldset>
           <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:img_link">影像連結</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/>
             <div class="img-inputs">
             </div>
             <span class="addimg">+</span>
-            <input id="checker" type="button" name="next" class="next action-button" value="送出" />
-            <h3 style="display: none;" class="fs-subtitle">處理進度</h3>
+            <input id="checker" type="button" name="next" class="next action-button" set-lan="val: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>
             </div>
@@ -117,16 +117,16 @@
         <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
-              <h5 class="modal-title" id="staticBackdropLabel">使用說明</h5>
+              <h5 class="modal-title" id="staticBackdropLabel" set-lan="html:usage_intro">使用說明</h5>
               <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
                 <div class="modal-terms">
                     <ol class="ps-0">
-                        <li>1. 一句台詞請對應提供一個影像連結做為搭配</li>
-                        <li>2. 影像連結檔案格式支援：<stong class="strong">.png, jpg, .mp4</stong></li>
-                        <li>3. 點選“送出”之後需等待一段影片製作的時間，請您耐心等候，待製作完畢可於通知網址查看</li>
-                    </ol>
+                      <li set-lan="html:one_line_to_one_img">1. 一句台詞請對應提供一個影像連結做為搭配</li>
+                      <li><lang set-lan="html:sup_img_profile">2. 影像連結檔案格式支援：</lang><stong class="strong">.png, jpg, .mp4</stong></li>
+                      <li set-lan="html:submit_to_wait">3. 點選“送出”之後需等待一段影片製作的時間，請您耐心等候，待製作完畢可於通知網址查看</li>
+                  </ol>
                 </div>
             </div>
           </div>
@@ -136,7 +136,7 @@
       <div class="modal-dialog modal-dialog-scrollable">
         <div class="modal-content">
           <div class="modal-header">
-            <h5 class="modal-title" id="staticBackdropLabel">歷史紀錄</h5>
+            <h5 class="modal-title" id="staticBackdropLabel" set-lang="html:history">歷史紀錄</h5>
             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">