collaboration_whiteboard.html 6.78 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">
Kim Peace committed
11
  <link rel="stylesheet" href="./fontawesome/css/all.css" >
藤川諒 committed
12 13 14 15 16
  <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>
藤川諒 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
  <!-- ユーザー追加オーバーレイ -->
  <div id="add_user_list"></div>
Kim Peace committed
48
  <div id="modal_add_user_confirm"></div>
藤川諒 committed
49

Lee Munkyeong committed
50 51
  <!-- オーバーレイ メニュー -->
  <div id="collaboration_picture_overlay_menu"></div>
藤川諒 committed
52 53
  <!-- オーバーレイ ユーザーリスト -->
  <div id="overlay_user_list" class="overlay noscroll">
Lee Munkyeong committed
54
    <div id="collaboration_overlay_user_list"></div>
藤川諒 committed
55 56 57
  </div>

  <!-- キャプチャ モーダル -->
Lee Munkyeong committed
58
  <div id="modal_collabo_capture"></div>
藤川諒 committed
59
  <!-- プロフィールモーダル -->
Lee Munkyeong committed
60 61
  <div id="userProfileModalInCollaboration"></div>
  <div id="modal_collabo_profile2"></div>
藤川諒 committed
62
  <!-- ホスト変更モーダル -->
Lee Munkyeong committed
63
  <div id="modal_collabo_change_host"></div>
藤川諒 committed
64
  <!-- ホストリクエストモーダル -->
Lee Munkyeong committed
65
  <div id="modal_collabo_host_request"></div>
藤川諒 committed
66 67 68 69 70 71 72 73

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

115 116 117 118 119 120 121 122 123 124
  <!-- 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 -->
125 126 127 128
  <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>
129
  <!-- Common -->
130
  <script src="./js/common/constant.js"></script>
131 132
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
133
  <script src="./js/common/common.js"></script>
Kim Peace committed
134
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
135 136 137 138
  <!-- Models -->
  <script src="./js/Models/deviceinfo.js"></script>
  <script src="./js/Models/serverinfo.js"></script>
  <script src="./js/Models/userinfo.js"></script>
139 140
  <script src="./js/Models/roominfo.js"></script>
  <script src="./js/Models/socket-joininfo.js"></script>
141
  <!-- Socket -->
142 143
  <script src="./js/sockets/chat-websocket.js"></script>
  <script src="./js/sockets/chat-websocket-message.js"></script>
Kim Peace committed
144
  <!-- View -->
145 146
  <script src="./js/views/chats/management/chat-management-common.js"></script>
  <script src="./js/views/collaboration/collaboration.js"></script>
Kim Peace committed
147
  <script src="./js/views/collaboration/collaboration-add-user.js"></script>
Lee Munkyeong committed
148
  <script src="https://biztaskyell.abookcloud.com/coview_api.js"></script>
149
  <script src="./js/views/collaboration/share.js"></script>
Kim Peace committed
150 151
  <script src="./js/views/collaboration/fermi-web-socket-message-handler.js"></script>
  <script src="./js/views/collaboration/fermi-web-socket-bridge.js"></script>
Kim Peace committed
152 153
  <script src="./js/views/collaboration/share-bind-button-action.js"></script>
  <script src="./js/views/collaboration/share-event-listener.js"></script>
154
  <script src="./js/views/contact/namecard.js"></script>
155

Lee Munkyeong committed
156 157 158 159 160 161 162 163 164 165
  <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");

166 167
    globalUserInfo.collaborationType = COLLABORATION_TYPE.BOARD;
    if (globalUserInfo.joinType != COLLABORATION_JOIN_TYPE.INVITED) {
168 169
      CHAT_SOCKET.initialJoin();
    }
Lee Munkyeong committed
170
  </script>
藤川諒 committed
171
</body>
Kim Peace committed
172 173

</html>