Merge branch 'features/release_sp3_collaboration_document' into 'develop'

Features/release sp3 collaboration document

See merge request !120

public_new/chat_room.html

@@ -108,7 +108,7 @@
             </a>
           </div>
           <div class="footer_item">
-              <img src="icon/icon_paste.png" alt="文書アイコン" onclick="alert(getLocalizedString('notify_not_released'));">
+              <img src="icon/icon_paste.png" alt="文書アイコン" onclick="CHAT_UI.startCollaboration(collaborationType.DOCUMENT);">
               <p>文書</p>
           </div>
           <div class="footer_item">

public_new/collaboration_documents.html

@@ -28,7 +28,7 @@
     <div class="collabo_nav_r">
       <div class="text-right d-flex align-items-center">
         <button type="button" name="button" class="btn add_user_btn"></button>
-        <button type="button" name="button" class="btn menu_btn" onclick="android.startPipMode();"></button>
+        <button type="button" name="button" class="btn start_pip_btn" onclick="CHAT_UI.startPipMode();"></button>
       </div>
     </div>
   </div>
@@ -63,6 +63,10 @@
 <!-- フッター -->
 <div id="footer_collabo"></div>
 <div id="loadingArea"></div>
+<div class="pip_indicator none">
+  <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>
@@ -122,7 +126,6 @@
         collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
       } else if (CHAT_UTIL.isAndroid()) {
         collaborationJoinFlg = android.getCollaborationJoinFlg();
-        console.log(collaborationJoinFlg);
       }
       globalUserInfo.coWorkType = collaborationTypeKey.DOCUMENT;
       CHAT_SOCKET.connectSocket();

public_new/css/collaboration.css

@@ -125,6 +125,9 @@
 .btn.exit_btn {
   background-image: url("../icon/icon_close.png");
 }
+.btn.start_pip_btn {
+  background-image: url("../icon/icon_start_pip.png");
+}
 .btn.menu_btn.hide,
 .btn.add_user_btn.hide,
 .btn.user_btn.hide {
@@ -860,6 +863,20 @@ input[name="tab_item"] {
   max-width: 1280px;
 }
 
+.pip_indicator {
+  display: table;
+  vertical-align: middle;
+  font-size: xxx-large;
+  top: 0px;
+  width: 100%;
+  height: 100vh;
+  background-color: steelblue;
+  color: azure;
+  position: fixed;
+  z-index: 1000;
+  text-align: center;
+}
+
 @media screen and (max-width: 768px) {
   /* chat item */
   .tab_item {

public_new/js/chat-ui.js

@@ -1312,7 +1312,10 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
                 collaborationInfo = JSON.parse(message.message);
                 userInCollaboration = JSON.parse(android.getUserInfoList(collaborationInfo.userList));
             }
-
+            var meetingId = 0;
+            if (typeof collaborationInfo.meetingId != 'undefined') {
+                meetingId = collaborationInfo.meetingId;
+            }
             userInCollaboration.forEach(function(user) {
                 user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl);
             })
@@ -1322,6 +1325,7 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
                  userList: userInCollaboration.length > 3 ? userInCollaboration.slice(0, 3) : userInCollaboration,
                  insertDate: message.insertDate,
                  collaborationType: collaborationInfo.collaborationType,
+                 meetingId: meetingId,
                  isToday: isToday,
                  createdAtDay: messageTime.createdAtDay,
                  createdAtTime: messageTime.createdAtTime,
@@ -2468,11 +2472,11 @@ CHAT_UI.displayExistRoom = function(roomId) {
     return;
 }
 
-CHAT_UI.joinCollaboration = function(collaborationType) {
+CHAT_UI.joinCollaboration = function(collaborationType, meetingId = 0) {
     if (CHAT_UTIL.isIOS()) {
         webkit.messageHandlers.joinCollaboration.postMessage(collaborationType);
     } else if (CHAT_UTIL.isAndroid()) {
-        android.joinCollaboration(collaborationType);
+        android.joinCollaboration(collaborationType, meetingId);
     }
 }
 
@@ -2786,6 +2790,13 @@ CHAT_UI.insertFavoriteUserInCollaboration = function(shopMemberId) {
     CHAT_UI.dismissLoadingIndicator();
 };
 
+CHAT_UI.startPipMode() = function() {
+    if (CHAT_UTIL.isIOS()) {
+    } else if (CHAT_UTIL.isAndroid()) {
+        android.startPipMode();
+    }
+}
+
 CHAT_UI.confirmInviteUserListInCollaboration = function() {
     var selectedUsers = CHAT_DB.loadSelectedUsers();
     if (selectedUsers != "") {

public_new/js/share.js

@@ -224,48 +224,7 @@ $(function () {
         } else {
         }
         break;
-      case "JoinRoomInfoResponse":
-        if (json.resultCode == 200) {
-        } else {
-          alert(
-            "Not exist sharing call (" +
-              json.resultCode +
-              ")\nPlease using share menu."
-          );
-          coview_api.LeaveRoom();
-          $(".coview_share_area").hide();
-          $("#loadingIndicator").removeClass("full_active");
-        }
-        break;
-      case "JoinRoomResponse":
-        if (json.resultCode == 200) {
-          for (let key in g_participants) {
-            loginIdList.push(key);
-          }
-          CHAT_UI.refreshJoinedCollaboration(loginIdList);
-        } else {
-        }
-        break;
-      case "RoomMemberJoinedEvent":
-        for (let key in g_participants) {
-          loginIdList.push(key);
-        }
-        CHAT_UI.refreshJoinedCollaboration(loginIdList);
-        break;
-      case "RoomMemberLeavedEvent":
-        for (let key in g_participants) {
-          loginIdList.push(key);
-        }
-        CHAT_UI.refreshJoinedCollaboration(loginIdList);
-        break;
-      case "HostRequest":
-        // to be called by
-        // wc_api.dispatchEvent (new Event ("message"), {"HostRequest":"userID"});
-        console.log("consoleLog", json);
-        break;
-      default:
-        console.log("Unrecognized api", json);
-        break;
+
     }
   });
 });

public_new/template/template_open_collaboration_message.html

@@ -27,7 +27,7 @@
         </div>
       </div>
       <div class="collabo_btn">
-        <button type="button" name="button" onclick="CHAT_UI.joinCollaboration({{collaborationType}})">
+        <button type="button" name="button" onclick="CHAT_UI.joinCollaboration({{collaborationType}}, {{meetingId}})">
           <img src="icon/icon_profile_phone.png" alt="通話">
           <span>参加する</span>
         </button>