Skip to content

C
chat_webview
Switch branch/tag
Find file
Normal viewHistoryPermalink
collaboration_whiteboard.html 7.41 KB
Newer Older
デザイン新規追加
4c50c265
 
藤川諒 committed
1 2 
<!doctype html>
<html lang="en">
Fixed coding style
a0d1984f
 
Kim Peace committed
3
デザイン新規追加
4c50c265
 
藤川諒 committed
4 5 6 
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
Fixed coding style
a0d1984f
 
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">
デザイン新規追加
4c50c265
 
藤川諒 committed
9 
  <title>LiveTaskyell</title>
Fontのオフライン対応。
40227def
 
Lee Munkyeong committed
10 
  <link rel="stylesheet" href="./css/notosansjp.css">
デザイン新規追加
4c50c265
 
藤川諒 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">
ボード協業実装
dd28d628
 
Lee Munkyeong committed
17 
  <link rel="stylesheet" href="./css/share.css">
デザイン新規追加
4c50c265
 
藤川諒 committed
18 
</head>
Fixed coding style
a0d1984f
 
Kim Peace committed
19
デザイン新規追加
4c50c265
 
藤川諒 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>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
29 
          <button type="button" name="button" class="btn add_user_btn none"></button>
レコード、協業変更実装
38efe21c
 
Lee Munkyeong committed
30 
          <button type="button" name="button" class="btn menu_btn"></button>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
31 
          <!-- <button type="button" name="button" class="btn exit_btn" onclick="Coview_exitCollaboration();"></button> -->
デザイン新規追加
4c50c265
 
藤川諒 committed
32 33 34 35 36 37 
        </div>
      </div>
    </div>
  </header><!-- header -->

  <!-- 拡大縮小機能 -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
38 
  <div id="zoom"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
39 
  <!-- コンテンツ -->
ボード協業実装
dd28d628
 
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>
デザイン新規追加
4c50c265
 
藤川諒 committed
44 45 46 
    </div>
  </main>
ボード協業実装
dd28d628
 
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>
デザイン新規追加
4c50c265
 
藤川諒 committed
53 54 
  </div>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
55 56 
  <!-- ユーザー追加オーバーレイ -->
  <div id="add_user_list"></div>
Fixed for chat-ui js
d12c2257
 
Kim Peace committed
57 
  <div id="modal_add_user_confirm"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
58
ボード協業実装
dd28d628
 
Lee Munkyeong committed
59 60 
  <!-- オーバーレイ　メニュー -->
  <div id="collaboration_picture_overlay_menu"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
61 62 
  <!-- オーバーレイ　ユーザーリスト -->
  <div id="overlay_user_list" class="overlay noscroll">
ボード協業実装
dd28d628
 
Lee Munkyeong committed
63 
    <div id="collaboration_overlay_user_list"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
64 65 66 
  </div>

  <!-- キャプチャ　モーダル -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
67 
  <div id="modal_collabo_capture"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
68 
  <!-- プロフィールモーダル -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
69 70 
  <div id="userProfileModalInCollaboration"></div>
  <div id="modal_collabo_profile2"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
71 
  <!-- ホスト変更モーダル -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
72 
  <div id="modal_collabo_change_host"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
73 
  <!-- ホストリクエストモーダル -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
74 
  <div id="modal_collabo_host_request"></div>
デザイン新規追加
4c50c265
 
藤川諒 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="#">
ボード協業実装
dd28d628
 
Lee Munkyeong committed
83 
            <div class="img_wrap bg_red" id="penBtn">
デザイン新規追加
4c50c265
 
藤川諒 committed
84 85 86 87 
              <img src="icon/icon_collabo_pen_white.png" alt="ペン">
            </div>
          </a>
        </div>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
88 
        <div class="footer_menu_item none">
デザイン新規追加
4c50c265
 
藤川諒 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="#">
ボード協業実装
dd28d628
 
Lee Munkyeong committed
97 
            <div class="img_wrap bg_blue" id="eraserBtn">
デザイン新規追加
4c50c265
 
藤川諒 committed
98 99 100 101 102 
              <img src="icon/icon_collabo_delete_white.png" alt="削除">
            </div>
          </a>
        </div>
      </div>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
103 
      <div class="d-flex align-items-center h-100 none">
デザイン新規追加
4c50c265
 
藤川諒 committed
104 
        <div class="footer_menu_item">
ボード協業実装
dd28d628
 
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>
デザイン新規追加
4c50c265
 
藤川諒 committed
110 111 
        </div>
        <div class="footer_menu_item">
ボード協業実装
dd28d628
 
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>
デザイン新規追加
4c50c265
 
藤川諒 committed
117 118 119 120 121 
        </div>
      </div>
    </div>
  </footer>
  <!-- フッター -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
122 
  <div id="footer_collabo"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
123
Revert union to import js but it just arranged
6afbd0d4
 
Kim Peace committed
124 125 126 127 128 129 130 131 132 133 
  <!-- Library -->
  <script src="./js/libs/jquery-3.3.1.min.js"></script>
  <script src="./js/libs/moment.js"></script>
  <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>
  <script src="./js/libs/bootstrap.min.js"></script>
  <script src="./js/libs/jquery.mark.min.js"></script>
  <script src="./js/libs/socket.io.js"></script>
  <!-- Language -->
Arranged script import order
a9049c58
 
Kim Peace committed
134 135 136 137 
  <script src="./js/languages/language.js"></script>
  <script src="./js/languages/language_ko.js" charset="UTF-8"></script>
  <script src="./js/languages/language_ja.js" charset="UTF-8"></script>
  <script src="./js/languages/language_en.js" charset="UTF-8"></script>
Revert union to import js but it just arranged
6afbd0d4
 
Kim Peace committed
138 
  <!-- Common -->
Arranged script import order
a9049c58
 
Kim Peace committed
139 
  <script src="./js/common/constant.js"></script>
Divded all delegates and datasource from native value
b952b542
 
Kim Peace committed
140 141 
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
Arranged script import order
a9049c58
 
Kim Peace committed
142 
  <script src="./js/common/common.js"></script>
Revert union to import js but it just arranged
6afbd0d4
 
Kim Peace committed
143 144 
  <script src="./js/chat-util.js"></script>
  <!-- Socket -->
Arranged script import order
a9049c58
 
Kim Peace committed
145 146 147 148 
  <script src="./js/sockets/chat-websocket.js"></script>
  <script src="./js/sockets/chat-websocket-message.js"></script>
  <script src="./js/sockets/chat-websocket-refresh-group-list.js"></script>
  <script src="./js/sockets/chat-websocket-refresh-user-list-in-group.js"></script>
Unified js import
8c0c69a1
 
Kim Peace committed
149 
  <!-- View -->
ボード協業実装
dd28d628
 
Lee Munkyeong committed
150 151 
  <script src="./js/chat.js"></script>
  <script src="./js/chat-ui.js"></script>
Unified js import
8c0c69a1
 
Kim Peace committed
152 
  <script src="./js/collaboration.js"></script>
サーバURL更新
c8eb9b49
 
Lee Munkyeong committed
153 
  <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
WIP: assamble as native bridge
42fe068a
 
Kim Peace committed
154 155 
  <script src="./js/share.js"></script>
ボード協業実装
dd28d628
 
Lee Munkyeong committed
156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 
  <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;
Moved native bridge delegate for calling native method
91c488ee
 
Kim Peace committed
173
ボード協業実装
dd28d628
 
Lee Munkyeong committed
174
Moved native bridge delegate for calling native method
91c488ee
 
Kim Peace committed
175 176 
    NativeBridgeDelegate.getLoginParameter();
    NativeBridgeDelegate.getGlobalParameter();
ボード協業実装
dd28d628
 
Lee Munkyeong committed
177
Moved native bridge delegate for calling native method
91c488ee
 
Kim Peace committed
178 
    const roomType = NativeBridgeDataSource.getRoomType();
Fixed Const name case
9cdbfe65
 
Kim Peace committed
179 
    if (roomType == ChatRoomType.DM) {
Fixed for chat-ui js
d12c2257
 
Kim Peace committed
180 
      $('.add_user_btn').removeClass('none');
ボード協業実装
dd28d628
 
Lee Munkyeong committed
181 182 183 184 185 186 187 188 
    }

    async function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
Divded all delegates and datasource from native value
b952b542
 
Kim Peace committed
189 190 
      collaborationJoinFlg = NativeBridgeDataSource.getCollaborationJoinFlg();
Fixed Const name case
9cdbfe65
 
Kim Peace committed
191 
      globalUserInfo.coWorkType = CollaborationTypeKey.BOARD;
ボード協業実装
dd28d628
 
Lee Munkyeong committed
192 193 
      if (collaborationJoinFlg != '2') {
        CHAT_SOCKET.connectSocket();
Divded all delegates and datasource from native value
b952b542
 
Kim Peace committed
194 
        socket.emit('join', CHAT.globalLoginParameter, function () { });
ボード協業実装
dd28d628
 
Lee Munkyeong committed
195 196 197 
      }
    };
  </script>
デザイン新規追加
4c50c265
 
藤川諒 committed
198 
</body>
Fixed coding style
a0d1984f
 
Kim Peace committed
199 200 

</html>