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

  <!-- 拡大縮小機能 -->
Lee Munkyeong committed
37
  <div id="zoom"></div>
藤川諒 committed
38
  <!-- コンテンツ -->
Lee Munkyeong committed
39 40 41 42
  <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
43 44 45
    </div>
  </main>

Lee Munkyeong committed
46 47 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>
    <button id="coviewSharePhotoGallery" class="coview_share_photo_select_bubble_in_button gal">
    </button>
藤川諒 committed
52 53
  </div>

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

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

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

  <!-- フッター -->
  <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
82
            <div class="img_wrap bg_red" id="penBtn">
藤川諒 committed
83 84 85 86
              <img src="icon/icon_collabo_pen_white.png" alt="ペン">
            </div>
          </a>
        </div>
Lee Munkyeong committed
87
        <div class="footer_menu_item none">
藤川諒 committed
88 89 90 91 92 93 94 95
          <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
96
            <div class="img_wrap bg_blue" id="eraserBtn">
藤川諒 committed
97 98 99 100 101
              <img src="icon/icon_collabo_delete_white.png" alt="削除">
            </div>
          </a>
        </div>
      </div>
Lee Munkyeong committed
102
      <div class="d-flex align-items-center h-100 none">
藤川諒 committed
103
        <div class="footer_menu_item">
Lee Munkyeong committed
104 105 106 107 108
          <a href="#">
            <div class="img_wrap bg_gray">
              <img src="icon/icon_collabo_rewind_white.png" alt="戻る">
            </div>
          </a>
藤川諒 committed
109 110
        </div>
        <div class="footer_menu_item">
Lee Munkyeong committed
111 112 113 114 115
          <a href="#">
            <div class="img_wrap bg_gray">
              <img src="icon/icon_collabo_forward_white.png" alt="進む">
            </div>
          </a>
藤川諒 committed
116 117 118 119 120
        </div>
      </div>
    </div>
  </footer>
  <!-- フッター -->
Lee Munkyeong committed
121
  <div id="footer_collabo"></div>
藤川諒 committed
122

Kim Peace committed
123
  <script src="./js/libs/jquery-3.3.1.min.js"></script>
Lee Munkyeong committed
124
  <script src="./js/libs/socket.io.js"></script>
Kim Peace committed
125
  <script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
126 127 128
  <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
129 130
  <script src="./js/libs/bootstrap.min.js"></script>
  <script src="./js/libs/jquery.mark.min.js"></script>
Lee Munkyeong committed
131
  <script src="./js/constant.js"></script>
Kim Peace committed
132
  <script src="./js/collaboration.js"></script>
Lee Munkyeong committed
133 134 135 136 137 138 139 140 141 142 143 144 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
  <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>
  <script src="https://livetaskyell.abookcloud.com/coview_api.js"></script>
  <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
197
</body>
Kim Peace committed
198 199

</html>