collaboration_picture.html 7.26 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">
18

藤川諒 committed
19
</head>
Kim Peace committed
20

藤川諒 committed
21 22 23 24 25 26 27 28 29
<body>
  <!-- ナビメニュー -->
  <header id="collabo_header">
    <div class="d-flex align-items-center h-100">
      <div class="collabo_nav_l text-left w-100">
      </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>
30
          <button type="button" name="button" class="btn add_user_btn none"></button>
31
          <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
藤川諒 committed
32 33 34 35 36
        </div>
      </div>
    </div>
  </header><!-- header -->

37 38
  <!-- 拡大縮小機能 -->
  <div id="zoom"></div>
藤川諒 committed
39
  <!-- コンテンツ -->
Lee Munkyeong committed
40
  <main id="collabo_main" class="none">
藤川諒 committed
41
    <div class="document_wrap">
Lee Munkyeong committed
42 43
      <div class="coview_share_body coview_share_area" id="coviewShare" style="z-index: 1;">
      </div>
藤川諒 committed
44 45 46
    </div>
  </main>

Lee Munkyeong committed
47 48 49 50
  <div class="coview_share_photo_select_bubble none">
    <button id="coviewSharePhotoCamera" class="coview_share_photo_select_bubble_in_button cam">
    </button>
    <BR>
51
    <button id="coviewSharePhotoGallery" class="coview_share_photo_select_bubble_in_button gal">
Lee Munkyeong committed
52 53 54
    </button>
  </div>

藤川諒 committed
55
  <!-- ユーザー追加オーバーレイ -->
56
  <div id="add_user_list"></div>
57
  <div id="modal_add_user_confirm" ></div>
藤川諒 committed
58 59

  <!-- オーバーレイ メニュー -->
60
  <div id="collaboration_picture_overlay_menu"></div>
藤川諒 committed
61 62
  <!-- オーバーレイ ユーザーリスト -->
  <div id="overlay_user_list" class="overlay noscroll">
63
    <div id="collaboration_overlay_user_list"></div>
藤川諒 committed
64 65
  </div>

66 67
  <!-- キャプチャ モーダル -->
  <div id="modal_collabo_capture"></div>
藤川諒 committed
68
  <!-- プロフィールモーダル -->
69
  <div id="userProfileModalInCollaboration"></div>
Lee Munkyeong committed
70
  <div id="modal_collabo_profile2"></div>
71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122
  <!-- ホスト変更モーダル -->
  <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">
        <div class="footer_menu_item">
          <a href="#">
            <div class="img_wrap bg_red" id="penBtn">
              <img src="icon/icon_collabo_pen_white.png" alt="ペン">
            </div>
          </a>
        </div>
        <div class="footer_menu_item none">
          <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" id="eraserBtn">
              <img src="icon/icon_collabo_delete_white.png" alt="削除">
            </div>
          </a>
        </div>
      </div>
      <div class="d-flex align-items-center h-100 none">
        <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>
  <!-- フッター -->
  <div id="footer_collabo"></div>
Lee Munkyeong committed
123

Kim Peace committed
124
  <script src="./js/libs/jquery-3.3.1.min.js"></script>
Lee Munkyeong committed
125
  <script src="./js/libs/socket.io.js"></script>
Kim Peace committed
126
  <script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
127 128 129
  <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
130 131
  <script src="./js/libs/bootstrap.min.js"></script>
  <script src="./js/libs/jquery.mark.min.js"></script>
Lee Munkyeong committed
132
  <script src="./js/constant.js"></script>
Kim Peace committed
133
  <script src="./js/collaboration.js"></script>
Lee Munkyeong committed
134 135 136 137 138 139 140 141 142 143
  <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>
144
  <script src="https://livetaskyell.abookcloud.com/coview_api.js"></script>
Lee Munkyeong committed
145 146
  <script src="./js/share.js"></script>
  <script>
147 148 149 150
    $("#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");
151 152
    $("#modal_collabo_profile2").load("./modal_collabo_profile2.html");
    $("#collaboration_picture_overlay_menu").load("./collaboration_picture_overlay_menu.html");
153
    $("#add_user_list").load("./modal_add_user_list.html");
154
    $("#zoom").load("./zoom.html");
Lee Munkyeong committed
155 156 157 158 159 160 161

    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
Lee Munkyeong committed
162
    let collaborationJoinFlg = 0;
163
    let roomType;
Lee Munkyeong committed
164

Lee Munkyeong committed
165 166 167
    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
168
      roomType = android.getRoomType();
Lee Munkyeong committed
169
    } else {
Takatoshi Miura committed
170 171
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
172 173 174 175 176
      roomType = CHAT_DB.getRoomType();
    }

    if (roomType == chatRoomType.DM) {
        $('.add_user_btn').removeClass('none');
Lee Munkyeong committed
177
    }
Lee Munkyeong committed
178

Lee Munkyeong committed
179 180 181 182 183 184
    async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
Lee Munkyeong committed
185
      if (CHAT_UTIL.isIOS()) {
Takatoshi Miura committed
186
        collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
Lee Munkyeong committed
187 188 189 190
      } else if (CHAT_UTIL.isAndroid()) {
        collaborationJoinFlg = android.getCollaborationJoinFlg();
        console.log(collaborationJoinFlg);
      }
Lee Munkyeong committed
191
      globalUserInfo.coWorkType = collaborationTypeKey.CAMERA;
192 193 194 195 196
      if (collaborationJoinFlg != '2') {
        CHAT_SOCKET.connectSocket();
        socket.emit('join', CHAT.globalLoginParameter, function() {
        });
      }
Lee Munkyeong committed
197
    };
Lee Munkyeong committed
198
  </script>
藤川諒 committed
199
</body>
Kim Peace committed
200
</html>