Skip to content

C
chat_webview
Commit 515a1461 by Lee Munkyeong
Options

Merge branch 'develop' of gitlab.agentec.jp:abookCommunication/chat_webview into… 

Merge branch 'develop' of gitlab.agentec.jp:abookCommunication/chat_webview into feature/update_server_url

# Conflicts:
#	public_new/js/share.js
parents e744ad70 52ffe3e5
Showing with 271 additions and 130 deletions
public_new/chat_room.html
...@@ -108,7 +108,7 @@ ...@@ -108,7 +108,7 @@
</a> </a>
</div> </div>
<div class="footer_item"> <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> <p>文書</p>
</div> </div>
<div class="footer_item"> <div class="footer_item">
...@@ -125,7 +125,7 @@ ...@@ -125,7 +125,7 @@
</div> </div>
<!--リリース後開発予定--> <!--リリース後開発予定-->
<div class="footer_item"> <div class="footer_item">
<img src="icon/icon_whiteboard_gray.png" alt="ホワイトボードアイコン" onclick="alert(getLocalizedString('notify_not_released'));"> <img src="icon/icon_whiteboard_gray.png" alt="ホワイトボードアイコン" onclick="javascript:CHAT_UI.startCollaboration(collaborationType.BOARD);">
<p>ボード</p> <p>ボード</p>
</div> </div>
</div> </div>
......
public_new/collaboration_documents.html
...@@ -28,7 +28,8 @@ ...@@ -28,7 +28,8 @@
<div class="collabo_nav_r"> <div class="collabo_nav_r">
<div class="text-right d-flex align-items-center"> <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 add_user_btn"></button>
<button type="button" name="button" class="btn menu_btn" onclick="android.startPipMode();"></button> <button type="button" name="button" class="btn menu_btn"></button>
<button type="button" name="button" class="btn start_pip_btn" onclick="startPipMode();"></button>
</div> </div>
</div> </div>
</div> </div>
...@@ -63,6 +64,10 @@ ...@@ -63,6 +64,10 @@
<!-- フッター --> <!-- フッター -->
<div id="footer_collabo"></div> <div id="footer_collabo"></div>
<div id="loadingArea"></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/jquery-3.3.1.min.js"></script>
<script src="./js/libs/socket.io.js"></script> <script src="./js/libs/socket.io.js"></script>
<script src="./js/libs/moment.js"></script> <script src="./js/libs/moment.js"></script>
...@@ -112,6 +117,14 @@ ...@@ -112,6 +117,14 @@
webkit.messageHandlers.getGlobalParameter.postMessage({}); webkit.messageHandlers.getGlobalParameter.postMessage({});
} }
function startPipMode() {
if (typeof(android) != "undefined") {
android.startPipMode();
} else if (CHAT_UTIL.isAndroid()) {
}
}
async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) { async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
CHAT_SERVER_URL = chatServerUrl; CHAT_SERVER_URL = chatServerUrl;
CMS_SERVER_URL = cmsServerUrl; CMS_SERVER_URL = cmsServerUrl;
...@@ -122,7 +135,6 @@ ...@@ -122,7 +135,6 @@
collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg(); collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
} else if (CHAT_UTIL.isAndroid()) { } else if (CHAT_UTIL.isAndroid()) {
collaborationJoinFlg = android.getCollaborationJoinFlg(); collaborationJoinFlg = android.getCollaborationJoinFlg();
console.log(collaborationJoinFlg);
} }
globalUserInfo.coWorkType = collaborationTypeKey.DOCUMENT; globalUserInfo.coWorkType = collaborationTypeKey.DOCUMENT;
CHAT_SOCKET.connectSocket(); CHAT_SOCKET.connectSocket();
......
public_new/collaboration_documents_overlay_menu.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="menu_wrap"> <div class="menu_wrap">
<div class="menu d-flex flex-row flex-wrap"> <div class="menu d-flex flex-row flex-wrap">
<div class="item"> <div class="item">
<a href="collaboration_picture.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_picture.png" alt="写真共有"> <img src="icon/icon_collabo_picture.png" alt="写真共有">
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_video.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('video');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_videocam.png" alt="動画共有"> <img src="icon/icon_collabo_videocam.png" alt="動画共有">
</div> </div>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_documents.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_document.png" alt="文書共有"> <img src="icon/icon_collabo_document.png" alt="文書共有">
</div> </div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_whiteboard.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_whiteboard.png" alt="落書き"> <img src="icon/icon_collabo_whiteboard.png" alt="落書き">
</div> </div>
......
public_new/collaboration_overlay_user_list.html
<div class="user_list_wrap"> <div class="user_list_wrap">
<div class="user_list d-flex flex-wrap"> <div class="user_list d-flex flex-wrap">
{{#joinedUserList}} {{#joinedUserList}}
<div class="user_item {{isHost}}"> <div class="user_item " id="collaboration_user_{{loginId}}">
<a href="#" data-toggle="modal" data-target="#profileModal1" onclick="CHAT_UI.makeNameCardInCollaboration({{shopMemberId}})"> <a href="#" data-toggle="modal" data-target="#profileModal1" onclick="CHAT_UI.makeNameCardInCollaboration({{shopMemberId}})">
<div class="img_wrap"><img src="{{profileUrl}}" alt="this.src='./img/noImage.png'" /></div> <div class="img_wrap"><img src="{{profileUrl}}" alt="this.src='./img/noImage.png'" /></div>
<span class="name">{{shopMemberName}}</span> <span class="name">{{shopMemberName}}</span>
......
public_new/collaboration_picture.html
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
<div class="collabo_nav_r"> <div class="collabo_nav_r">
<div class="text-right d-flex align-items-center"> <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 menu_btn"></button>
<button type="button" name="button" class="btn add_user_btn none"></button> <button type="button" name="button" class="btn add_user_btn none"></button>
<!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> --> <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
</div> </div>
...@@ -78,6 +79,13 @@ ...@@ -78,6 +79,13 @@
<button type="button" name="button" class="footer_menu_btn"></button> <button type="button" name="button" class="footer_menu_btn"></button>
<div class="footer_menu-wrap d-flex justify-content-around h-100"> <div class="footer_menu-wrap d-flex justify-content-around h-100">
<div class="d-flex align-items-center h-100"> <div class="d-flex align-items-center h-100">
<div class="footer_menu_item photo_select_button host_contents">
<a href="#">
<div class="img_wrap bg_blue" id="photo_open_place_holder">
<img src="icon/icon_collabo_picture.png" alt="写真">
</div>
</a>
</div>
<div class="footer_menu_item"> <div class="footer_menu_item">
<a href="#"> <a href="#">
<div class="img_wrap bg_red" id="penBtn"> <div class="img_wrap bg_red" id="penBtn">
...@@ -197,4 +205,4 @@ ...@@ -197,4 +205,4 @@
}; };
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_picture_overlay_menu.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="menu_wrap"> <div class="menu_wrap">
<div class="menu d-flex flex-row flex-wrap"> <div class="menu d-flex flex-row flex-wrap">
<div class="item"> <div class="item">
<a href="collaboration_voice.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('audio');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_headset.png" alt="音声共有"> <img src="icon/icon_collabo_headset.png" alt="音声共有">
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_video.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('video');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_videocam.png" alt="動画共有"> <img src="icon/icon_collabo_videocam.png" alt="動画共有">
</div> </div>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_documents.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_document.png" alt="文書共有"> <img src="icon/icon_collabo_document.png" alt="文書共有">
</div> </div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_whiteboard.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_whiteboard.png" alt="落書き"> <img src="icon/icon_collabo_whiteboard.png" alt="落書き">
</div> </div>
......
public_new/collaboration_video.html
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
<div class="text-right d-flex align-items-center"> <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> <button type="button" name="button" class="btn add_user_btn none"></button>
<button type="button" name="button" class="btn menu_btn"></button>
<!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> --> <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
</div> </div>
</div> </div>
...@@ -100,7 +101,7 @@ ...@@ -100,7 +101,7 @@
</div> </div>
</div> </div>
<div class="d-flex align-items-center h-100"> <div class="d-flex align-items-center h-100">
<div class="footer_menu_item none"> <div class="footer_menu_item">
<!-- <a href="#" data-toggle="modal" data-target="#captyaModal">--> <!-- <a href="#" data-toggle="modal" data-target="#captyaModal">-->
<a href="#"> <a href="#">
<div class="img_wrap wide bg_blue" id="captureBtn"> <div class="img_wrap wide bg_blue" id="captureBtn">
......
public_new/collaboration_video_overlay_menu.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="menu_wrap"> <div class="menu_wrap">
<div class="menu d-flex flex-row flex-wrap"> <div class="menu d-flex flex-row flex-wrap">
<div class="item"> <div class="item">
<a href="collaboration_voice.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('audio');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_headset.png" alt="音声共有"> <img src="icon/icon_collabo_headset.png" alt="音声共有">
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_picture.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_picture.png" alt="写真共有"> <img src="icon/icon_collabo_picture.png" alt="写真共有">
</div> </div>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_documents.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_document.png" alt="文書共有"> <img src="icon/icon_collabo_document.png" alt="文書共有">
</div> </div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_whiteboard.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_whiteboard.png" alt="落書き"> <img src="icon/icon_collabo_whiteboard.png" alt="落書き">
</div> </div>
......
public_new/collaboration_voice.html
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
<div class="collabo_nav_r"> <div class="collabo_nav_r">
<div class="text-right d-flex align-items-center"> <div class="text-right d-flex align-items-center">
<button type="button" name="button" class="btn add_user_btn none"></button> <button type="button" name="button" class="btn add_user_btn none"></button>
<button type="button" name="button" class="btn menu_btn"></button>
<!--<button type="button" name="button" class="btn menu_btn"></button>--> <!--<button type="button" name="button" class="btn menu_btn"></button>-->
</div> </div>
</div> </div>
......
public_new/collaboration_voice_overlay_menu.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="menu_wrap"> <div class="menu_wrap">
<div class="menu d-flex flex-row flex-wrap"> <div class="menu d-flex flex-row flex-wrap">
<div class="item"> <div class="item">
<a href="collaboration_picture.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_picture.png" alt="写真共有"> <img src="icon/icon_collabo_picture.png" alt="写真共有">
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_video.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('video');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_videocam.png" alt="動画共有"> <img src="icon/icon_collabo_videocam.png" alt="動画共有">
</div> </div>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_documents.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_document.png" alt="文書共有"> <img src="icon/icon_collabo_document.png" alt="文書共有">
</div> </div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_whiteboard.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_whiteboard.png" alt="落書き"> <img src="icon/icon_collabo_whiteboard.png" alt="落書き">
</div> </div>
......
public_new/collaboration_whiteboard.html
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
<link rel="stylesheet" href="./css/collaboration.css"> <link rel="stylesheet" href="./css/collaboration.css">
<link rel="stylesheet" href="./css/footer.css"> <link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/font-awesome.css"> <link rel="stylesheet" href="./css/font-awesome.css">
<link rel="stylesheet" href="./css/share.css">
</head> </head>
<body> <body>
...@@ -21,81 +22,56 @@ ...@@ -21,81 +22,56 @@
<header id="collabo_header"> <header id="collabo_header">
<div class="d-flex align-items-center h-100"> <div class="d-flex align-items-center h-100">
<div class="collabo_nav_l text-left w-100"> <div class="collabo_nav_l text-left w-100">
通話中
<span>15:20</span>
</div> </div>
<div class="collabo_nav_r"> <div class="collabo_nav_r">
<div class="text-right d-flex align-items-center"> <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"></button> <button type="button" name="button" class="btn add_user_btn none"></button>
<button type="button" name="button" class="btn menu_btn"></button> <button type="button" name="button" class="btn menu_btn"></button>
<!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
</div> </div>
</div> </div>
</div> </div>
</header><!-- header --> </header><!-- header -->
<!-- 拡大縮小機能 --> <!-- 拡大縮小機能 -->
<!--#include virtual="zoom.html" --> <div id="zoom"></div>
<!-- コンテンツ --> <!-- コンテンツ -->
<main id="collabo_main"> <main id="collabo_main" class="none white_board">
<div class="whiteboard_wrap"> <div class="document_wrap">
<div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
</div>
</div> </div>
</main> </main>
<!-- ユーザー追加オーバーレイ --> <div class="coview_share_photo_select_bubble none">
<div id="overlay_add_user_list" class="none"> <button id="coviewSharePhotoCamera" class="coview_share_photo_select_bubble_in_button cam">
<nav> </button>
<div class="row h-100 align-items-center"> <BR>
<div class="col-4 pr-0"> <button id="coviewSharePhotoGallery" class="coview_share_photo_select_bubble_in_button gal">
<div class="nav-item"> </button>
<a href="#" class="close_btn">閉じる</a>
</div>
</div>
<div class="col-4 p-0">
<div class="nav-item p-0">
<h1 class="nav-ttl">ユーザー選択</h1>
</div>
</div>
<div class="col-4 pl-0">
<div class="nav-item text-right">
<a href="#" class="inv_btn">招待</a>
</div>
</div><!-- .col -->
</div><!-- .row -->
</nav><!-- nav -->
<!-- ユーザー検索 -->
<div class="search_form">
<form>
<input type="search" name="search" placeholder="ユーザー検索" maxlength="30">
<span class="src_icon"></span>
<a href="#" class="cancel none">キャンセル</a>
</form>
</div>
<!-- ユーザーリスト -->
<div id="add_user_list"></div>
</div> </div>
<!-- オーバーレイ　メニュー --> <!-- ユーザー追加オーバーレイ -->
<!--#include virtual="collaboration_video_overlay_menu.html" --> <div id="add_user_list"></div>
<div id="modal_add_user_confirm" ></div>
<!-- オーバーレイ　メニュー -->
<div id="collaboration_picture_overlay_menu"></div>
<!-- オーバーレイ　ユーザーリスト --> <!-- オーバーレイ　ユーザーリスト -->
<div id="overlay_user_list" class="overlay noscroll"> <div id="overlay_user_list" class="overlay noscroll">
<!--#include virtual="collabotarion_overlay_user_list.html" --> <div id="collaboration_overlay_user_list"></div>
</div> </div>
<!-- キャプチャ　モーダル --> <!-- キャプチャ　モーダル -->
<!--#include virtual="modal_collabo_capture.html" --> <div id="modal_collabo_capture"></div>
<!-- プロフィールモーダル --> <!-- プロフィールモーダル -->
<!--#include virtual="modal_collabo_profile.html" --> <div id="userProfileModalInCollaboration"></div>
<!--#include virtual="modal_collabo_profile2.html" --> <div id="modal_collabo_profile2"></div>
<!-- ホスト変更モーダル --> <!-- ホスト変更モーダル -->
<!--#include virtual="modal_collabo_change_host.html" --> <div id="modal_collabo_change_host"></div>
<!-- ホストリクエストモーダル --> <!-- ホストリクエストモーダル -->
<!--#include virtual="modal_collabo_host_request.html" --> <div id="modal_collabo_host_request"></div>
<!-- フッター --> <!-- フッター -->
<footer id="collabo_footer_menu" class="active"> <footer id="collabo_footer_menu" class="active">
...@@ -104,12 +80,12 @@ ...@@ -104,12 +80,12 @@
<div class="d-flex align-items-center h-100"> <div class="d-flex align-items-center h-100">
<div class="footer_menu_item"> <div class="footer_menu_item">
<a href="#"> <a href="#">
<div class="img_wrap bg_blue"> <div class="img_wrap bg_red" id="penBtn">
<img src="icon/icon_collabo_pen_white.png" alt="ペン"> <img src="icon/icon_collabo_pen_white.png" alt="ペン">
</div> </div>
</a> </a>
</div> </div>
<div class="footer_menu_item"> <div class="footer_menu_item none">
<a href="#"> <a href="#">
<div class="img_wrap bg_blue"> <div class="img_wrap bg_blue">
<img src="icon/icon_collabo_place_white.png" alt="場所"> <img src="icon/icon_collabo_place_white.png" alt="場所">
...@@ -118,30 +94,107 @@ ...@@ -118,30 +94,107 @@
</div> </div>
<div class="footer_menu_item"> <div class="footer_menu_item">
<a href="#"> <a href="#">
<div class="img_wrap bg_blue"> <div class="img_wrap bg_blue" id="eraserBtn">
<img src="icon/icon_collabo_delete_white.png" alt="削除"> <img src="icon/icon_collabo_delete_white.png" alt="削除">
</div> </div>
</a> </a>
</div> </div>
</div> </div>
<div class="d-flex align-items-center h-100"> <div class="d-flex align-items-center h-100 none">
<div class="footer_menu_item"> <div class="footer_menu_item">
<a href="#">
<div class="img_wrap bg_gray">
<img src="icon/icon_collabo_rewind_white.png" alt="戻る">
</div>
</a>
</div> </div>
<div class="footer_menu_item"> <div class="footer_menu_item">
<a href="#">
<div class="img_wrap bg_gray">
<img src="icon/icon_collabo_forward_white.png" alt="進む">
</div>
</a>
</div> </div>
</div> </div>
</div> </div>
</footer> </footer>
<!-- フッター --> <!-- フッター -->
<!--#include virtual="footer_collabo.html" --> <div id="footer_collabo"></div>
<script src="./js/libs/jquery-3.3.1.min.js"></script> <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/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/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script> <script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/chat.js"></script> <script src="./js/constant.js"></script>
<script src="./js/common.js"></script>
<script src="./js/collaboration.js"></script> <script src="./js/collaboration.js"></script>
<script src="./js/common.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/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="https://livetaskyell.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");
$("#modal_collabo_change_host").load("./modal_collabo_change_host.html");
$("#modal_collabo_capture").load("./modal_collabo_capture.html");
$("#modal_collabo_profile2").load("./modal_collabo_profile2.html");
$("#collaboration_picture_overlay_menu").load("./collaboration_picture_overlay_menu.html");
$("#add_user_list").load("./modal_add_user_list.html");
$("#zoom").load("./zoom.html");
let CHAT_SERVER_URL = '';
let CMS_SERVER_URL = '';
let ASSET_PATH = './';
let PLATFORM = '';
let IS_MOBILE = true;
let IS_ONLINE = false;
let collaborationJoinFlg = 0;
let roomType;
if (typeof(android) != "undefined") {
android.getLoginParameter();
android.getGlobalParameter();
roomType = android.getRoomType();
} else {
webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
webkit.messageHandlers.getGlobalParameter.postMessage({});
roomType = CHAT_DB.getRoomType();
}
if (roomType == chatRoomType.DM) {
$('.add_user_btn').removeClass('none');
}
async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
CHAT_SERVER_URL = chatServerUrl;
CMS_SERVER_URL = cmsServerUrl;
PLATFORM = platform;
IS_MOBILE = isMobile;
IS_ONLINE = isOnline;
if (CHAT_UTIL.isIOS()) {
collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
} else if (CHAT_UTIL.isAndroid()) {
collaborationJoinFlg = android.getCollaborationJoinFlg();
}
globalUserInfo.coWorkType = collaborationTypeKey.BOARD;
if (collaborationJoinFlg != '2') {
CHAT_SOCKET.connectSocket();
socket.emit('join', CHAT.globalLoginParameter, function() {
});
}
};
</script>
</body> </body>
</html> </html>
\ No newline at end of file
public_new/collaboration_whiteboard_overlay_menu.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="menu_wrap"> <div class="menu_wrap">
<div class="menu d-flex flex-row flex-wrap"> <div class="menu d-flex flex-row flex-wrap">
<div class="item"> <div class="item">
<a href="collaboration_voice.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('audio');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_headset.png" alt="音声共有"> <img src="icon/icon_collabo_headset.png" alt="音声共有">
</div> </div>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_video.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('video');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_videocam.png" alt="動画共有"> <img src="icon/icon_collabo_videocam.png" alt="動画共有">
</div> </div>
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_picture.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('image');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_picture.png" alt="写真共有"> <img src="icon/icon_collabo_picture.png" alt="写真共有">
</div> </div>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</a> </a>
</div> </div>
<div class="item"> <div class="item">
<a href="collaboration_documents.html" class="d-flex flex-column align-items-center"> <a href="javascript:coview_api.ChangeCollaboration('docs');" class="d-flex flex-column align-items-center">
<div class="img_wrap"> <div class="img_wrap">
<img src="icon/icon_collabo_document.png" alt="文書共有"> <img src="icon/icon_collabo_document.png" alt="文書共有">
</div> </div>
......
public_new/contact.html
...@@ -221,10 +221,16 @@ ...@@ -221,10 +221,16 @@
let groupId; let groupId;
if (typeof(android) != "undefined") { if (typeof(android) != "undefined") {
groupId = android.getToMoveGroupId(); groupId = android.getToMoveGroupId();
} else {
groupId = CHAT_DB.getToMoveGroupId();
} }
if (groupId != "" && groupId != undefined) { if (groupId != "" && groupId != undefined) {
CHAT_UI.refreshAllGroupSearch(groupId); CHAT_UI.refreshAllGroupSearch(groupId);
android.setToMoveGroupId(""); if (typeof(android) != "undefined") {
android.setToMoveGroupId("");
} else {
webkit.messageHandlers.setToMoveGroupId.postMessage("");
}
} else { } else {
CHAT_UI.refreshContactScreen(); CHAT_UI.refreshContactScreen();
} }
......
public_new/css/chat.css
...@@ -764,6 +764,11 @@ input[name="tab_item"] { ...@@ -764,6 +764,11 @@ input[name="tab_item"] {
} }
/**************************** modal *************************/ /**************************** modal *************************/
#menuModalCenter {
width: 70% !important;
margin-left: 15% !important;
}
/* メニューモーダル */ /* メニューモーダル */
.modal-body #modal_image { .modal-body #modal_image {
width: 100%; width: 100%;
......
public_new/css/collaboration.css
...@@ -125,6 +125,9 @@ ...@@ -125,6 +125,9 @@
.btn.exit_btn { .btn.exit_btn {
background-image: url("../icon/icon_close.png"); background-image: url("../icon/icon_close.png");
} }
.btn.start_pip_btn {
background-image: url("../icon/icon_start_pip.png");
}
.btn.menu_btn.hide, .btn.menu_btn.hide,
.btn.add_user_btn.hide, .btn.add_user_btn.hide,
.btn.user_btn.hide { .btn.user_btn.hide {
...@@ -860,6 +863,20 @@ input[name="tab_item"] { ...@@ -860,6 +863,20 @@ input[name="tab_item"] {
max-width: 1280px; 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) { @media screen and (max-width: 768px) {
/* chat item */ /* chat item */
.tab_item { .tab_item {
......
public_new/css/share.css
...@@ -2,6 +2,12 @@ ...@@ -2,6 +2,12 @@
padding-top: 9px; padding-top: 9px;
} }
.white_board #canvasRemote {
background-color: white !important;
width: 100% !important;
margin-left: 0px !important;
left: 0px !important;
}
.coview_share_area{ .coview_share_area{
display: none; display: none;
......
public_new/footer_collabo.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="footer_item none"> <div class="footer_item none host_contents">
<a href="#"> <a href="#">
<div class="img_wrap bg_gray" id="recordBtn"> <div class="img_wrap bg_gray" id="recordBtn">
<img src="icon/icon_record.png" alt="録音"> <img src="icon/icon_record.png" alt="録音">
......
public_new/js/chat-db.js
...@@ -344,3 +344,17 @@ CHAT_DB.getUserInfoList = function(shopMemberId) { ...@@ -344,3 +344,17 @@ CHAT_DB.getUserInfoList = function(shopMemberId) {
return callNativeApp("getUserInfoList", {"shopMemberId": shopMemberId}); return callNativeApp("getUserInfoList", {"shopMemberId": shopMemberId});
} }
}; };
CHAT_DB.createContentView = function() {
// Androidは実装不要
if (CHAT_UTIL.isIOS()) {
return callNativeApp("createContentView", {});
}
};
CHAT_DB.getToMoveGroupId = function() {
// Androidは実装不要
if (CHAT_UTIL.isIOS()) {
return callNativeApp("getToMoveGroupId", {});
}
};
public_new/js/chat-ui.js
...@@ -1261,7 +1261,7 @@ CHAT_UI.loadMessages = function(roomId, roomName) { ...@@ -1261,7 +1261,7 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
if (message.messageType == messageType.SYSTEM) { if (message.messageType == messageType.SYSTEM) {
template = systemMessageTemplate; template = systemMessageTemplate;
} }
if (message.messageType == messageType.COMMUNICATIONSTART) { if (message.messageType == messageType.COMMUNICATIONSTART || message.messageType == messageType.COMMUNICATIONEND) {
template = openCollaborationMessageTemplate; template = openCollaborationMessageTemplate;
} }
let messageTime = CHAT_UTIL.formatDate(message.insertDate); let messageTime = CHAT_UTIL.formatDate(message.insertDate);
...@@ -1312,7 +1312,10 @@ CHAT_UI.loadMessages = function(roomId, roomName) { ...@@ -1312,7 +1312,10 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
collaborationInfo = JSON.parse(message.message); collaborationInfo = JSON.parse(message.message);
userInCollaboration = JSON.parse(android.getUserInfoList(collaborationInfo.userList)); userInCollaboration = JSON.parse(android.getUserInfoList(collaborationInfo.userList));
} }
var meetingId = 0;
if (typeof collaborationInfo.meetingId != 'undefined') {
meetingId = collaborationInfo.meetingId;
}
userInCollaboration.forEach(function(user) { userInCollaboration.forEach(function(user) {
user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl); user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl);
}) })
...@@ -1322,11 +1325,13 @@ CHAT_UI.loadMessages = function(roomId, roomName) { ...@@ -1322,11 +1325,13 @@ CHAT_UI.loadMessages = function(roomId, roomName) {
userList: userInCollaboration.length > 3 ? userInCollaboration.slice(0, 3) : userInCollaboration, userList: userInCollaboration.length > 3 ? userInCollaboration.slice(0, 3) : userInCollaboration,
insertDate: message.insertDate, insertDate: message.insertDate,
collaborationType: collaborationInfo.collaborationType, collaborationType: collaborationInfo.collaborationType,
meetingId: meetingId,
isToday: isToday, isToday: isToday,
createdAtDay: messageTime.createdAtDay, createdAtDay: messageTime.createdAtDay,
createdAtTime: messageTime.createdAtTime, createdAtTime: messageTime.createdAtTime,
createdAtYear: message.insertDate.substring(0,4) + getLocalizedString('year') + ' ', createdAtYear: message.insertDate.substring(0,4) + getLocalizedString('year') + ' ',
isOtherYear: isOtherYear isOtherYear: isOtherYear,
isEnded: message.messageType == messageType.COMMUNICATIONEND ? true : false
}); });
html = message.message.includes('attachedImages') || message.message.includes('attachedVideos') ? CHAT_UTIL.htmlDecode(html) : html; html = message.message.includes('attachedImages') || message.message.includes('attachedVideos') ? CHAT_UTIL.htmlDecode(html) : html;
workVal = html + workVal; workVal = html + workVal;
...@@ -1522,7 +1527,11 @@ CHAT_UI.refreshAllGroupSearch = function(paramGroupId) { ...@@ -1522,7 +1527,11 @@ CHAT_UI.refreshAllGroupSearch = function(paramGroupId) {
var groupId = paramGroupId; var groupId = paramGroupId;
if (window.location.pathname.includes("chat_room")) { if (window.location.pathname.includes("chat_room")) {
if (groupId == "") return; if (groupId == "") return;
android.setToMoveGroupId(groupId); if (typeof(android) != "undefined") {
android.setToMoveGroupId(groupId);
} else {
webkit.messageHandlers.setToMoveGroupId.postMessage(groupId);
}
window.location.href = "contact.html"; window.location.href = "contact.html";
} }
...@@ -2468,11 +2477,11 @@ CHAT_UI.displayExistRoom = function(roomId) { ...@@ -2468,11 +2477,11 @@ CHAT_UI.displayExistRoom = function(roomId) {
return; return;
} }
CHAT_UI.joinCollaboration = function(collaborationType) { CHAT_UI.joinCollaboration = function(collaborationType, meetingId = 0) {
if (CHAT_UTIL.isIOS()) { if (CHAT_UTIL.isIOS()) {
webkit.messageHandlers.joinCollaboration.postMessage(collaborationType); webkit.messageHandlers.joinCollaboration.postMessage({"collaborationType": collaborationType, "meetingId": meetingId});
} else if (CHAT_UTIL.isAndroid()) { } else if (CHAT_UTIL.isAndroid()) {
android.joinCollaboration(collaborationType); android.joinCollaboration(collaborationType, meetingId);
} }
} }
...@@ -2485,7 +2494,7 @@ CHAT_UI.startCollaboration = function(collaborationType) { ...@@ -2485,7 +2494,7 @@ CHAT_UI.startCollaboration = function(collaborationType) {
} }
CHAT_UI.refreshJoinedCollaboration = function(loginIdList, hostName) { CHAT_UI.refreshJoinedCollaboration = function(loginIdList) {
CHAT_UI.showLoadingIndicator(); CHAT_UI.showLoadingIndicator();
$('#collaboration_overlay_user_list').html(''); $('#collaboration_overlay_user_list').html('');
...@@ -2498,9 +2507,7 @@ CHAT_UI.refreshJoinedCollaboration = function(loginIdList, hostName) { ...@@ -2498,9 +2507,7 @@ CHAT_UI.refreshJoinedCollaboration = function(loginIdList, hostName) {
var joinedUserList = CHAT_DB.getUserListByLoginId(loginIdList); var joinedUserList = CHAT_DB.getUserListByLoginId(loginIdList);
joinedUserList.forEach(function(user) { joinedUserList.forEach(function(user) {
console.log("is host = " + (user.loginId == hostName));
user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl); user.profileUrl = CHAT.getProfileImgUrl(user.profileUrl);
user.isHost = user.loginId == hostName ? "host" : "";
}) })
let html = Mustache.render(joinedUserListTemplate, { let html = Mustache.render(joinedUserListTemplate, {
...@@ -2718,7 +2725,7 @@ CHAT_UI.refreshAllGroupForAddUserInCollaboration = function(paramGroupId) { ...@@ -2718,7 +2725,7 @@ CHAT_UI.refreshAllGroupForAddUserInCollaboration = function(paramGroupId) {
} }
CHAT_UI.makeNameCardInCollaboration = function(shopMemberId, isCollaborationHost) { CHAT_UI.makeNameCardInCollaboration = function(shopMemberId) {
if (CHAT.globalLoginParameter.shopMemberId == shopMemberId) { if (CHAT.globalLoginParameter.shopMemberId == shopMemberId) {
return; return;
} }
...@@ -2732,19 +2739,7 @@ CHAT_UI.makeNameCardInCollaboration = function(shopMemberId, isCollaborationHost ...@@ -2732,19 +2739,7 @@ CHAT_UI.makeNameCardInCollaboration = function(shopMemberId, isCollaborationHost
namecardTemplate = text; namecardTemplate = text;
}); });
if (isCollaborationHost != "host") { let isCollaborationHost = coview_api.getRoomUsers();
$.get({ url: "./modal_collabo_change_host.html", async: false }
, function(text) {
changeHostTemplate = text;
});
let changeHostHtml = Mustache.render(changeHostTemplate, {
shopMemberId: nameCardInfo.shopMemberId
});
let changeHostObj = $(jQuery.parseHTML(changeHostHtml)).on('click', function() {
});
$('#modal_collabo_profile2').html(changeHostObj);
}
nameCardInfo.profileUrl = CHAT.getProfileImgUrl(nameCardInfo.profileUrl); nameCardInfo.profileUrl = CHAT.getProfileImgUrl(nameCardInfo.profileUrl);
let namecardHtml = Mustache.render(namecardTemplate, { let namecardHtml = Mustache.render(namecardTemplate, {
shopMemberId: nameCardInfo.shopMemberId, shopMemberId: nameCardInfo.shopMemberId,
...@@ -2753,7 +2748,7 @@ CHAT_UI.makeNameCardInCollaboration = function(shopMemberId, isCollaborationHost ...@@ -2753,7 +2748,7 @@ CHAT_UI.makeNameCardInCollaboration = function(shopMemberId, isCollaborationHost
name: nameCardInfo.shopMemberName, name: nameCardInfo.shopMemberName,
groupPathList: nameCardInfo.groupPathList, groupPathList: nameCardInfo.groupPathList,
isFavorite: nameCardInfo.isFavorite, isFavorite: nameCardInfo.isFavorite,
isHost: isCollaborationHost == "host" ? true : false isHost: isCollaborationHost
}); });
let namecardObj = $(jQuery.parseHTML(namecardHtml)).on('click', function() { let namecardObj = $(jQuery.parseHTML(namecardHtml)).on('click', function() {
...@@ -2786,6 +2781,7 @@ CHAT_UI.insertFavoriteUserInCollaboration = function(shopMemberId) { ...@@ -2786,6 +2781,7 @@ CHAT_UI.insertFavoriteUserInCollaboration = function(shopMemberId) {
CHAT_UI.dismissLoadingIndicator(); CHAT_UI.dismissLoadingIndicator();
}; };
CHAT_UI.confirmInviteUserListInCollaboration = function() { CHAT_UI.confirmInviteUserListInCollaboration = function() {
var selectedUsers = CHAT_DB.loadSelectedUsers(); var selectedUsers = CHAT_DB.loadSelectedUsers();
if (selectedUsers != "") { if (selectedUsers != "") {
......
public_new/js/chat-websocket.js
...@@ -201,6 +201,10 @@ function setSocketAction () { ...@@ -201,6 +201,10 @@ function setSocketAction () {
type = text[1]; type = text[1];
if (type == messageType.COMMUNICATIONSTART || type == messageType.COMMUNICATIONEND) { if (type == messageType.COMMUNICATIONSTART || type == messageType.COMMUNICATIONEND) {
collaborationType = text[2]; collaborationType = text[2];
var meetingId = 0;
if (collaborationType == CHAT_UTIL.getCollaborationType(collaborationTypeKey.DOCUMENT)) {
meetingId = text[3];
}
var userInCollaboration; var userInCollaboration;
if (CHAT_UTIL.isIOS()) { if (CHAT_UTIL.isIOS()) {
userInCollaboration = JSON.parse(CHAT_DB.getUserInfoList(message.userId)); userInCollaboration = JSON.parse(CHAT_DB.getUserInfoList(message.userId));
...@@ -218,6 +222,7 @@ function setSocketAction () { ...@@ -218,6 +222,7 @@ function setSocketAction () {
insertDate: message.insertDate, insertDate: message.insertDate,
collaborationType: collaborationType, collaborationType: collaborationType,
isToday: true, isToday: true,
meetingId: meetingId,
createdAtDay: messageTime.createdAtDay, createdAtDay: messageTime.createdAtDay,
createdAtTime: messageTime.createdAtTime, createdAtTime: messageTime.createdAtTime,
isOtherYear: false isOtherYear: false
......
public_new/js/collaboration.js
...@@ -100,6 +100,10 @@ $(function () { ...@@ -100,6 +100,10 @@ $(function () {
$('#penBtn').removeClass('bg_blue'); $('#penBtn').removeClass('bg_blue');
} }
}) })
$('#photo_open_place_holder').click(function () {
$("#open_file_upload").trigger("click");
})
$('#eraserBtn').click(function () { $('#eraserBtn').click(function () {
$('#coviewEraserCtrBtn').click(); $('#coviewEraserCtrBtn').click();
...@@ -118,16 +122,17 @@ $(function () { ...@@ -118,16 +122,17 @@ $(function () {
$('#captureBtn').click(function () { $('#captureBtn').click(function () {
$('#coviewCaptureCtrBtn').click(); $('#coviewCaptureCtrBtn').click();
}) })
$('#recordBtn').click(function () { $('#recordBtn').click(function () {
$('#coviewRecCtrBtn').click(); if ($('#recordBtn').hasClass('bg_gray')) {
if ($('#recordBtn').hasClass('bg_gray')) { MainManRecord('on');
$('#recordBtn').removeClass('bg_gray'); $('#recordBtn').removeClass('bg_gray');
$('#recordBtn').addClass('bg_red'); $('#recordBtn').addClass('bg_red');
} else { } else {
$('#recordBtn').addClass('bg_gray'); MainManRecord('stop', CMS_SERVER_URL + '/chatapi/file/uploadArchive');
$('#recordBtn').removeClass('bg_red'); $('#recordBtn').addClass('bg_gray');
} $('#recordBtn').removeClass('bg_red');
}) }
})
}); });
public_new/js/constant.js
...@@ -41,14 +41,16 @@ const collaborationTypeKey = { ...@@ -41,14 +41,16 @@ const collaborationTypeKey = {
AUDIO : "audio", AUDIO : "audio",
CAMERA : "camera", CAMERA : "camera",
VIDEO : "video" , VIDEO : "video" ,
DOCUMENT : "document" DOCUMENT : "document",
BOARD : "board"
} }
const collaborationType = { const collaborationType = {
AUDIO : 0, AUDIO : 0,
CAMERA : 2, CAMERA : 2,
VIDEO : 3, VIDEO : 3,
DOCUMENT : 4 DOCUMENT : 4,
BOARD : 5
} }
const makeRoomFlg = { const makeRoomFlg = {
......
public_new/modal_collabo_profile.html
...@@ -37,7 +37,17 @@ ...@@ -37,7 +37,17 @@
</div> </div>
</button> </button>
{{/isFavorite}} {{/isFavorite}}
<!-- {{^isHost}}--> {{#isHost}}
<button type="button" class="ch_host_btn border-0 bg_green text_white" onclick="Coview_changeHost('{{loginId}}');" >
<div class="d-flex flex-column">
<div class="img_wrap">
<img src="icon/icon_change_host.png" alt="ホスト変更">
</div>
<span>ホスト変更</span>
</div>
</button>
{{/isHost}}
{{^isHost}}
<button type="button" class="ch_host_btn border-0 bg_grey text_white" onclick="Coview_changeHost('{{loginId}}');" disabled> <button type="button" class="ch_host_btn border-0 bg_grey text_white" onclick="Coview_changeHost('{{loginId}}');" disabled>
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<div class="img_wrap"> <div class="img_wrap">
...@@ -46,7 +56,7 @@ ...@@ -46,7 +56,7 @@
<span>ホスト変更</span> <span>ホスト変更</span>
</div> </div>
</button> </button>
<!-- {{/isHost}}--> {{/isHost}}
</div> </div>
</div> </div>
</div> </div>
......
public_new/template/template_open_collaboration_message.html
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<span>{{createdAtDay}}</span><span>{{createdAtTime}}</span> <span>{{createdAtDay}}</span><span>{{createdAtTime}}</span>
{{/isToday}} {{/isToday}}
</div> </div>
<div class="collabo_area"> <div class="collabo_area {{#isEnded}} disable {{/isEnded}}">
<div class="collabo_desc"> <div class="collabo_desc">
<div class="collabo_room_name d-flex flex-row"> <div class="collabo_room_name d-flex flex-row">
<span>{{roomName}}</span> <span>{{roomName}}</span>
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
</div> </div>
</div> </div>
<div class="collabo_btn"> <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}})" {{#isEnded}} disabled {{/isEnded}}>
<img src="icon/icon_profile_phone.png" alt="通話"> <img src="icon/icon_profile_phone.png" alt="通話">
<span>参加する</span> <span>参加する</span>
</button> </button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment