collaboration.html 10 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
  <title>LiveTaskyell</title>
  <link rel="stylesheet" href="./css/notosansjp.css">
  <link href="./fontawesome/css/all.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/collaboration.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./css/share.css">
18
  <link rel="stylesheet" href="./css/loading.css">
19 20 21 22 23 24 25 26

</head>

<body>
  <!-- ナビメニュー -->
  <header id="collabo_header">
    <div class="d-flex align-items-center h-100">
      <div class="collabo_nav_l text-left w-100">
27
        通話中
28 29 30
      </div>
      <div class="collabo_nav_r">
        <div class="text-right d-flex align-items-center">
Kim Peace committed
31 32
          <button type="button" name="button"
            class="btn user_btn collaboration_contents picture_contents video_contents board_contents"></button>
33
          <button type="button" name="button" class="btn add_user_btn none"></button>
34
          <button type="button" name="button" class="btn menu_btn host_contents"></button>
Kim Peace committed
35 36
          <button type="button" name="button" class="btn start_pip_btn collaboration_contents document_contents"
            onclick="startPipMode();"></button>
37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
          <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
        </div>
      </div>
    </div>
  </header><!-- header -->

  <!-- 拡大縮小機能 -->
  <div id="zoom"></div>
  <!-- コンテンツ -->
  <main id="collabo_main" class="none">
    <div class="document_wrap">
      <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
      </div>
    </div>
  </main>

  <div class="coview_share_photo_select_bubble none">
    <button id="coviewSharePhotoCamera" class="coview_share_photo_select_bubble_in_button cam">
    </button>
    <BR>
    <button id="coviewSharePhotoGallery" class="coview_share_photo_select_bubble_in_button gal">
    </button>
  </div>

  <!-- ユーザー追加オーバーレイ -->
  <div id="add_user_list"></div>
Kim Peace committed
63
  <div id="modal_add_user_confirm"></div>
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86

  <!-- オーバーレイ メニュー -->
  <div id="collaboration_picture_overlay_menu"></div>
  <!-- オーバーレイ ユーザーリスト -->
  <div id="overlay_user_list" class="overlay noscroll">
    <div id="collaboration_overlay_user_list"></div>
  </div>

  <!-- キャプチャ モーダル -->
  <div id="modal_collabo_capture"></div>
  <!-- プロフィールモーダル -->
  <div id="userProfileModalInCollaboration"></div>
  <div id="modal_collabo_profile2"></div>
  <!-- ホスト変更モーダル -->
  <div id="modal_collabo_change_host"></div>
  <!-- ホストリクエストモーダル -->
  <div id="modal_collabo_host_request"></div>

  <!-- フッター -->
  <footer id="collabo_footer_menu" class="active">
    <button type="button" name="button" class="footer_menu_btn"></button>
    <div class="footer_menu-wrap d-flex justify-content-around h-100">
      <div class="d-flex align-items-center h-100">
87
        <div class="footer_menu_item photo_select_button collaboration_contents picture_contents">
88 89 90
          <div class="img_wrap bg_blue" id="photo_open_place_holder">
            <img src="icon/icon_collabo_picture.png" alt="写真">
          </div>
91
        </div>
92
        <div class="footer_menu_item">
93 94 95
          <div class="img_wrap bg_red" id="penBtn">
            <img src="icon/icon_collabo_pen_white.png" alt="ペン">
          </div>
96 97
        </div>
        <div class="footer_menu_item none">
98 99 100
          <div class="img_wrap bg_blue">
            <img src="icon/icon_collabo_place_white.png" alt="場所">
          </div>
101 102
        </div>
        <div class="footer_menu_item">
103 104 105
          <div class="img_wrap bg_blue" id="eraserBtn">
            <img src="icon/icon_collabo_delete_white.png" alt="削除">
          </div>
106 107 108 109
        </div>
      </div>
      <div class="d-flex align-items-center h-100 none">
        <div class="footer_menu_item">
110 111 112
          <div class="img_wrap bg_gray">
            <img src="icon/icon_collabo_rewind_white.png" alt="戻る">
          </div>
113 114
        </div>
        <div class="footer_menu_item">
115 116 117
          <div class="img_wrap bg_gray">
            <img src="icon/icon_collabo_forward_white.png" alt="進む">
          </div>
118 119
        </div>
      </div>
120
      <div class="d-flex align-items-center h-100 collaboration_contents video_contents_host">
121
        <div class="footer_menu_item">
122 123 124 125
          <div class="img_wrap wide bg_blue" id="captureBtn">
            <img src="icon/icon_collabo_capture.png" alt="キャプチャ">
            <span>キャプチャ</span>
          </div>
126 127
        </div>
      </div>
128 129
      <div class="d-flex align-items-center h-100 collaboration_contents video_contents_user">
        <div class="footer_menu_item">
130 131 132 133
          <div class="img_wrap wide bg_blue" id="captureRequestBtn">
            <img src="icon/icon_collabo_capture.png" alt="キャプチャ">
            <span>キャプチャリクエスト</span>
          </div>
134 135
        </div>
      </div>
136 137 138 139
    </div>
  </footer>
  <!-- フッター -->
  <div id="footer_collabo"></div>
140
  <div id="loadingArea"></div>
141
  <div class="pip_indicator none" onclick="finishPipMode();">
142 143 144
    <div style="vertical-align: middle;display: table-cell;">協業中
    </div>
  </div>
145 146 147 148 149
  <div class="before_loading_indicator">
    <div id="page_loader" class="before_loading_indicator">
      <i class="fa fa-circle-o-notch fa-spin fa-1x fa-fw"></i>
    </div>
  </div>
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164
  <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/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/jquery.mark.min.js"></script>
  <script src="./js/constant.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>
Kim Peace committed
165
  <script src="./js/chat-db-foriOS.js"></script>
166 167 168 169 170
  <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>
Kim Peace committed
171 172 173
  <script src="./js/chat-websocket-message.js"></script>
  <script src="./js/chat-websocket-refresh-group-list.js"></script>
  <script src="./js/chat-websocket-refresh-user-list-in-group.js"></script>
174 175 176 177 178 179 180 181 182 183 184
  <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");
    $("#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_overlay_menu.html");
    $("#add_user_list").load("./modal_add_user_list.html");
    $("#zoom").load("./zoom.html");
185
    $("#loadingArea").load("./loading.html");
186 187 188 189 190 191 192
    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
    let collaborationJoinFlg = 0;
Lee Munkyeong committed
193
    let isInvited = 0;
194 195
    let roomType;
    let joinCollaborationType = 0;
196
    let joinMeetingId = 0;
197
    let androidVersion = 0;
198

Kim Peace committed
199
    if (typeof (android) != "undefined") {
200 201 202 203 204 205 206 207 208
      android.getLoginParameter();
      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }

Kim Peace committed
209
    if (roomType == ChatRoomType.DM) {
Kim Peace committed
210
      $('.add_user_btn').removeClass('none');
211 212
    }

213
    function startPipMode() {
Kim Peace committed
214
      if (typeof (android) != "undefined") {
215 216
        android.startPipMode();
      } else {
217 218 219 220 221 222 223
        webkit.messageHandlers.startPipMode.postMessage({});
      }
    }

    function finishPipMode() {
      if (CHAT_UTIL.isIOS()) {
        webkit.messageHandlers.finishPipMode.postMessage({});
224 225 226
      }
    }

Kim Peace committed
227
    String.prototype.replaceAll = function (org, dest) {
228 229 230
      return this.split(org).join(dest);
    }

231 232 233 234 235 236 237
    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()) {
238
        joinCollaborationType = CHAT_DB.getJoinCollaborationType();
239 240 241 242
        collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
      } else if (CHAT_UTIL.isAndroid()) {
        joinCollaborationType = android.getJoinCollaborationType();
        collaborationJoinFlg = android.getCollaborationJoinFlg();
243 244 245 246 247
        androidVersion = android.getAndroidVersion();
        if (joinCollaborationType == COLLABORATION_TYPE.DOCUMENT && androidVersion < ANDROID_SDK_VERSION.O) {
          alert(getLocalizedString('not_support_version'));
          android.openCommunicationHome();
        }
248
      }
249

250
      initCollaborationUI(joinCollaborationType);
251 252 253
      globalUserInfo.coWorkType = CHAT_UTIL.getCoviewTypeFromCollaborationType(joinCollaborationType);
      if (collaborationJoinFlg != '2') {
        CHAT_SOCKET.connectSocket();
Kim Peace committed
254
        socket.emit('join', CHAT.globalLoginParameter, function () {
255 256 257 258 259
        });
      }
    };
  </script>
</body>
Kim Peace committed
260

261
</html>