collaboration_documents.html 7.93 KB
Newer Older
藤川諒 committed
1 2
<!doctype html>
<html lang="en">
Kim Peace committed
3

藤川諒 committed
4 5 6
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
Kim Peace committed
7 8
  <meta name="viewport"
    content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
藤川諒 committed
9
  <title>LiveTaskyell</title>
10
  <link rel="stylesheet" href="./css/notosansjp.css">
藤川諒 committed
11 12 13 14 15 16
  <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">
Lee Munkyeong committed
17
  <link rel="stylesheet" href="./css/share.css">
藤川諒 committed
18
</head>
Kim Peace committed
19

藤川諒 committed
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
<body>
  <!-- ナビメニュー -->
  <header id="collabo_header">
    <div class="d-flex align-items-center h-100">
      <div class="collabo_nav_l text-left w-100">
        通話中
        <span>15:20</span>
      </div>
      <div class="collabo_nav_r">
        <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 add_user_btn"></button>
          <button type="button" name="button" class="btn menu_btn"></button>
        </div>
      </div>
    </div>
  </header><!-- header -->

  <!-- 拡大縮小機能 -->
Lee Munkyeong committed
39
  <div id="zoom"></div>
藤川諒 committed
40 41 42 43

  <!-- コンテンツ -->
  <main id="collabo_main">
    <div class="document_wrap">
Lee Munkyeong committed
44 45
      <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
      </div>
藤川諒 committed
46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
    </div>
  </main>

  <!-- ユーザー追加オーバーレイ -->
  <div id="overlay_add_user_list" class="none">
    <nav>
      <div class="row h-100 align-items-center">
        <div class="col-4 pr-0">
          <div class="nav-item">
            <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>
Kang Donghun committed
73
        <input type="search" name="search" placeholder="ユーザー検索" maxlength="30">
藤川諒 committed
74 75 76 77 78 79 80 81 82
        <span class="src_icon"></span>
        <a href="#" class="cancel none">キャンセル</a>
      </form>
    </div>
    <!-- ユーザーリスト -->
    <div id="add_user_list"></div>
  </div>

  <!-- オーバーレイ メニュー -->
Lee Munkyeong committed
83
  <div id="collaboration_video_overlay_menu"></div>
藤川諒 committed
84 85
  <!-- オーバーレイ ユーザーリスト -->
  <div id="overlay_user_list" class="overlay noscroll">
Lee Munkyeong committed
86
    <div id="collabotarion_overlay_user_list"></div>
藤川諒 committed
87 88
  </div>

Lee Munkyeong committed
89 90
  <div id="modal_document_selector"></div>

藤川諒 committed
91
  <!-- キャプチャ モーダル -->
Lee Munkyeong committed
92
  <div id="modal_collabo_capture"></div>
藤川諒 committed
93
  <!-- プロフィールモーダル -->
Lee Munkyeong committed
94 95
  <div id="modal_collabo_profile"></div>
  <div id="modal_collabo_profile2"></div>
藤川諒 committed
96
  <!-- ホスト変更モーダル -->
Lee Munkyeong committed
97
  <div id="modal_collabo_change_host"></div>
藤川諒 committed
98
  <!-- ホストリクエストモーダル -->
Lee Munkyeong committed
99
  <div id="modal_collabo_host_request"></div>
藤川諒 committed
100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145
  <!-- フッター -->
  <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">
        <div class="footer_menu_item">
          <a href="#">
            <div class="img_wrap bg_blue">
              <img src="icon/icon_collabo_pen_white.png" alt="ペン">
            </div>
          </a>
        </div>
        <div class="footer_menu_item">
          <a href="#">
            <div class="img_wrap bg_blue">
              <img src="icon/icon_collabo_place_white.png" alt="場所">
            </div>
          </a>
        </div>
        <div class="footer_menu_item">
          <a href="#">
            <div class="img_wrap bg_blue">
              <img src="icon/icon_collabo_delete_white.png" alt="削除">
            </div>
          </a>
        </div>
      </div>
      <div class="d-flex align-items-center h-100">
        <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 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>
  </footer>
  <!-- フッター -->
Lee Munkyeong committed
146
  <div id="footer_collabo"></div>
藤川諒 committed
147

Kim Peace committed
148
  <script src="./js/libs/jquery-3.3.1.min.js"></script>
Lee Munkyeong committed
149
  <script src="./js/libs/socket.io.js"></script>
Kim Peace committed
150
  <script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
151 152 153
  <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>
Kim Peace committed
154 155
  <script src="./js/libs/bootstrap.min.js"></script>
  <script src="./js/libs/jquery.mark.min.js"></script>
Lee Munkyeong committed
156
  <script src="./js/constant.js"></script>
Kim Peace committed
157
  <script src="./js/collaboration.js"></script>
Lee Munkyeong committed
158 159 160 161 162 163 164 165 166 167
  <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>
168
  <script src="https://livetaskyell.abookcloud.com/coview_api.js"></script>
Lee Munkyeong committed
169 170 171 172 173 174 175 176 177 178 179
  <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_profile2").load("./modal_collabo_profile2.html");
    $("#modal_collabo_profile").load("./modal_collabo_profile.html");
    $("#modal_collabo_capture").load("./modal_collabo_capture.html");
    $("#collabotarion_overlay_user_list").load("./collabotarion_overlay_user_list.html");
    $("#collaboration_video_overlay_menu").load("./collaboration_video_overlay_menu.html");
    $("#zoom").load("./zoom.html");
Lee Munkyeong committed
180 181 182 183 184 185 186 187 188 189 190 191 192 193
    $("#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 {
Takatoshi Miura committed
194 195
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
Lee Munkyeong committed
196 197 198 199 200 201 202 203 204 205 206 207
    }


    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()) {
Takatoshi Miura committed
208
        collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
Lee Munkyeong committed
209 210 211 212 213 214 215 216 217 218 219 220 221 222
      } 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();
    };
Lee Munkyeong committed
223 224

  </script>
藤川諒 committed
225
</body>
Kim Peace committed
226 227

</html>