協業実装

public_new/chat_room.html

@@ -101,7 +101,7 @@
       <div class="footer_content_b">
         <div class="d-flex flex-row justify-content-around h-100">
           <div class="footer_item">
-            <a href="collaboration_voice.html">
+            <a href="javascript:CHAT_UI.startCollaboration(collaborationType.AUDIO);">
               <img src="icon/icon_phone.png" alt="通話アイコン">
               <p>通話</p>
             </a>

public_new/collaboration_picture.html

@@ -189,6 +189,7 @@
     let PLATFORM = '';
     let IS_MOBILE = true;
     let IS_ONLINE = false;
+    let collaborationJoinFlg = 0;
 
     if (typeof(android) != "undefined") {
       android.getLoginParameter();
@@ -202,6 +203,12 @@
       PLATFORM = platform;
       IS_MOBILE = isMobile;
       IS_ONLINE = isOnline;
+      if (CHAT_UTIL.isIOS()) {
+
+      } else if (CHAT_UTIL.isAndroid()) {
+        collaborationJoinFlg = android.getCollaborationJoinFlg();
+        console.log(collaborationJoinFlg);
+      }
       globalUserInfo.coWorkType = collaborationTypeKey.CAMERA;
       CHAT_SOCKET.connectSocket();
       socket.emit('join', CHAT.globalLoginParameter, function() {

public_new/css/chat.css

@@ -675,8 +675,10 @@ input[name="tab_item"] {
 
 /* 通話エリア */
 .collabo_area_container {
-  max-width: 320px;
+  padding-bottom: 20px;
+  width: 320px;
   margin: 0 auto;
+  display: table;
 }
 .collabo_date span {
   font-size: 12px;

public_new/js/chat-ui.js

@@ -1272,7 +1272,6 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
             var collaborationInfo = JSON.parse(message.message);
             var userInCollaboration = JSON.parse(android.getUserInfoList(collaborationInfo.userList));
 
-            console.log(messageTime);
             userInCollaboration.forEach(function(user) {
                 user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl);
             })
@@ -1280,7 +1279,11 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
                  roomName: roomName,
                  userCount: userInCollaboration.length,
                  userList: userInCollaboration.length > 3 ? userInCollaboration.slice(0, 3) : userInCollaboration,
-                 insertDate: message.insertDate
+                 insertDate: message.insertDate,
+                 collaborationType: collaborationInfo.collaborationType,
+                 isToday: isToday,
+                 createdAtDay: messageTime.createdAtDay,
+                 createdAtTime: messageTime.createdAtTime
              });
              html = message.message.includes('attachedImages') || message.message.includes('attachedVideos') ? CHAT_UTIL.htmlDecode(html) : html;
              workVal = html + workVal;
@@ -2402,4 +2405,20 @@ CHAT_UI.displayExistRoom = function(roomId) {
         android.joinRoom(roomId, '');
     }
     return;
+}
+
+CHAT_UI.joinCollaboration = function(collaborationType) {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO IOS
+    } else if (CHAT_UTIL.isAndroid()) {
+        android.joinCollaboration(collaborationType);
+    }
+}
+
+CHAT_UI.startCollaboration = function(collaborationType) {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO IOS
+    } else if (CHAT_UTIL.isAndroid()) {
+        android.startCollaboration(collaborationType);
+    }
 }
\ No newline at end of file

public_new/js/share.js

@@ -152,7 +152,11 @@ $(function(){
              switch (json.api){
                  case "LoginResponse":
                         if(globalUserInfo.coWorkType = collaborationTypeKey.CAMERA) {
-                            coview_api.CreateRoom(globalUserInfo.roomId, globalUserInfo.coWorkType);
+                            if (collaborationJoinFlg == '1') {
+                                coview_api.JoinRoom(globalUserInfo.roomId, globalUserInfo.coWorkType);
+                            } else if (collaborationJoinFlg == '0') {
+                                coview_api.CreateRoom(globalUserInfo.roomId, globalUserInfo.coWorkType);
+                            }
                             Coview_moveToVideoShareArea();
                         }
 

public_new/template/template_open_collaboration_message.html

@@ -2,7 +2,12 @@
 <div class="collabo_area_container">
   <!-- 時刻 -->
   <div class="collabo_date text-right">
-    <span>12:23 PM</span>
+    {{#isToday}}
+    <span>{{createdAtTime}}</span>
+    {{/isToday}}
+    {{^isToday}}
+    <span>{{createdAtDay}}</span><span>{{createdAtTime}}</span>
+    {{/isToday}}
   </div>
   <div class="collabo_area">
     <div class="collabo_desc">
@@ -22,7 +27,7 @@
         </div>
       </div>
       <div class="collabo_btn">
-        <button type="button" name="button">
+        <button type="button" name="button" onclick="CHAT_UI.joinCollaboration({{collaborationType}})">
           <img src="icon/icon_profile_phone.png" alt="通話">
           <span>参加する</span>
         </button>