文書協業

public_new/collaboration_documents.html

@@ -41,6 +41,8 @@
   <!-- コンテンツ -->
   <main id="collabo_main">
     <div class="document_wrap">
+      <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
+      </div>
     </div>
   </main>
 
@@ -84,6 +86,8 @@
     <div id="collabotarion_overlay_user_list"></div>
   </div>
 
+  <div id="modal_document_selector"></div>
+
   <!-- キャプチャ　モーダル -->
   <div id="modal_collabo_capture"></div>
   <!-- プロフィールモーダル -->
@@ -173,8 +177,48 @@
     $("#collabotarion_overlay_user_list").load("./collabotarion_overlay_user_list.html");
     $("#collaboration_video_overlay_menu").load("./collaboration_video_overlay_menu.html");
     $("#zoom").load("./zoom.html");
+    $("#modal_document_selector").load();
+
+    let CHAT_SERVER_URL = '';
+    let CMS_SERVER_URL = '';
+    let ASSET_PATH = './';
+    let PLATFORM = '';
+    let IS_MOBILE = true;
+    let IS_ONLINE = false;
+    let collaborationJoinFlg = 0;
+
+    if (typeof(android) != "undefined") {
+      android.getLoginParameter();
+      android.getGlobalParameter();
+    } else {
+    }
+
+
+    async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
+      console.log('-------------------------------------');
+      CHAT_SERVER_URL = chatServerUrl;
+      CMS_SERVER_URL = cmsServerUrl;
+      PLATFORM = platform;
+      IS_MOBILE = isMobile;
+      IS_ONLINE = isOnline;
+
+      if (CHAT_UTIL.isIOS()) {
+
+      } else if (CHAT_UTIL.isAndroid()) {
+        collaborationJoinFlg = android.getCollaborationJoinFlg();
+        console.log(collaborationJoinFlg);
+      }
+      console.log(PLATFORM);
+
+
+      globalUserInfo.coWorkType = collaborationTypeKey.AUDIO;
+      CHAT_SOCKET.connectSocket();
+      socket.emit('join', CHAT.globalLoginParameter, function() {
+        console.log('join Chat Socket finishi');
+      });
+      CHAT_UI.displayDocumentSelectScreen();
+    };
 
-    android.getContentList();
   </script>
 </body>
 

public_new/js/chat-db.js

@@ -299,4 +299,13 @@ CHAT_DB.addFavoriteGroup = function(groupId) {
             return false;
         } 
     }
-};
\ No newline at end of file
+};
+
+
+CHAT_DB.getContentList = function() {
+    if (CHAT_UTIL.isIOS()) {
+        //TODO ローカルDBからダウンロード済のコンテンツを取得
+    } else if (CHAT_UTIL.isAndroid()) {
+        return JSON.parse(android.getContentList());
+    }
+};

public_new/js/chat-ui.js

@@ -2422,3 +2422,18 @@ CHAT_UI.startCollaboration = function(collaborationType) {
         android.startCollaboration(collaborationType);
     }
 }
+
+CHAT_UI.displayDocumentSelectScreen = function() {
+    var documentList = CHAT_DB.getContentList();
+    var documentTemplate;
+    $.get({ url: "./template/template_document_list.html", async: false }
+      , function(text) {
+        documentTemplate = text;
+    });
+    let html = Mustache.render(documentTemplate, {
+        documentList: documentList
+    });
+    let obj = jQuery.parseHTML(html);
+    $('#overlay_document_list').append(obj);
+    $('#overlay_document_list').removeClass('none');
+}
\ No newline at end of file

public_new/template/template_document_list.html

+<div class="modal fade capture_modal" id="captyaModal" tabindex="-1" role="dialog" aria-labelledby="captyaModal"
+     aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header border-0 pb-0">
+        <span>スクリーンキャプチャー</span>
+      </div>
+      <div class="modal-body">
+        <div class="img_wrap">
+          <img src="img/capture.png" alt="キャプチャ画像">
+        </div>
+        <p>filename.jpg</p>
+      </div>
+      <div class="modal-footer border-0 justify-content-center">
+        <button type="button" class="profile_favorite_btn bg_white border_gray text_blue" data-dismiss="modal"
+                aria-label="Close">
+          <div class="d-flex flex-column">
+            <span>キャンセル</span>
+          </div>
+        </button>
+        <button type="button" class="profile_phone_btn border-0 bg_navy text_white">
+          <div class="d-flex flex-column">
+            <span>共有</span>
+          </div>
+        </button>
+        <button type="button" class="profile_chat_btn border-0 bg_blue text_white">
+          <div class="d-flex flex-column">
+            <span>保存</span>
+          </div>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file