collaboration.html 8.24 KB
Newer Older
1 2 3 4 5 6 7 8 9 10
<!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">
Kim Peace committed
11
  <link rel="stylesheet" href="./fontawesome/css/all.css" >
12 13
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/common.css">
藤川諒 committed
14 15
  <link rel="stylesheet" href="./css/contact.css">
  <link rel="stylesheet" href="./css/chat.css">
16 17 18 19
  <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">
20
  <link rel="stylesheet" href="./css/loading.css">
21 22 23 24 25 26 27 28

</head>

<body>
  <!-- ナビメニュー -->
  <header id="collabo_header">
    <div class="d-flex align-items-center h-100">
      <div class="collabo_nav_l text-left w-100">
藤川諒 committed
29
        <div class="d-flex flex-row">
30 31 32 33 34 35 36 37 38 39
          <span class="collabo-label collaboration_contents voice_contents">音声<span class="host_contents"> /
              司会者</span><span class="none"> / 参加者</span></span>
          <span class="collabo-label collaboration_contents video_contents">動画<span class="host_contents"> /
              司会者</span><span class="none"> / 参加者</span></span>
          <span class="collabo-label collaboration_contents picture_contents">写真<span class="host_contents"> /
              司会者</span><span class="none"> / 参加者</span></span>
          <span class="collabo-label collaboration_contents document_contents">文書<span class="host_contents"> /
              司会者</span><span class="none"> / 参加者</span></span>
          <span class="collabo-label collaboration_contents board_contents">ボード<span class="host_contents"> /
              司会者</span><span class="none"> / 参加者</span></span>
藤川諒 committed
40
        </div>
41 42 43
      </div>
      <div class="collabo_nav_r">
        <div class="text-right d-flex align-items-center">
Kim Peace committed
44
          <button type="button" name="button" class="btn user_btn"></button>
45
          <button type="button" name="button" class="btn add_user_btn none"></button>
藤川諒 committed
46 47 48 49 50
          <div class="menu-icon menu_btn host_contents" onclick="this.classList.toggle('hover');">
            <div class="menu-bar menu-bar1"></div>
            <div class="menu-bar menu-bar2"></div>
            <div class="menu-bar menu-bar3"></div>
          </div>
51 52 53 54 55 56 57 58 59 60
        </div>
      </div>
    </div>
  </header><!-- header -->

  <!-- 拡大縮小機能 -->
  <div id="zoom"></div>
  <!-- コンテンツ -->
  <main id="collabo_main" class="none">
    <div class="document_wrap">
Kim Peace committed
61 62 63
      <!-- 音声共有 -->
      <div
        class="talking_area icon_talking_wrap d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents voice_contents none">
64
        <div class="talking_img_wrap">
藤川諒 committed
65
          <img src="icon/icon_talking_white.svg" alt="通話中">
66 67 68 69
        </div>
        <span class="text-white mt-4">通話中</span>
      </div>
      <!-- 文書共有 -->
Kim Peace committed
70 71 72 73

      <div
        class="start_pip_area d-flex flex-column justify-content-center align-items-center h-100 collaboration_contents document_contents none">
        <div class="start_pip_img_wrap">
74
          <a href="javascript:NativeBridgeDelegate.startPIPMode();">
75
            <img src="icon/icon_start_pip.svg" alt="文書共有">
Kim Peace committed
76
          </a>
77
        </div>
Kim Peace committed
78 79
        <span class="text-white mt-2">共有する</span>
      </div>
80

81 82 83 84 85 86 87
      <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
      </div>
    </div>
  </main>

  <!-- ユーザー追加オーバーレイ -->
  <div id="add_user_list"></div>
Kim Peace committed
88
  <div id="modal_add_user_confirm"></div>
89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108

  <!-- オーバーレイ メニュー -->
  <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>

  <!-- フッター -->
  <div id="footer_collabo"></div>
109
  <div class="pip_indicator none" onclick="NativeBridgeDelegate.finishPIPMode();">
110
    <div style="vertical-align: middle;display: table-cell;">
藤川諒 committed
111
      <img src="icon/icon_end_pip.svg" alt="文書共有" style="width: 30px;height: 30px;">
112
      <span style="font-size: 20px;vertical-align: middle;">戻る</span>
113 114
    </div>
  </div>
115 116
  <div class="before_loading_indicator">
    <div id="page_loader" class="before_loading_indicator">
藤川諒 committed
117
      <div class="sp sp-circle"></div>
118 119
    </div>
  </div>
Kim Peace committed
120

121 122 123 124 125 126 127 128 129 130
  <!-- Library -->
  <script src="./js/libs/jquery-3.3.1.min.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/libs/socket.io.js"></script>
  <!-- Language -->
131 132 133 134
  <script src="./js/languages/language.js"></script>
  <script src="./js/languages/language_ko.js" charset="UTF-8"></script>
  <script src="./js/languages/language_ja.js" charset="UTF-8"></script>
  <script src="./js/languages/language_en.js" charset="UTF-8"></script>
135
  <!-- Common -->
136
  <script src="./js/common/constant.js"></script>
137 138
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
139
  <script src="./js/common/common.js"></script>
Kim Peace committed
140
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
141 142 143 144
  <!-- Models -->
  <script src="./js/Models/deviceinfo.js"></script>
  <script src="./js/Models/serverinfo.js"></script>
  <script src="./js/Models/userinfo.js"></script>
145 146 147
  <script src="./js/Models/roominfo.js"></script>
  <script src="./js/Models/socket-joininfo.js"></script>
  <script src="./js/Models/coview-userinfo.js"></script>
148
  <!-- Socket -->
149 150
  <script src="./js/sockets/chat-websocket.js"></script>
  <script src="./js/sockets/chat-websocket-message.js"></script>
Kim Peace committed
151
  <!-- View -->
152 153
  <script src="./js/views/chats/management/chat-management-common.js"></script>
  <script src="./js/views/collaboration/collaboration.js"></script>
Kim Peace committed
154
  <script src="./js/views/collaboration/collaboration-add-user.js"></script>
155
  <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
156
  <script src="./js/views/collaboration/share.js"></script>
Kim Peace committed
157 158
  <script src="./js/views/collaboration/fermi-web-socket-message-handler.js"></script>
  <script src="./js/views/collaboration/fermi-web-socket-bridge.js"></script>
Kim Peace committed
159 160
  <script src="./js/views/collaboration/share-bind-button-action.js"></script>
  <script src="./js/views/collaboration/share-event-listener.js"></script>
161
  <script src="./js/views/contact/namecard.js"></script>
162

163 164 165 166 167 168 169 170 171
  <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");
172

173
    if (deviceInfo.isAndroid()) {
174 175 176 177
      if (
        globalUserInfo.collaborationType.type == COLLABORATION_TYPE.DOCUMENT
        && deviceInfo.androidVersion < ANDROID_SDK_VERSION.O
      ) {
178 179 180 181 182 183 184
        alert(getLocalizedString('not_support_version'));
        if (typeof android != "undefined") {
          NativeBridgeDelegate.openCommunicationHome();
        }
      }
    }

185 186
    if (globalUserInfo.joinType != COLLABORATION_JOIN_TYPE.INVITED) {
      CHAT_SOCKET.initialJoin();
187
    }
188 189
  </script>
</body>
Kim Peace committed
190

191
</html>