WIP: assamble as native bridge

42fe068a · Kim Peace · a9049c58 · 42fe068a · 42fe068a · 42fe068a
Commit 42fe068a authored Jul 08, 2021 by Kim Peace
28 changed files
--- a/public_new/archive.html
+++ b/public_new/archive.html
@@ -154,13 +154,9 @@
    let IS_ONLINE = false;
    $("#chatMenuModal").load("./modal_chat_menu.html");
    $("#loadingArea").load("./loading.html");
-    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
+    NativeBridge.getLoginParameter();
-      android.getGlobalParameter();
+    NativeBridge.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/archive_detail.html
+++ b/public_new/archive_detail.html
@@ -203,13 +203,8 @@
    let IS_MOBILE = true;
    let IS_ONLINE = false;
-    if (typeof (android) != "undefined") {
+    NativeBridge.getLoginParameter();
-      android.getLoginParameter();
+    NativeBridge.getGlobalParameter();
-      android.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat.html
+++ b/public_new/chat.html
@@ -134,13 +134,13 @@
    let IS_MOBILE = true;
    let IS_ONLINE = false;
    $("#loadingArea").load("./loading.html");
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      android.saveSelectedUserList("");
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      webkit.messageHandlers.saveSelectedUserList.postMessage("");
    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {

--- a/public_new/chat_add_user.html
+++ b/public_new/chat_add_user.html
@@ -165,13 +165,8 @@
    let IS_MOBILE = true;
    let IS_ONLINE = false;
-    if (typeof (android) != "undefined") {
+    NativeBridge.getLoginParameter();
-      android.getLoginParameter();
+    NativeBridge.getGlobalParameter();
-      android.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat_add_user_confirm.html
+++ b/public_new/chat_add_user_confirm.html
@@ -92,13 +92,9 @@
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
-    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
+    NativeBridge.getLoginParameter();
-      android.getGlobalParameter();
+    NativeBridge.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat_change_room_name.html
+++ b/public_new/chat_change_room_name.html
@@ -92,13 +92,9 @@
    let IS_MOBILE = true;
    let IS_ONLINE = false;
    let roomId = 0;
-    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
+    NativeBridge.getLoginParameter();
-      android.getGlobalParameter();
+    NativeBridge.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat_make_room.html
+++ b/public_new/chat_make_room.html
@@ -165,13 +165,10 @@
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
-    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
+    NativeBridge.getLoginParameter();
-      android.getGlobalParameter();
+    NativeBridge.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat_make_room_confirm.html
+++ b/public_new/chat_make_room_confirm.html
@@ -101,13 +101,8 @@
    let IS_MOBILE = true;
    let IS_ONLINE = false;
-    if (typeof (android) != "undefined") {
+    NativeBridge.getLoginParameter();
-      android.getLoginParameter();
+    NativeBridge.getGlobalParameter();
-      android.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;

--- a/public_new/chat_room.html
+++ b/public_new/chat_room.html
@@ -198,14 +198,14 @@
    $("#chatMenuModal").load("./modal_chat_menu.html");
    $("#loadingArea").load("./loading.html");
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      android.saveSelectedUserList("");
      androidVersion = android.getAndroidVersion();
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      webkit.messageHandlers.saveSelectedUserList.postMessage("");
    }

--- a/public_new/collaboration.html
+++ b/public_new/collaboration.html
@@ -156,7 +156,8 @@
  <script src="./js/chat-ui.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");
@@ -180,13 +181,12 @@
    let joinMeetingId = 0;
    let androidVersion = 0;
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }
@@ -227,7 +227,9 @@
        androidVersion = android.getAndroidVersion();
        if (joinCollaborationType == COLLABORATION_TYPE.DOCUMENT && androidVersion < ANDROID_SDK_VERSION.O) {
          alert(getLocalizedString('not_support_version'));
-          android.openCommunicationHome();
+          if (typeof android != "undefined") {
+            NativeBridge.openCommunicationHome();
+          }
        }
      }

--- a/public_new/collaboration_documents.html
+++ b/public_new/collaboration_documents.html
@@ -119,13 +119,8 @@
    let IS_ONLINE = false;
    let collaborationJoinFlg = 0;
-    if (typeof (android) != "undefined") {
+    NativeBridge.getLoginParameter();
-      android.getLoginParameter();
+    NativeBridge.getGlobalParameter();
-      android.getGlobalParameter();
-    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
-    }
    function startPipMode() {
      if (typeof (android) != "undefined") {

--- a/public_new/collaboration_picture.html
+++ b/public_new/collaboration_picture.html
@@ -160,6 +160,7 @@
  <script src="./js/chat-ui.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");
@@ -180,13 +181,12 @@
    let collaborationJoinFlg = 0;
    let roomType;
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }

--- a/public_new/collaboration_video.html
+++ b/public_new/collaboration_video.html
@@ -150,7 +150,8 @@
  <script src="./js/chat-ui.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");
@@ -171,13 +172,12 @@
  let collaborationJoinFlg = 0;
  let roomType;
+  NativeBridge.getLoginParameter();
+  NativeBridge.getGlobalParameter();
  if (typeof (android) != "undefined") {
-    android.getLoginParameter();
-    android.getGlobalParameter();
    roomType = android.getRoomType();
  } else {
-    webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-    webkit.messageHandlers.getGlobalParameter.postMessage({});
    roomType = CHAT_DB.getRoomType();
  }

--- a/public_new/collaboration_voice.html
+++ b/public_new/collaboration_voice.html
@@ -95,7 +95,8 @@
  <script src="./js/chat-ui.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");
@@ -114,13 +115,12 @@
    let collaborationJoinFlg = 0;
    let roomType;
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }

--- a/public_new/collaboration_whiteboard.html
+++ b/public_new/collaboration_whiteboard.html
@@ -152,7 +152,8 @@
  <script src="./js/chat-ui.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");
@@ -172,13 +173,12 @@
    let collaborationJoinFlg = 0;
    let roomType;
+    NativeBridge.getLoginParameter();
+    NativeBridge.getGlobalParameter();
    if (typeof (android) != "undefined") {
-      android.getLoginParameter();
-      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
-      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }

--- a/public_new/contact.html
+++ b/public_new/contact.html
@@ -215,13 +215,9 @@
    let IS_ONLINE = false;
    $("#loadingArea").load("./loading.html");
-    if (typeof (android) != "undefined") {
+    NativeBridge.getLoginParameter();
-      android.getLoginParameter();
+    NativeBridge.getGlobalParameter();
-      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;

--- a/public_new/js/chat-db-foriOS.js
+++ b/public_new/js/chat-db-foriOS.js
@@ -58,34 +58,6 @@ CHAT_DB.addFavoriteUser = function (shopMemberId) {
  }
 };
-CHAT_DB.removeFavoriteGroup = function (groupId) {
-  // Androidは実装不要
-  if (CHAT_UTIL.isIOS()) {
-    var result = callNativeApp(NATIVE_KEY_IOS.removeFavoriteGroup, {
-      groupId: groupId,
-    });
-    if (result == "true") {
-      return true;
-    } else {
-      return false;
-    }
-  }
-};
-CHAT_DB.addFavoriteGroup = function (groupId) {
-  // Androidは実装不要
-  if (CHAT_UTIL.isIOS()) {
-    var result = callNativeApp(NATIVE_KEY_IOS.addFavoriteGroup, {
-      groupId: groupId,
-    });
-    if (result == "true") {
-      return true;
-    } else {
-      return false;
-    }
-  }
-};
 CHAT_DB.getCollaborationJoinFlg = function () {
  // Androidは実装不要
  if (CHAT_UTIL.isIOS()) {

--- a/public_new/js/chat-ui-clickEvents.js
+++ b/public_new/js/chat-ui-clickEvents.js
@@ -95,11 +95,7 @@ $("#room-search").on("input", function (event) {
    socket.emit("roomSearch", encodeURIComponent($("#room-search").val()));
  } else {
    if (IS_ONLINE == "true") {
-      if (typeof android != "undefined") {
+      NativeBridge.updateRoomList();
-        android.updateRoomList();
-      } else {
-        webkit.messageHandlers.updateRoomList.postMessage({});
-      }
      CHAT_UI.refreshRoomList(ChatRoomType.DM);
      CHAT_UI.dismissLoadingIndicator();
    }

--- a/public_new/js/chat-ui-collaboration.js
+++ b/public_new/js/chat-ui-collaboration.js
-CHAT_UI.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);
-  }
-};
 CHAT_UI.startCollaboration = function (collaborationType) {
  if (CHAT_UTIL.isAndroid()) {
    if (
@@ -122,18 +104,7 @@ CHAT_UI.refreshMyGroupForAddUserInCollaboration = function () {
    TemplateURL.ADD_USER_GROUP_USER_LIST_IN_COLLABORATION
  );
-  if (IS_ONLINE == "true") {
+  NativeBridge.updateContactInfo();
-    if (typeof android != "undefined") {
-      android.updateMyInfo();
-      android.updateGroupUser();
-      android.updateFavorite();
-    } else {
-      webkit.messageHandlers.updateGroupInfo.postMessage("0");
-      webkit.messageHandlers.updateMyInfo.postMessage({});
-      webkit.messageHandlers.updateGroupUser.postMessage({});
-      webkit.messageHandlers.updateFavorite.postMessage({});
-    }
-  }
  //お気に入りグループ取得。
  var favoriteGroupList = CHAT_DB.getFavoriteGroups();
@@ -192,14 +163,7 @@ CHAT_UI.refreshAllGroupForAddUserInCollaboration = function (paramGroupId) {
  $("#tabAllGroupOnAddUserInCollaboration").prop("checked", true);
-  //オンライン状態であればサーバから情報更新。
+  NativeBridge.updateGroupInfo(groupId);
-  if (IS_ONLINE == "true") {
-    if (typeof android != "undefined") {
-      android.updateGroupUser();
-    } else {
-      webkit.messageHandlers.updateGroupInfo.postMessage(groupId);
-    }
-  }
  //画面エリアを初期化。
  $("#parentGroupBtnForAddUserInCollaboration").off();

--- a/public_new/js/chat-ui.js
+++ b/public_new/js/chat-ui.js
@@ -139,13 +139,7 @@ $('a[data-toggle="pill"]').on("show.bs.tab", function (e) {
          CHAT.saveRoomInfo();
          if (IS_ONLINE == "true") {
            socket.emit("leaveRoom", function () {
-              if (typeof android != "undefined") {
+              NativeBridge.updateRoomList();
-                android.updateRoomList();
-              } else {
-                webkit.messageHandlers.updateRoomList.postMessage({
-                  groupId: "0",
-                });
-              }
            });
          }
          CHAT_UI.refreshRoomList(ChatRoomType.DM);
@@ -444,10 +438,9 @@ CHAT_UI.showConfirmView = function (isInvite) {
            // ルーム名のURIencodingを行う
            //const encodedRoomName = encodeURIComponent(newRoomName);
-            //todo android create room api
+            NativeBridge.createChatRoom(
-            createChatRoom(
              ChatRoomType.DM,
-              userIdList,
+              userIdList.join(","),
              newRoomName,
              MakeRoomFlag.MAKE_ROOM,
              false
@@ -521,9 +514,9 @@ CHAT_UI.showConfirmView = function (isInvite) {
            // ルーム名のtrimmingした後、URIencodingを行う
            const encodedRoomName = encodeURIComponent(trimmedRoomName);
-            createChatRoom(
+            NativeBridge.createChatRoom(
              ChatRoomType.DM,
-              userIdList,
+              userIdList.join(","),
              encodedRoomName,
              MakeRoomFlag.MAKE_ROOM,
              false
@@ -815,7 +808,7 @@ CHAT_UI.refreshContactScreen = function () {
  var myNamecardTemplate = getTemplate(TemplateURL.MY_NAME_CARD);
  var groupUserTemplate = getTemplate(TemplateURL.GROUP_USER_LIST);
-  updateContactInfo();
+  NativeBridge.updateContactInfo();
  var myInfo = CHAT_DB.getMyInfo();
  myInfo.profileImagePath = CHAT.getProfileImgUrl(myInfo.profileUrl);
@@ -903,11 +896,7 @@ CHAT_UI.refreshRoomList = function (roomType) {
  }
  if (IS_ONLINE == "true") {
-    if (typeof android != "undefined") {
+    NativeBridge.updateRoomList();
-      android.updateRoomList();
-    } else {
-      webkit.messageHandlers.updateRoomList.postMessage({});
-    }
  }
  var rooms = CHAT_DB.getRoomList(roomType, null);
  CHAT.globalIsInvite = false;
@@ -994,9 +983,6 @@ CHAT_UI.refreshRoomList = function (roomType) {
    });
    // Click event
    let obj = $(jQuery.parseHTML(html)).on("click", function () {
-      /* let roomId = $(this).data('roomId');
-            let roomName = $(this).data('roomname');
-            CHAT_UI.joinRoom(roomId,roomName);*/
      //TODO ルームに入る処理追加必要
    });
    // ルームグループごとに追加。
@@ -1015,22 +1001,6 @@ CHAT_UI.refreshRoomList = function (roomType) {
  CHAT_UI.dismissLoadingIndicator();
 };
-CHAT_UI.joinRoom = function (roomId, roomName) {
-  //native側に入場対象の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,
-    });
-  }
-};
 CHAT_UI.loadMessages = function (roomId, joinRoomName) {
  roomName = joinRoomName;
  var now = new Date();
@@ -1092,14 +1062,13 @@ CHAT_UI.loadMessages = function (roomId, joinRoomName) {
  $("#userSelectionDeleteBtn").hide();
  if (CHAT_UTIL.isIOS()) {
-    $(window).on('load', function() {
+    $(window).on("load", function () {
      CHAT_UI.scrollToBottom();
    });
  }
 };
+CHAT_UI.prependMessage = function (messages) {
-CHAT_UI.prependMessage = function(messages) {
  var now = new Date();
  let jQueryMessages = $("#messages");
  // スクロールの変化を防ぐため以前画面の高さを保存する
@@ -1248,14 +1217,6 @@ CHAT_UI.prependMessage = function(messages) {
  });
  // メッセージの画面描画
  jQueryMessages.prepend(workVal);
-}
-CHAT_UI.roomDisplayOff = function () {
-  if (typeof android != "undefined") {
-    android.roomDisplayOff();
-  } else {
-    webkit.messageHandlers.roomDisplayOff.postMessage({});
-  }
 };
 CHAT_UI.favoriteUserChange = function (shopMemberId, star) {
@@ -1317,36 +1278,26 @@ CHAT_UI.insertFavoriteUser = function (shopMemberId) {
 CHAT_UI.removeFavoriteGroup = function (groupId) {
  CHAT_UI.showLoadingIndicator();
-  var result;
+  var result = NativeBridge.removeFavoriteGroup(groupId);
-  if (typeof android != "undefined") {
+  if (result) {
-    result = android.removeFavoriteGroup(groupId);
+    $(".group_" + groupId).removeClass("active");
+    $(".group_" + groupId).addClass("disable");
  } else {
-    result = CHAT_DB.removeFavoriteGroup(groupId);
-  }
-  if (!result) {
    $(".group_" + groupId).addClass("active");
    $(".group_" + groupId).removeClass("disable");
-  } else {
-    $(".group_" + groupId).removeClass("active");
-    $(".group_" + groupId).addClass("disable");
  }
  CHAT_UI.dismissLoadingIndicator();
 };
 CHAT_UI.insertFavoriteGroup = function (groupId) {
  CHAT_UI.showLoadingIndicator();
-  var result;
+  const result = NativeBridge.addFavoriteGroup(groupID);
-  if (typeof android != "undefined") {
+  if (result) {
-    result = android.addFavoriteGroup(groupId);
+    $(".group_" + groupId).removeClass("disable");
+    $(".group_" + groupId).addClass("active");
  } else {
-    result = CHAT_DB.addFavoriteGroup(groupId);
-  }
-  if (!result) {
    $(".group_" + groupId).addClass("disable");
    $(".group_" + groupId).removeClass("active");
-  } else {
-    $(".group_" + groupId).removeClass("disable");
-    $(".group_" + groupId).addClass("active");
  }
  CHAT_UI.dismissLoadingIndicator();
 };
@@ -1379,7 +1330,7 @@ CHAT_UI.refreshAllGroupSearch = function (paramGroupId) {
  $("#tabAllGroup").prop("checked", true);
  //オンライン状態であればサーバから情報更新。
-  updateGroupInfo(groupId);
+  NativeBridge.updateGroupInfo(groupId);
  //画面エリアを初期化。
  $("#rootGroupBtn").off();
@@ -1457,9 +1408,9 @@ CHAT_UI.startChat = function (userShopMemberId, userName) {
  // 参加ユーザ名でルーム名を生成
  let newRoomName = CHAT.globalLoginParameter.loginId + "," + userName;
-  createChatRoom(
+  NativeBridge.createChatRoom(
    ChatRoomType.DM,
-    userIdList,
+    userIdList.join(","),
    newRoomName,
    MakeRoomFlag.NAME_CARD,
    false
@@ -1473,9 +1424,9 @@ CHAT_UI.startVoice = function (userShopMemberId, userName) {
  // 参加ユーザ名でルーム名を生成
  let newRoomName = CHAT.globalLoginParameter.loginId + "," + userName;
-  createChatRoom(
+  NativeBridge.createChatRoom(
    ChatRoomType.DM,
-    userIdList,
+    userIdList.join(","),
    newRoomName,
    MakeRoomFlag.NAME_CARD,
    true
@@ -1546,12 +1497,14 @@ CHAT_UI.refreshArchiveDetailScreen = function (archiveId) {
    userId: userInfo.shopMemberId,
  });
  var obj = $(jQuery.parseHTML(html)).on("click", function () {});
  $("#archiveDetail").append(obj);
  // プレイヤーの切り替え
-  const archiveFilePath = CHAT.createGetDataUrl(archive.filePath, archive.roomId);
+  const archiveFilePath = CHAT.createGetDataUrl(
+    archive.filePath,
+    archive.roomId
+  );
  switch (archive.archiveType) {
    case "0": // 画像
@@ -1620,7 +1573,9 @@ CHAT_UI.refreshArchiveDetailScreen = function (archiveId) {
  }
  attendUserList.forEach(function (user) {
-    if (user == "") { return; }
+    if (user == "") {
+      return;
+    }
    var userInfo = CHAT_DB.getUserInfo(user);
    userInfo.profileUrl = CHAT.getProfileImgUrl(userInfo.profileUrl);
    const html = Mustache.render(archiveUserTemplate, {
@@ -1640,7 +1595,7 @@ CHAT_UI.refreshArchiveDetailScreen = function (archiveId) {
  // チャットルームへのリンク付け
  document.getElementById("joinChatRoom").onclick = function () {
-    CHAT_UI.joinRoom(archive.roomId, archive.roomName);
+    NativeBridge.joinRoom(archive.roomId, archive.roomName);
  };
  // loadingIndicatorを非表示
@@ -1663,7 +1618,7 @@ CHAT_UI.refreshMyGroupForMakeRoom = function () {
  var groupUserTemplate = getTemplate(TemplateURL.MAKE_ROOM_GROUP_USER_LIST);
-  updateContactInfo();
+  NativeBridge.updateContactInfo();
  //お気に入りグループ取得。
  var favoriteGroupList = CHAT_DB.getFavoriteGroups();
@@ -1726,7 +1681,7 @@ CHAT_UI.refreshAllGroupForMakeRoom = function (paramGroupId) {
  $("#tabAllGroupOnMakeRoom").prop("checked", true);
  //オンライン状態であればサーバから情報更新。
-  updateGroupInfo(groupId);
+  NativeBridge.updateGroupInfo(groupId);
  //画面エリアを初期化。
  $("#parentGroupBtnForMakeRoom").off();
@@ -1928,9 +1883,9 @@ CHAT_UI.showMakeRoomConfirmView = function () {
        // 参加ユーザ名でルーム名を生成
        let newRoomName =
          CHAT.globalLoginParameter.loginId + "," + userNameList.join(",");
-        createChatRoom(
+        NativeBridge.createChatRoom(
          ChatRoomType.DM,
-          userIdList,
+          userIdList.join(","),
          newRoomName,
          MakeRoomFlag.MAKE_ROOM,
          false
@@ -2003,9 +1958,9 @@ CHAT_UI.showMakeRoomConfirmView = function () {
        // TODO: check why here using trimmedroomname instead of encodedRoomName
        // ルーム名のtrimmingした後、URIencodingを行う
        const encodedRoomName = encodeURIComponent(trimmedRoomName);
-        createChatRoom(
+        NativeBridge.createChatRoom(
          ChatRoomType.DM,
-          userIdList,
+          userIdList.join(","),
          trimmedRoomName,
          MakeRoomFlag.MAKE_ROOM,
          false
@@ -2038,13 +1993,7 @@ CHAT_UI.showAddUserConfirmView = function () {
      selectedUserList.forEach(function (user) {
        userIdList.push(user.shopMemberId);
      });
-      if (typeof android != "undefined") {
+      NativeBridge.inviteUsers(userIdList.join(","));
-        android.inviteUsers(userIdList.join(","), false);
-      } else {
-        webkit.messageHandlers.inviteUsers.postMessage({
-          userIdList: userIdList.join(","),
-        });
-      }
    });
 };
@@ -2063,7 +2012,7 @@ CHAT_UI.refreshMyGroupForAddUser = function () {
  var userTemplate = getTemplate(TemplateURL.ADD_USER_USER_LIST);
  var groupUserTemplate = getTemplate(TemplateURL.ADD_USER_GROUP_USER_LIST);
-  updateContactInfo();
+  NativeBridge.updateContactInfo();
  //お気に入りグループ取得。
  var favoriteGroupList = CHAT_DB.getFavoriteGroups();
@@ -2126,7 +2075,7 @@ CHAT_UI.refreshAllGroupForAddUser = function (paramGroupId) {
  $("#tabAllGroupOnAddUser").prop("checked", true);
  //オンライン状態であればサーバから情報更新。
-  updateGroupInfo(groupId);
+  NativeBridge.updateGroupInfo(groupId);
  //画面エリアを初期化。
  $("#parentGroupBtnForAddUser").off();
@@ -2253,16 +2202,12 @@ CHAT_UI.refreshForOffline = function () {
    webkit.messageHandlers.finishCollaboration.postMessage({});
  }
  if (collaborationJoinFlg != "2") {
-    CHAT_UI.joinRoom(
+    NativeBridge.joinRoom(
      CHAT.globalLoginParameter.roomId,
      CHAT.globalLoginParameter.name
    );
  } else {
-    if (typeof android != "undefined") {
+    NativeBridge.openCommunicationHome();
-      android.openCommunicationHome();
-    } else {
-      webkit.messageHandlers.openCommunicationHome.postMessage({});
-    }
  }
 };
@@ -2272,63 +2217,7 @@ CHAT_UI.offlineHandler = function (e) {
 CHAT_UI.displayExistRoom = function (roomId) {
  if (confirm("error_already_exist_same_user")) {
-    if (CHAT_UTIL.isIOS()) {
+    NativeBridge.joinRoom(roomId);
-      webkit.messageHandlers.joinRoom.postMessage({ roomId: roomId });
-    } else if (CHAT_UTIL.isAndroid()) {
-      android.joinRoom(roomId, "");
-    }
  }
  return;
 };
\ No newline at end of file
-var 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,
-    });
-  }
-};
-var updateContactInfo = function () {
-  if (IS_ONLINE == "true") {
-    if (typeof android != "undefined") {
-      android.updateMyInfo();
-      android.updateGroupUser();
-      android.updateFavorite();
-    } else {
-      webkit.messageHandlers.updateGroupInfo.postMessage("0");
-      webkit.messageHandlers.updateMyInfo.postMessage({});
-      webkit.messageHandlers.updateGroupUser.postMessage({});
-      webkit.messageHandlers.updateFavorite.postMessage({});
-    }
-  }
-};
-var updateGroupInfo = function (groupID) {
-  if (IS_ONLINE == "true") {
-    if (typeof android != "undefined") {
-      android.updateGroupUser();
-    } else {
-      webkit.messageHandlers.updateGroupInfo.postMessage(groupID);
-    }
-  }
-};
--- a/public_new/js/collaboration.js
+++ b/public_new/js/collaboration.js
-includeJs("./js/share.js");
 document.addEventListener("DOMContentLoaded", function () {
  no_scroll();

--- a/public_new/js/common/NativeBridge.js
+++ b/public_new/js/common/NativeBridge.js
@@ -24,7 +24,7 @@ NativeBridge.openCommunicationHome = function () {
  }
 };
-NativeBridge.joinRoom = function (roomID, roomName) {
+NativeBridge.joinRoom = function (roomID, roomName = "") {
  if (typeof android != "undefined") {
    try {
      android.joinRoom(roomID, roomName);
@@ -50,7 +50,7 @@ NativeBridge.createChatRoom = function (
  if (typeof android != "undefined") {
    android.createChatRoom(
      chatRoomType,
-      userIDList.join(","),
+      userIDList,
      newRoomName,
      screenFlag,
      isVoice
@@ -58,7 +58,7 @@ NativeBridge.createChatRoom = function (
  } else {
    webkit.messageHandlers.createChatRoom.postMessage({
      roomType: chatRoomType,
-      userIdList: userIDList.join(","),
+      userIdList: userIDList,
      roomName: newRoomName,
      screenFlag: screenFlag,
      isVoice: isVoice,
@@ -105,6 +105,21 @@ NativeBridge.removeFavoriteGroup = function (groupID) {
  }
 };
+NativeBridge.addFavoriteGroup = function (groupID) {
+  if (typeof android != "undefined") {
+    return android.addFavoriteGroup(groupID);
+  } else {
+    const result = callNativeApp(NATIVE_KEY_IOS.addFavoriteGroup, {
+      groupId: groupId,
+    });
+    if (result == "true") {
+      return true;
+    } else {
+      return false;
+    }
+  }
+};
 NativeBridge.joinCollaboration = function (collaborationType, meetingId = 0) {
  if (CHAT_UTIL.isIOS()) {
    webkit.messageHandlers.joinCollaboration.postMessage({
@@ -123,14 +138,6 @@ NativeBridge.joinCollaboration = function (collaborationType, meetingId = 0) {
  }
 };
-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);

--- a/public_new/js/share.js
+++ b/public_new/js/share.js
@@ -139,7 +139,7 @@ document.addEventListener("DOMContentLoaded", function () {
            android.finishPip();
            $(".pip_indicator").addClass("none");
          }
-          await new Promise(done => setTimeout(() => done(), 500));
+          await new Promise((done) => setTimeout(() => done(), 500));
          updateCanvasSize();
        }
@@ -232,11 +232,14 @@ document.addEventListener("DOMContentLoaded", function () {
          fw.sendToMsg("others", "PIP_END_REQUEST", {
            loginId: getFermiLoginId(data.payload.loginId),
          });
-          await new Promise(done => setTimeout(() => done(), 500));
+          await new Promise((done) => setTimeout(() => done(), 500));
          Coview_changeHost(getFermiLoginId(data.payload.loginId));
        }
      } else if (data.type === "PIP_END_REQUEST") {
-        if (data.payload.loginId == globalUserInfo.loginId && joinCollaborationType == COLLABORATION_TYPE.DOCUMENT) {
+        if (
+          data.payload.loginId == globalUserInfo.loginId &&
+          joinCollaborationType == COLLABORATION_TYPE.DOCUMENT
+        ) {
          if (CHAT_UTIL.isAndroid()) {
            android.finishPip();
            $(".pip_indicator").addClass("none");
@@ -258,7 +261,7 @@ document.addEventListener("DOMContentLoaded", function () {
        }
      } else if (data.type === "API_SEND_OWNER_CHANGE_CONFIRM") {
        if (joinCollaborationType == COLLABORATION_TYPE.CAMERA) {
-          await new Promise(done => setTimeout(() => done(), 500));
+          await new Promise((done) => setTimeout(() => done(), 500));
          removeOldLocalVideo(g_localStream);
        }
      } else if (data.type === "CHANGE_HOST_APPLY") {
@@ -278,7 +281,7 @@ document.addEventListener("DOMContentLoaded", function () {
            HostRequestFlag.DOING
          );
        }
-        await new Promise(done => setTimeout(() => done(), 500));
+        await new Promise((done) => setTimeout(() => done(), 500));
        if (g_isMainMan) {
          if (
            confirm(
@@ -401,21 +404,17 @@ document.addEventListener("DOMContentLoaded", function () {
      }
    }
    if (isInvited == InvitedFlag.NONE) {
-      CHAT_UI.joinRoom(
+      NativeBridge.joinRoom(
        CHAT.globalLoginParameter.roomId,
        CHAT.globalLoginParameter.name
      );
    } else {
-      if (typeof android != "undefined") {
+      NativeBridge.openCommunicationHome();
-        android.openCommunicationHome();
-      } else {
-        webkit.messageHandlers.openCommunicationHome.postMessage({});
-      }
    }
    console.log("=============> HOST BYE : share hostbye");
    if (CHAT_UTIL.isIOS()) {
      webkit.messageHandlers.showExitHostAlert.postMessage({});
-      return; 
+      return;
    }
    $("#loadingIndicator").removeClass("full_active");
  });
@@ -465,9 +464,11 @@ document.addEventListener("DOMContentLoaded", function () {
            }
          }
        } else if (collaborationJoinFlg == "0") {
-          let deleteRoomResult = JSON.parse(await deleteRoomApi(globalUserInfo.roomId));
+          let deleteRoomResult = JSON.parse(
+            await deleteRoomApi(globalUserInfo.roomId)
+          );
          if (deleteRoomResult.resultCode == 200) {
-            await new Promise(done => setTimeout(() => done(), 3000));
+            await new Promise((done) => setTimeout(() => done(), 3000));
          }
          coview_api.CreateRoom(
            globalUserInfo.roomId,
@@ -532,7 +533,7 @@ document.addEventListener("DOMContentLoaded", function () {
          coview_api.LeaveRoom();
          $(".coview_share_area").hide();
          $("#loadingIndicator").removeClass("full_active");
-          CHAT_UI.joinRoom(
+          NativeBridge.joinRoom(
            CHAT.globalLoginParameter.roomId,
            CHAT.globalLoginParameter.name
          );
@@ -608,72 +609,72 @@ function Coview_moveToAudioShareArea() {
 function changeCollaboration(changeCollaborationType) {
  recordStop(function () {
    var newMeetingId = 0;
-      if (joinCollaborationType == COLLABORATION_TYPE.DOCUMENT) {
+    if (joinCollaborationType == COLLABORATION_TYPE.DOCUMENT) {
-        if (CHAT_UTIL.isIOS()) {
-          webkit.messageHandlers.exitMeetingRoom.postMessage({});
-        } else if (CHAT_UTIL.isAndroid()) {
-          android.exitMeetingRoom();
-        }
-      }
      if (CHAT_UTIL.isIOS()) {
-        webkit.messageHandlers.setJoinCollaborationType.postMessage(
+        webkit.messageHandlers.exitMeetingRoom.postMessage({});
-          changeCollaborationType
-        );
      } else if (CHAT_UTIL.isAndroid()) {
-        if (
+        android.exitMeetingRoom();
-          changeCollaborationType == COLLABORATION_TYPE.DOCUMENT &&
-          androidVersion < ANDROID_SDK_VERSION.O
-        ) {
-          alert(getLocalizedString("not_support_version"));
-          return;
-        }
-        android.setJoinCollaborationType(changeCollaborationType);
-      }
-      joinCollaborationType = changeCollaborationType;
-      initCollaborationUI(changeCollaborationType);
-      switch (changeCollaborationType) {
-        case COLLABORATION_TYPE.AUDIO:
-          coview_api.ChangeCollaboration("audio");
-          break;
-        case COLLABORATION_TYPE.CAMERA:
-          removeOldLocalVideo(g_localStream);
-          coview_api.ChangeCollaboration("image");
-          break;
-        case COLLABORATION_TYPE.VIDEO:
-          coview_api.ChangeCollaboration("video");
-          break;
-        case COLLABORATION_TYPE.DOCUMENT:
-          coview_api.ChangeCollaboration("audio");
-          if (CHAT_UTIL.isIOS()) {
-            newMeetingId = CHAT_DB.createContentView();
-          } else if (CHAT_UTIL.isAndroid()) {
-            newMeetingId = android.createContentView();
-            console.log("newMeetingId = " + newMeetingId);
-          }
-          break;
-        case COLLABORATION_TYPE.BOARD:
-          coview_api.ChangeCollaboration("audio");
-          break;
-      }
-      if ($("#micBtn .voice").hasClass("disable")) {
-        micOff();
-      } else {
-        micOn();
      }
-      penOff();
+    }
-      if (CHAT_UTIL.isIOS()) {
+    if (CHAT_UTIL.isIOS()) {
-        webkit.messageHandlers.changeCollaboration.postMessage({
+      webkit.messageHandlers.setJoinCollaborationType.postMessage(
-          changeCollaborationType: changeCollaborationType,
+        changeCollaborationType
-          meetingId: newMeetingId,
+      );
-        });
+    } else if (CHAT_UTIL.isAndroid()) {
-      } else if (CHAT_UTIL.isAndroid()) {
+      if (
-        android.changeCollaboration(changeCollaborationType, newMeetingId);
+        changeCollaborationType == COLLABORATION_TYPE.DOCUMENT &&
+        androidVersion < ANDROID_SDK_VERSION.O
+      ) {
+        alert(getLocalizedString("not_support_version"));
+        return;
      }
-      joinMeetingId = newMeetingId;
+      android.setJoinCollaborationType(changeCollaborationType);
-      fw.sendToMsg("others", "CHANGE_COLLABORATION", {
+    }
-        collaborationType: changeCollaborationType,
+    joinCollaborationType = changeCollaborationType;
-        newMeetingId: newMeetingId,
+    initCollaborationUI(changeCollaborationType);
+    switch (changeCollaborationType) {
+      case COLLABORATION_TYPE.AUDIO:
+        coview_api.ChangeCollaboration("audio");
+        break;
+      case COLLABORATION_TYPE.CAMERA:
+        removeOldLocalVideo(g_localStream);
+        coview_api.ChangeCollaboration("image");
+        break;
+      case COLLABORATION_TYPE.VIDEO:
+        coview_api.ChangeCollaboration("video");
+        break;
+      case COLLABORATION_TYPE.DOCUMENT:
+        coview_api.ChangeCollaboration("audio");
+        if (CHAT_UTIL.isIOS()) {
+          newMeetingId = CHAT_DB.createContentView();
+        } else if (CHAT_UTIL.isAndroid()) {
+          newMeetingId = android.createContentView();
+          console.log("newMeetingId = " + newMeetingId);
+        }
+        break;
+      case COLLABORATION_TYPE.BOARD:
+        coview_api.ChangeCollaboration("audio");
+        break;
+    }
+    if ($("#micBtn .voice").hasClass("disable")) {
+      micOff();
+    } else {
+      micOn();
+    }
+    penOff();
+    if (CHAT_UTIL.isIOS()) {
+      webkit.messageHandlers.changeCollaboration.postMessage({
+        changeCollaborationType: changeCollaborationType,
+        meetingId: newMeetingId,
      });
+    } else if (CHAT_UTIL.isAndroid()) {
+      android.changeCollaboration(changeCollaborationType, newMeetingId);
+    }
+    joinMeetingId = newMeetingId;
+    fw.sendToMsg("others", "CHANGE_COLLABORATION", {
+      collaborationType: changeCollaborationType,
+      newMeetingId: newMeetingId,
+    });
  });
 }
@@ -783,16 +784,12 @@ function Coview_finishCollaboration() {
  }
  isLeaved = true;
  if (isInvited == InvitedFlag.NONE) {
-    CHAT_UI.joinRoom(
+    NativeBridge.joinRoom(
      CHAT.globalLoginParameter.roomId,
      CHAT.globalLoginParameter.name
    );
  } else {
-    if (typeof android != "undefined") {
+    NativeBridge.openCommunicationHome();
-      android.openCommunicationHome();
-    } else {
-      webkit.messageHandlers.openCommunicationHome.postMessage({});
-    }
  }
 }
@@ -1041,11 +1038,11 @@ function captureAndShareImage(urls, changeHostName) {
  });
 }
-function toolToggle(){
+function toolToggle() {
-  if($("#collabo_footer_menu").hasClass('hide')){
+  if ($("#collabo_footer_menu").hasClass("hide")) {
-    $("#collabo_footer_menu").removeClass('hide');
+    $("#collabo_footer_menu").removeClass("hide");
-  }else{
+  } else {
-    $("#collabo_footer_menu").addClass('hide');
+    $("#collabo_footer_menu").addClass("hide");
  }
 }
@@ -1071,12 +1068,12 @@ function recordStart() {
  console.log("レコードを開始しました");
  MainManRecord("on");
  $("#recordBtn .record").addClass("disable");
-  $('.flash-txt').addClass('on');
+  $(".flash-txt").addClass("on");
 }
 function recordFinished() {
  $("#recordBtn .record").removeClass("disable");
-  $('.flash-txt').removeClass('on');
+  $(".flash-txt").removeClass("on");
  // ロック画面の削除
  delete_dom_obj("screenLock");
 }
@@ -1111,7 +1108,7 @@ function recordStop(callback) {
 function MainManRecordWithCollaboration(action, url, callback) {
  try {
    mediaRecorder.stop();
-  } catch(exeption) {
+  } catch (exeption) {
    console.log("Record fail");
    callback();
  }
@@ -1193,7 +1190,7 @@ function requestCollaborationFinish() {
 }
 async function waitMillisecond(millesecond) {
-  await new Promise(done => setTimeout(() => done(), millesecond));
+  await new Promise((done) => setTimeout(() => done(), millesecond));
 }
 function penToggle() {
@@ -1225,4 +1222,4 @@ function captureRequestToggle() {
  fw.sendToMsg("others", "CAPTURE_REQUEST", {
    name: CHAT.globalLoginParameter.loginId,
  });
 }
\ No newline at end of file
--- a/public_new/js/sockets/chat-websocket-refresh-group-list.js
+++ b/public_new/js/sockets/chat-websocket-refresh-group-list.js
@@ -63,7 +63,8 @@ var setupBackButton = function () {
      $("#pills-chat-tab").tab("show");
    } else {
      if (IS_ONLINE == "true") {
-        android.updateRoomList();
+        // todo: peacekim:: needs to check it only needs for android or not.
+        NativeBridge.updateRoomList();
        CHAT_UI.refreshRoomList(ChatRoomType.DM);
        CHAT_UI.dismissLoadingIndicator();
      }

--- a/public_new/js/sockets/chat-websocket.js
+++ b/public_new/js/sockets/chat-websocket.js
@@ -58,11 +58,7 @@ var bindOnConnect = function () {
 var requestLoginInfo = function () {
  // チャットルームに入場する際、sid, loginId, shopName, roomId, roomNameの情報を取得しNodeJsに渡す
-  if (CHAT_UTIL.isIOS()) {
+  NativeBridge.getLoginParameter();
-    webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-  } else if (CHAT_UTIL.isAndroid()) {
-    android.getLoginParameter();
-  }
 };
 var bindOnDisconnect = function () {
@@ -127,10 +123,8 @@ var bindOnShowServerError = function () {
 var bindOnRetryJoinProcess = function () {
  socket.on(SOCKET_KEY.RETRY_JOIN_PROCESS, function () {
    var ua = window.navigator.userAgent.toLowerCase();
-    if (CHAT_UTIL.isIOS()) {
+    if (CHAT_UTIL.isIOS() || CHAT_UTIL.isAndroid()) {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
-    } else if (CHAT_UTIL.isAndroid()) {
-      android.getLoginParameter();
    } else {
      CHAT_UI.htmlElementTextInitialize("ko");
      // webでのsocket connect

--- a/public_new/modal_chat_menu.html
+++ b/public_new/modal_chat_menu.html
@@ -13,7 +13,7 @@
          <li><a id="room_name_change_button" href="chat_change_room_name.html"><img src="icon/icon_change_room_name.png" alt="ルーム名変更">ルーム名変更</a>
          </li>
          <li><a id="add_user_button" href="chat_add_user.html"><img src="icon/icon_add_user.png" alt="ユーザー招待">ユーザー招待</a></li>
-          <li ><a id="display_off_button" href="javascript:return false;" onclick="CHAT_UI.roomDisplayOff();"><img src="icon/icon_display_off_chatroom.png" alt="ユーザー招待">部屋非表示</a></li>
+          <li ><a id="display_off_button" href="javascript:return false;" onclick="NativeBridge.roomDisplayOff();"><img src="icon/icon_display_off_chatroom.png" alt="ユーザー招待">部屋非表示</a></li>
        </ul>
      </div>
    </div>

--- a/public_new/template/template_open_collaboration_message.html
+++ b/public_new/template/template_open_collaboration_message.html
@@ -32,7 +32,7 @@
        </div>
      </div>
      <div class="collabo_btn">
-        <button class="collaboation_join_button" type="button" name="button" onclick="CHAT_UI.joinCollaboration({{collaborationType}}, {{meetingId}})" {{#isEnded}} disabled {{/isEnded}}>
+        <button class="collaboation_join_button" type="button" name="button" onclick="NativeBridge.joinCollaboration({{collaborationType}}, {{meetingId}})" {{#isEnded}} disabled {{/isEnded}}>
          <img src="icon/icon_profile_phone.png" alt="通話">
          {{#isEnded}}
          <span class="collaboration_join_message">終了しました</span>

--- a/public_new/template/template_room_list.html
+++ b/public_new/template/template_room_list.html
 <ul class="m-0">
  <li class="d-flex align-items-center">
-    <a href="#" class="w-100" onclick="CHAT_UI.joinRoom({{roomId}},'{{roomName}}');">
+    <a href="#" class="w-100" onclick="NativeBridge.joinRoom({{roomId}},'{{roomName}}');">
      <div class="chat_item d-flex flex-row align-items-center">
        <div class="chat_item_l">
          <div class="thumbnail{{thumbnailCount}} thumbnail">