collaboration_picture.html 7.61 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 menu_btn"></button>
31
          <button type="button" name="button" class="btn add_user_btn none"></button>
32
          <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
藤川諒 committed
33 34 35 36 37
        </div>
      </div>
    </div>
  </header><!-- header -->

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

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

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

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

67 68
  <!-- キャプチャ モーダル -->
  <div id="modal_collabo_capture"></div>
藤川諒 committed
69
  <!-- プロフィールモーダル -->
70
  <div id="userProfileModalInCollaboration"></div>
Lee Munkyeong committed
71
  <div id="modal_collabo_profile2"></div>
72 73 74 75 76 77 78 79 80 81
  <!-- ホスト変更モーダル -->
  <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">
82
        <div class="footer_menu_item photo_select_button host_contents">
83
          <a href="#">
84 85 86 87 88
            <div class="img_wrap bg_blue" id="photo_open_place_holder">
              <img src="icon/icon_collabo_picture.png" alt="写真">
            </div>
          </a>
        </div>
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 123 124 125 126 127 128 129 130
        <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
131

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

    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
Lee Munkyeong committed
170
    let collaborationJoinFlg = 0;
171
    let roomType;
Lee Munkyeong committed
172

Lee Munkyeong committed
173 174 175
    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
176
      roomType = android.getRoomType();
Lee Munkyeong committed
177
    } else {
Takatoshi Miura committed
178 179
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
180 181 182 183 184
      roomType = CHAT_DB.getRoomType();
    }

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

Lee Munkyeong committed
187 188 189 190 191 192
    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
193
      if (CHAT_UTIL.isIOS()) {
Takatoshi Miura committed
194
        collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
Lee Munkyeong committed
195 196 197 198
      } else if (CHAT_UTIL.isAndroid()) {
        collaborationJoinFlg = android.getCollaborationJoinFlg();
        console.log(collaborationJoinFlg);
      }
Lee Munkyeong committed
199
      globalUserInfo.coWorkType = collaborationTypeKey.CAMERA;
200 201 202 203 204
      if (collaborationJoinFlg != '2') {
        CHAT_SOCKET.connectSocket();
        socket.emit('join', CHAT.globalLoginParameter, function() {
        });
      }
Lee Munkyeong committed
205
    };
Lee Munkyeong committed
206
  </script>
藤川諒 committed
207
</body>
208
</html>