Unified js import

public_new/archive.html

@@ -17,7 +17,7 @@
   <link rel="stylesheet" href="./css/font-awesome.css">
 
   <script>
-    window.addEventListener('DOMContentLoaded', function() {
+    window.addEventListener('DOMContentLoaded', function () {
       CHAT_UI.refreshArchiveScreen();
     });
   </script>
@@ -50,9 +50,9 @@
   <main id="archive">
     <!-- 検索 -->
     <div class="search_form">
-        <input type="search" name="search" placeholder="検索" maxlength="50">
-        <span class="src_icon"></span>
-        <a href="#" class="cancel none">キャンセル</a>
+      <input type="search" name="search" placeholder="検索" maxlength="50">
+      <span class="src_icon"></span>
+      <a href="#" class="cancel none">キャンセル</a>
     </div>
     <!-- アーカイブリスト -->
     <div class="archive_list content">
@@ -91,27 +91,18 @@
     </div>
   </footer>
 
-<div id="loadingArea"></div>
-<script src="./js/libs/jquery-3.3.1.min.js"></script>
-<script src="./js/libs/moment.js"></script>
-<script src="./js/libs/bootstrap.min.js"></script>
-<script src="./js/libs/jquery.mark.min.js"></script>
-<script src="./js/libs/mustache.min.js"></script>
-<script src="./js/archive.js"></script>
-<script src="./js/common.js"></script>
-<script src="./js/language.js"></script>
-<script src="./js/language_ko.js" charset="UTF-8"></script>
-<script src="./js/language_ja.js" charset="UTF-8"></script>
-<script src="./js/language_en.js" charset="UTF-8"></script>
-<script src="./js/constant.js"></script>
-<script src="./js/chat.js"></script>
-<script src="./js/chat-ui.js"></script>
-<script src="./js/chat-util.js"></script>
-<script src="./js/chat-db.js"></script>
-<script src="./js/chat-db-foriOS.js"></script>
+  <div id="loadingArea"></div>
 
-<script id="archive-template" type="text/template">
-  <li class="d-flex align-items-center">
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- view -->
+  <script src="./js/chat.js"></script>
+  <script src="./js/chat-ui.js"></script>
+  <script src="./js/archive.js"></script>
+
+  <!-- Template archive -->
+  <script id="archive-template" type="text/template">
+    <li class="d-flex align-items-center">
       <a href="archive_detail.html?archiveId={{archiveId}}" class="w-100">
           <div class="archive_item d-flex flex-row align-items-center w-100">
               <div class="arhive_img">
@@ -129,38 +120,39 @@
               </div>
           </div>
       </a>
-  </li>
-</script>
-<script>
-  String.prototype.replaceAll = function(org, dest) {
-    return this.split(org).join(dest);
-  }
+    </li>
+  </script>
+
+  <script>
+    String.prototype.replaceAll = function (org, dest) {
+      return this.split(org).join(dest);
+    }
 
-  let CHAT_SERVER_URL = '';
-  let CMS_SERVER_URL = '';
-  let ASSET_PATH = './';
-  let PLATFORM = '';
-  let IS_MOBILE = true;
-  let IS_ONLINE = false;
-  $("#chatMenuModal").load("./modal_chat_menu.html");
-  $("#loadingArea").load("./loading.html");
-  if (typeof(android) != "undefined") {
-    android.getLoginParameter();
-    android.getGlobalParameter();
-  } else {
-    webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-    webkit.messageHandlers.getGlobalParameter.postMessage({});
-  }
+    let CHAT_SERVER_URL = '';
+    let CMS_SERVER_URL = '';
+    let ASSET_PATH = './';
+    let PLATFORM = '';
+    let IS_MOBILE = true;
+    let IS_ONLINE = false;
+    $("#chatMenuModal").load("./modal_chat_menu.html");
+    $("#loadingArea").load("./loading.html");
+    if (typeof (android) != "undefined") {
+      android.getLoginParameter();
+      android.getGlobalParameter();
+    } else {
+      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
+      webkit.messageHandlers.getGlobalParameter.postMessage({});
+    }
 
-  function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
-    CHAT_SERVER_URL = chatServerUrl;
-    CMS_SERVER_URL = cmsServerUrl;
-    PLATFORM = platform;
-    IS_MOBILE = isMobile;
-    IS_ONLINE = isOnline;
-    CHAT_UI.refreshArchiveScreen();
-  };
-</script>
+    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
+      CHAT_SERVER_URL = chatServerUrl;
+      CMS_SERVER_URL = cmsServerUrl;
+      PLATFORM = platform;
+      IS_MOBILE = isMobile;
+      IS_ONLINE = isOnline;
+      CHAT_UI.refreshArchiveScreen();
+    };
+  </script>
 </body>
 
 </html>
\ No newline at end of file

public_new/archive_detail.html

@@ -65,26 +65,12 @@
   <!-- ローディング -->
   <div id="userProfileModal"></div>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
+  <!-- import js -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- view -->
   <script src="./js/archive.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/chat.js"></script>
-  <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
 
+  <!-- Template archive-detail -->
   <script id="archive-detail-template" type="text/template">
     <div id="archive_player" class="player">
     </div>
@@ -121,6 +107,7 @@
     </div>
   </script>
 
+  <!-- Template archive-user -->
   <script id="archive-user-template" type="text/template">
     <li class="archive_user">
       <img src="{{profileImage}}" alt="">
@@ -128,6 +115,7 @@
     </li>
   </script>
 
+  <!-- Template archive-namecard -->
   <script id="archive-namecard-template" type="text/template">
     <div class="modal fade profile_modal" id="userNameCard" tabindex="-1" role="dialog" aria-labelledby="userNameCard" aria-hidden="true">
       <div class="modal-dialog modal-dialog-centered" role="document">

public_new/chat.html

@@ -98,24 +98,13 @@
     </div>
   </footer>
 <div id="loadingArea"></div>
-<script src="./js/libs/jquery-3.3.1.min.js"></script>
-<script src="./js/libs/moment.js"></script>
-<script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-<script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-<script src="./js/libs/mustache.min.js"></script>
-<script src="./js/libs/bootstrap.min.js"></script>
-<script src="./js/libs/jquery.mark.min.js"></script>
-<script src="./js/common.js"></script>
-<script src="./js/language.js"></script>
-<script src="./js/language_ko.js" charset="UTF-8"></script>
-<script src="./js/language_ja.js" charset="UTF-8"></script>
-<script src="./js/language_en.js" charset="UTF-8"></script>
-<script src="./js/constant.js"></script>
+
+<!-- Import JS -->
+<script src="./js/common-js-importer.js"></script>
+<!-- View -->
 <script src="./js/chat.js"></script>
 <script src="./js/chat-ui.js"></script>
-<script src="./js/chat-util.js"></script>
-<script src="./js/chat-db.js"></script>
-<script src="./js/chat-db-foriOS.js"></script>
+
 <script>
     String.prototype.replaceAll = function(org, dest) {
       return this.split(org).join(dest);

public_new/chat_add_user_confirm.html

@@ -57,27 +57,15 @@
     </form>
   </main>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/loading.js"></script>
-  <script src="./js/constant.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- View      -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
-    String.prototype.replaceAll = function(org, dest) {
+    String.prototype.replaceAll = function (org, dest) {
       return this.split(org).join(dest);
     }
     let CHAT_SERVER_URL = '';
@@ -86,7 +74,7 @@
     let PLATFORM = '';
     let IS_MOBILE = true;
     let IS_ONLINE = false;
-    if (typeof(android) != "undefined") {
+    if (typeof (android) != "undefined") {
       android.getLoginParameter();
       android.getGlobalParameter();
     } else {

public_new/chat_change_room_name.html

@@ -56,30 +56,13 @@
     </div>
   </main>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
   <script src="./js/chat-room.js"></script>
+
   <script>
     String.prototype.replaceAll = function (org, dest) {
       return this.split(org).join(dest);

public_new/chat_make_room.html

@@ -60,7 +60,9 @@
         <div class="tab_content" id="tab1_content">
           <div class="chat_list">
             <!-- お気に入りグループ -->
-            <div class="category"><div class="category_name"><span>お気に入り</span></div></div>
+            <div class="category">
+              <div class="category_name"><span>お気に入り</span></div>
+            </div>
             <div id="favoriteListForMakeRoom"></div>
             <div id="myGroupListForMakeRoom"></div>
           </div>
@@ -125,28 +127,17 @@
       </div>
     </form>
   </main>
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/loading.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/chatMakeRoom.js"></script>
+
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
+  <script src="./js/chatMakeRoom.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
-    String.prototype.replaceAll = function(org, dest) {
+    String.prototype.replaceAll = function (org, dest) {
       return this.split(org).join(dest);
     }
 
@@ -156,7 +147,7 @@
     let PLATFORM = '';
     let IS_MOBILE = true;
     let IS_ONLINE = false;
-    if (typeof(android) != "undefined") {
+    if (typeof (android) != "undefined") {
       android.getLoginParameter();
       android.getGlobalParameter();
     } else {
@@ -172,7 +163,7 @@
       IS_ONLINE = isOnline;
       if (CHAT_DB.loadSelectedUsers() != "") {
         let selectedUsers = CHAT_DB.loadSelectedUsers();
-        selectedUsers.forEach(function(user) {
+        selectedUsers.forEach(function (user) {
           CHAT.globalSelectedUserList.push(user.shopMemberId);
         })
       };

public_new/chat_make_room_confirm.html

@@ -41,48 +41,38 @@
 
   <!-- コンテンツ -->
   <main id="chat_make_room_confirm">
-      <!-- ルーム名入力 -->
-      <div class="room_name">
-        <label><h2>ルーム名</h2></label>
-        <input type="text" class="input_name_room" name="room_name" id="newRoomName" placeholder="ルーム名を入力してください" maxlength="20">
-      </div>
+    <!-- ルーム名入力 -->
+    <div class="room_name">
+      <label>
+        <h2>ルーム名</h2>
+      </label>
+      <input type="text" class="input_name_room" name="room_name" id="newRoomName" placeholder="ルーム名を入力してください"
+        maxlength="20">
+    </div>
 
-      <!-- 参加者一覧 -->
-      <div class="chat_list">
-        <h2>参加者</h2>
-        <ul class="p-0 chat_make_room_list">
-          <div id="selectedUserList"></div>
-        </ul>
-      </div>
-      <!-- ルーム解説ボタン -->
-      <div class="make_room_btn" id="makeRoomBtn">
-        <button type="button" name="button">
-          チャット開始</button>
-      </div>
+    <!-- 参加者一覧 -->
+    <div class="chat_list">
+      <h2>参加者</h2>
+      <ul class="p-0 chat_make_room_list">
+        <div id="selectedUserList"></div>
+      </ul>
+    </div>
+    <!-- ルーム解説ボタン -->
+    <div class="make_room_btn" id="makeRoomBtn">
+      <button type="button" name="button">
+        チャット開始</button>
+    </div>
   </main>
 
-
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/loading.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
-    String.prototype.replaceAll = function(org, dest) {
+    String.prototype.replaceAll = function (org, dest) {
       return this.split(org).join(dest);
     }
 
@@ -92,8 +82,8 @@
     let PLATFORM = '';
     let IS_MOBILE = true;
     let IS_ONLINE = false;
-    
-    if (typeof(android) != "undefined") {
+
+    if (typeof (android) != "undefined") {
       android.getLoginParameter();
       android.getGlobalParameter();
     } else {

public_new/chat_room.html

@@ -144,31 +144,15 @@
   <div id="chatMenuModal"></div>
   <div id="pictureModal"></div>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/loading.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
   <script src="./js/chat-room.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
     function imageModal(image) {
       $('#modal_image').attr('src', image.src);

public_new/collaboration.html

@@ -38,8 +38,7 @@
       </div>
       <div class="collabo_nav_r">
         <div class="text-right d-flex align-items-center">
-          <button type="button" name="button"
-            class="btn user_btn"></button>
+          <button type="button" name="button" class="btn user_btn"></button>
           <button type="button" name="button" class="btn add_user_btn none"></button>
           <div class="menu-icon menu_btn host_contents" onclick="this.classList.toggle('hover');">
             <div class="menu-bar menu-bar1"></div>
@@ -57,23 +56,25 @@
   <!-- コンテンツ -->
   <main id="collabo_main" class="none">
     <div class="document_wrap">
-       <!-- 音声共有 -->
-       <div class="talking_area icon_talking_wrap d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents voice_contents none">
+      <!-- 音声共有 -->
+      <div
+        class="talking_area icon_talking_wrap d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents voice_contents none">
         <div class="talking_img_wrap">
           <img src="icon/icon_talking_white.png" alt="通話中">
         </div>
         <span class="text-white mt-4">通話中</span>
       </div>
       <!-- 文書共有 -->
-      
-        <div class="start_pip_area d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents document_contents none">
-          <div class="start_pip_img_wrap">
-            <a href="javascript:startPipMode();">
-              <img src="icon/icon_start_pip.png" alt="文書共有">
-            </a>
-          </div>
-          <span class="text-white mt-2">共有する</span>
+
+      <div
+        class="start_pip_area d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents document_contents none">
+        <div class="start_pip_img_wrap">
+          <a href="javascript:startPipMode();">
+            <img src="icon/icon_start_pip.png" alt="文書共有">
+          </a>
         </div>
+        <span class="text-white mt-2">共有する</span>
+      </div>
 
       <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
       </div>
@@ -123,32 +124,16 @@
       <div class="sp sp-circle"></div>
     </div>
   </div>
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
+
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
+  <script src="./js/collaboration.js"></script>
   <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+  
   <script>
     $("#footer_collabo").load("./footer_collabo.html");
     $("#modal_collabo_host_request").load("./modal_collabo_host_request.html");

public_new/collaboration_documents.html

@@ -68,33 +68,16 @@
     <div style="vertical-align: middle;display: table-cell;">協業中
     </div>
   </div>
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/loading.js"></script>
+
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
-  <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+  <script src="./js/collaboration.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
     $("#footer_collabo").load("./footer_collabo.html");
     $("#modal_collabo_host_request").load("./modal_collabo_host_request.html");

public_new/collaboration_picture.html

@@ -129,32 +129,15 @@
   <!-- フッター -->
   <div id="footer_collabo"></div>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
+  <script src="./js/collaboration.js"></script>
   <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+
   <script>
     $("#footer_collabo").load("./footer_collabo.html");
     $("#modal_collabo_host_request").load("./modal_collabo_host_request.html");

public_new/collaboration_video.html

@@ -119,32 +119,15 @@
   <!-- フッター -->
   <div id="footer_collabo"></div>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
+  <script src="./js/collaboration.js"></script>
   <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+
 </body>
 <script>
   $("#footer_collabo").load("./footer_collabo.html");

public_new/collaboration_voice.html

@@ -63,32 +63,16 @@
 
   <!-- フッター -->
   <div id="footer_collabo"></div>
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
+
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
+  <script src="./js/collaboration.js"></script>
   <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+
   <script>
     $("#footer_collabo").load("./footer_collabo.html");
     $("#modal_collabo_host_request").load("./modal_collabo_host_request.html");

public_new/collaboration_whiteboard.html

@@ -121,32 +121,15 @@
   <!-- フッター -->
   <div id="footer_collabo"></div>
 
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/socket.io.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/constant.js"></script>
-  <script src="./js/collaboration.js"></script>
-  <script src="./js/common.js"></script>
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <script src="./js/chat-websocket.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/chat-websocket.js"></script>
-  <script src="./js/chat-websocket-message.js"></script>
-  <script src="./js/chat-websocket-refresh-group-list.js"></script>
-  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
+  <script src="./js/collaboration.js"></script>
   <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
-  <script src="./js/share.js"></script>
+
   <script>
     $("#footer_collabo").load("./footer_collabo.html");
     $("#modal_collabo_host_request").load("./modal_collabo_host_request.html");

public_new/contact.html

@@ -31,7 +31,7 @@
       </div>
       <div class="col-4 p-0">
         <div class="nav-item p-0">
-          <h1 class="nav-ttl" id="title" >コンタクト</h1>
+          <h1 class="nav-ttl" id="title">コンタクト</h1>
         </div>
       </div>
       <div class="col-4 pl-0">
@@ -45,9 +45,9 @@
   <main id="contact">
     <!-- ユーザー検索 -->
     <div class="search_form">
-        <input type="search" name="search" id="contactSearch" placeholder="ユーザー検索" maxlength="30">
-        <span class="src_icon"></span>
-        <a href="#" class="cancel none">キャンセル</a>
+      <input type="search" name="search" id="contactSearch" placeholder="ユーザー検索" maxlength="30">
+      <span class="src_icon"></span>
+      <a href="#" class="cancel none">キャンセル</a>
     </div>
 
     <div class="content tabs">
@@ -65,7 +65,8 @@
                 <div class="chat_item d-flex flex-row align-items-center" style="background: none !important;">
                   <div class="chat_item_l">
                     <div class="thumbnail">
-                      <div class="img_wrap"><img id="myImg" src="img/noImage.png" onError="this.src='./img/noImage.png'" /></div>
+                      <div class="img_wrap"><img id="myImg" src="img/noImage.png"
+                          onError="this.src='./img/noImage.png'" /></div>
                     </div>
                   </div>
                   <div class="chat_item_m px-0">
@@ -82,7 +83,9 @@
         </div>
         <div class="chat_list" id="myContactList">
           <!-- お気に入りグループ -->
-          <div class="category"><div class="category_name"><span>お気に入り</span></div></div>
+          <div class="category">
+            <div class="category_name"><span>お気に入り</span></div>
+          </div>
 
           <div id="favoriteList"></div>
           <div id="myGroupList"></div>
@@ -172,28 +175,17 @@
   <div id="loadingArea"></div>
   <div id="myProfileModal"></div>
   <div id="userProfileModal"></div>
-  <script src="./js/libs/jquery-3.3.1.min.js"></script>
-  <script src="./js/libs/moment.js"></script>
-  <script src="./js/libs/locale/ko.js" charset="UTF-8"></script>
-  <script src="./js/libs/locale/ja.js" charset="UTF-8"></script>
-  <script src="./js/libs/mustache.min.js"></script>
-  <script src="./js/libs/bootstrap.min.js"></script>
-  <script src="./js/libs/jquery.mark.min.js"></script>
-  <script src="./js/contact.js"></script>
-  <script src="./js/common.js"></script>
-  <script src="./js/loading.js"></script>
-  <script src="./js/language.js"></script>
-  <script src="./js/language_ko.js" charset="UTF-8"></script>
-  <script src="./js/language_ja.js" charset="UTF-8"></script>
-  <script src="./js/language_en.js" charset="UTF-8"></script>
-  <script src="./js/constant.js"></script>
+  
+  <!-- Import JS -->
+  <script src="./js/common-js-importer.js"></script>
+  <!-- View -->
   <script src="./js/chat.js"></script>
   <script src="./js/chat-ui.js"></script>
-  <script src="./js/chat-util.js"></script>
-  <script src="./js/chat-db.js"></script>
-  <script src="./js/chat-db-foriOS.js"></script>
+  <script src="./js/contact.js"></script>
+  <script src="./js/loading.js"></script>
+
   <script>
-    String.prototype.replaceAll = function(org, dest) {
+    String.prototype.replaceAll = function (org, dest) {
       return this.split(org).join(dest);
     }
 
@@ -204,8 +196,8 @@
     let IS_MOBILE = true;
     let IS_ONLINE = false;
     $("#loadingArea").load("./loading.html");
-    
-    if (typeof(android) != "undefined") {
+
+    if (typeof (android) != "undefined") {
       android.getLoginParameter();
       android.getGlobalParameter();
     } else {
@@ -220,18 +212,18 @@
       IS_ONLINE = isOnline;
 
       let groupId;
-      if (typeof(android) != "undefined") {
+      if (typeof (android) != "undefined") {
         groupId = android.getToMoveGroupId();
       } else {
         groupId = CHAT_DB.getToMoveGroupId();
       }
       if (groupId != "" && groupId != undefined) {
         CHAT_UI.refreshAllGroupSearch(groupId);
-        if (typeof(android) != "undefined") {
+        if (typeof (android) != "undefined") {
           android.setToMoveGroupId("");
         } else {
           webkit.messageHandlers.setToMoveGroupId.postMessage("");
-        }        
+        }
       } else {
         CHAT_UI.refreshContactScreen();
       }

public_new/js/chat-websocket.js

@@ -3,6 +3,7 @@ var socket;
 // 名前空間
 var CHAT_SOCKET = {};
 
+includeJs("./js/libs/socket.io.js");
 includeJs("./js/chat-websocket-message.js");
 includeJs("./js/chat-websocket-refresh-group-list.js");
 includeJs("./js/chat-websocket-refresh-user-list-in-group.js");

public_new/js/collaboration.js

- document.addEventListener("DOMContentLoaded", function () {
+includeJs("./js/share.js");
 
+document.addEventListener("DOMContentLoaded", function () {
   no_scroll();
 
   // メニューオーバーレイ表示
@@ -7,25 +8,25 @@
     var w = $(this).width();
 
     $(this).toggleClass("hide");
-    $('#overlay_menu .item').toggleClass('hide');
+    $("#overlay_menu .item").toggleClass("hide");
   });
 
-   // ユーザーリストオーバーレイ表示
-   $(".user_btn").click(function () {
-     var w = $(this).width();
+  // ユーザーリストオーバーレイ表示
+  $(".user_btn").click(function () {
+    var w = $(this).width();
 
-     $(this).toggleClass("hide");
-     $("#overlay_user_list.overlay")
-       .toggleClass("slidein")
-       .css({ transform: "translateX(" & -w & ")" });
+    $(this).toggleClass("hide");
+    $("#overlay_user_list.overlay")
+      .toggleClass("slidein")
+      .css({ transform: "translateX(" & -w & ")" });
 
-     if($(this).hasClass('hide')){
-       return_scroll();
-     }else{
-       scrollTo(0, 0);
-       no_scroll();
-     }
-   });
+    if ($(this).hasClass("hide")) {
+      return_scroll();
+    } else {
+      scrollTo(0, 0);
+      no_scroll();
+    }
+  });
 
   // モーダルonモーダル（前のモーダルを非表示に）
   // ホスト変更ボタン押下イベント
@@ -86,11 +87,13 @@ function no_scroll() {
 }
 // スクロール禁止解除
 function return_scroll() {
-  document.removeEventListener("mousewheel", scroll_control, { passive: false });
-  document.removeEventListener('touchmove', scroll_control, { passive: false });
+  document.removeEventListener("mousewheel", scroll_control, {
+    passive: false,
+  });
+  document.removeEventListener("touchmove", scroll_control, { passive: false });
 }
 function scroll_control(event) {
-  if(event.cancelable){
+  if (event.cancelable) {
     event.preventDefault();
   }
-}
\ No newline at end of file
+}

public_new/js/common-js-importer.js

+function includeJs(jsFilePath, charset = "") {
+  var js = document.createElement("script");
+
+  js.type = "text/javascript";
+  if (charset != "") {
+    js.charset = charset;
+  }
+  js.src = jsFilePath;
+
+  document.body.appendChild(js);
+}
+
+// Library
+includeJs("./js/libs/jquery-3.3.1.min.js");
+includeJs("./js/libs/moment.js");
+includeJs("./js/libs/locale/ko.js", "UTF-8");
+includeJs("./js/libs/locale/ja.js", "UTF-8");
+includeJs("./js/libs/mustache.min.js");
+includeJs("./js/libs/bootstrap.min.js");
+includeJs("./js/libs/jquery.mark.min.js");
+// Language
+includeJs("./js/language.js");
+includeJs("./js/language_ko.js", "UTF-8");
+includeJs("./js/language_ja.js", "UTF-8");
+includeJs("./js/language_en.js", "UTF-8");
+// Common
+includeJs("./js/constant.js");
+includeJs("./js/common.js");
+includeJs("./js/chat-util.js");
+// Model
+includeJs("./js/chat-db.js");

public_new/js/common/NativeBridge.js

+var NativeBridge = {};
+
+NativeBridge.updateRoomList = function () {
+  if (typeof android != "undefined") {
+    android.updateRoomList();
+  } else {
+    webkit.messageHandlers.updateRoomList.postMessage({});
+  }
+};
+
+NativeBridge.roomDisplayOff = function () {
+  if (typeof android != "undefined") {
+    android.roomDisplayOff();
+  } else {
+    webkit.messageHandlers.roomDisplayOff.postMessage({});
+  }
+};
+
+NativeBridge.openCommunicationHome = function () {
+  if (typeof android != "undefined") {
+    android.openCommunicationHome();
+  } else {
+    webkit.messageHandlers.openCommunicationHome.postMessage({});
+  }
+};
+
+NativeBridge.joinRoom = function (roomID, roomName) {
+  if (typeof android != "undefined") {
+    try {
+      android.joinRoom(roomID, roomName);
+    } catch {
+      alert(getLocalizedString("err_not_exist_room"));
+    }
+  } else {
+    webkit.messageHandlers.joinRoom.postMessage({
+      roomId: roomID,
+      roomName: roomName,
+    });
+  }
+};
+
+NativeBridge.createChatRoom = function (
+  chatRoomType,
+  userIDList,
+  newRoomName,
+  screenFlag,
+  isVoice
+) {
+  //todo android create room api
+  if (typeof android != "undefined") {
+    android.createChatRoom(
+      chatRoomType,
+      userIDList.join(","),
+      newRoomName,
+      screenFlag,
+      isVoice
+    );
+  } else {
+    webkit.messageHandlers.createChatRoom.postMessage({
+      roomType: chatRoomType,
+      userIdList: userIDList.join(","),
+      roomName: newRoomName,
+      screenFlag: screenFlag,
+      isVoice: isVoice,
+    });
+  }
+};
+
+NativeBridge.updateContactInfo = function () {
+  if (IS_ONLINE != "true") {
+    return;
+  }
+  NativeBridge.updateGroupInfo("0");
+  if (typeof android != "undefined") {
+    android.updateMyInfo();
+    // android.updateGroupUser(); ? is this method included in update group info?
+    android.updateFavorite();
+  } else {
+    webkit.messageHandlers.updateMyInfo.postMessage({});
+    webkit.messageHandlers.updateGroupUser.postMessage({});
+    webkit.messageHandlers.updateFavorite.postMessage({});
+  }
+};
+
+NativeBridge.updateGroupInfo = function (groupID) {
+  if (IS_ONLINE == "true") {
+    if (typeof android != "undefined") {
+      // TODO: peacekim:: check this method is right or not
+      android.updateGroupUser();
+    } else {
+      webkit.messageHandlers.updateGroupInfo.postMessage(groupID);
+    }
+  }
+};
+
+// todo: peacekim:: it should be datasource
+NativeBridge.removeFavoriteGroup = function (groupID) {
+  if (CHAT_UTIL.isIOS()) {
+    const result = callNativeApp(NATIVE_KEY_IOS.removeFavoriteGroup, {
+      groupId: groupID,
+    });
+    return result == "true" ? true : false;
+  } else {
+    return android.removeFavoriteGroup(groupID);
+  }
+};
+
+NativeBridge.joinCollaboration = function (collaborationType, meetingId = 0) {
+  if (CHAT_UTIL.isIOS()) {
+    webkit.messageHandlers.joinCollaboration.postMessage({
+      collaborationType: collaborationType,
+      meetingId: meetingId,
+    });
+  } else if (CHAT_UTIL.isAndroid()) {
+    if (
+      collaborationType == COLLABORATION_TYPE.DOCUMENT &&
+      androidVersion < ANDROID_SDK_VERSION.O
+    ) {
+      alert(getLocalizedString("not_support_version"));
+      return;
+    }
+    android.joinCollaboration(collaborationType, meetingId);
+  }
+};
+
+NativeBridge.joinRoom = function () {
+  if (CHAT_UTIL.isIOS()) {
+    webkit.messageHandlers.joinRoom.postMessage({ roomId: roomId });
+  } else if (CHAT_UTIL.isAndroid()) {
+    android.joinRoom(roomId, "");
+  }
+};
+
+NativeBridge.inviteUsers = function (userIDList) {
+  if (typeof android != "undefined") {
+    android.inviteUsers(userIDList, false);
+  } else {
+    webkit.messageHandlers.inviteUsers.postMessage({
+      userIdList: userIDList,
+    });
+  }
+};
+
+NativeBridge.getLoginParameter = function () {
+  if (typeof android != "undefined") {
+    android.getLoginParameter();
+  } else {
+    webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
+  }
+};
+
+NativeBridge.getGlobalParameter = function () {
+  if (typeof android != "undefined") {
+    android.getGlobalParameter();
+  } else {
+    webkit.messageHandlers.getGlobalParameter.postMessage({});
+  }
+};
+
+NativeBridge.saveSelectedUserList = function (selectedUserList) {
+  if (typeof android != "undefined") {
+    android.saveSelectedUserList(selectedUserList);
+  } else {
+    webkit.messageHandlers.saveSelectedUserList.postMessage(selectedUserList);
+  }
+};