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

  <!-- 拡大縮小機能 -->
Lee Munkyeong committed
38
  <div id="zoom"></div>
藤川諒 committed
39
  <!-- コンテンツ -->
Lee Munkyeong committed
40 41 42 43
  <main id="collabo_main" class="none white_board">
    <div class="document_wrap">
      <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 51 52
  <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>
藤川諒 committed
53 54
  </div>

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

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

  <!-- キャプチャ モーダル -->
Lee Munkyeong committed
67
  <div id="modal_collabo_capture"></div>
藤川諒 committed
68
  <!-- プロフィールモーダル -->
Lee Munkyeong committed
69 70
  <div id="userProfileModalInCollaboration"></div>
  <div id="modal_collabo_profile2"></div>
藤川諒 committed
71
  <!-- ホスト変更モーダル -->
Lee Munkyeong committed
72
  <div id="modal_collabo_change_host"></div>
藤川諒 committed
73
  <!-- ホストリクエストモーダル -->
Lee Munkyeong committed
74
  <div id="modal_collabo_host_request"></div>
藤川諒 committed
75 76 77 78 79 80 81 82

  <!-- フッター -->
  <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="#">
Lee Munkyeong committed
83
            <div class="img_wrap bg_red" id="penBtn">
藤川諒 committed
84 85 86 87
              <img src="icon/icon_collabo_pen_white.png" alt="ペン">
            </div>
          </a>
        </div>
Lee Munkyeong committed
88
        <div class="footer_menu_item none">
藤川諒 committed
89 90 91 92 93 94 95 96
          <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="#">
Lee Munkyeong committed
97
            <div class="img_wrap bg_blue" id="eraserBtn">
藤川諒 committed
98 99 100 101 102
              <img src="icon/icon_collabo_delete_white.png" alt="削除">
            </div>
          </a>
        </div>
      </div>
Lee Munkyeong committed
103
      <div class="d-flex align-items-center h-100 none">
藤川諒 committed
104
        <div class="footer_menu_item">
Lee Munkyeong committed
105 106 107 108 109
          <a href="#">
            <div class="img_wrap bg_gray">
              <img src="icon/icon_collabo_rewind_white.png" alt="戻る">
            </div>
          </a>
藤川諒 committed
110 111
        </div>
        <div class="footer_menu_item">
Lee Munkyeong committed
112 113 114 115 116
          <a href="#">
            <div class="img_wrap bg_gray">
              <img src="icon/icon_collabo_forward_white.png" alt="進む">
            </div>
          </a>
藤川諒 committed
117 118 119 120 121
        </div>
      </div>
    </div>
  </footer>
  <!-- フッター -->
Lee Munkyeong committed
122
  <div id="footer_collabo"></div>
藤川諒 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>
Lee Munkyeong committed
144
  <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
Lee Munkyeong committed
145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197
  <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_picture_overlay_menu.html");
    $("#add_user_list").load("./modal_add_user_list.html");
    $("#zoom").load("./zoom.html");

    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
    let collaborationJoinFlg = 0;
    let roomType;

    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
      roomType = android.getRoomType();
    } else {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
      roomType = CHAT_DB.getRoomType();
    }

    if (roomType == chatRoomType.DM) {
        $('.add_user_btn').removeClass('none');
    }

    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()) {
        collaborationJoinFlg = CHAT_DB.getCollaborationJoinFlg();
      } else if (CHAT_UTIL.isAndroid()) {
        collaborationJoinFlg = android.getCollaborationJoinFlg();
      }
      globalUserInfo.coWorkType = collaborationTypeKey.BOARD;
      if (collaborationJoinFlg != '2') {
        CHAT_SOCKET.connectSocket();
        socket.emit('join', CHAT.globalLoginParameter, function() {
        });
      }
    };
  </script>
藤川諒 committed
198
</body>
Kim Peace committed
199 200

</html>