chat_room.html 7.27 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
  <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/chat.css">
15
  <link rel="stylesheet" href="./css/loading.css">
藤川諒 committed
16 17 18
  <link rel="stylesheet" href="./css/chat_room_footer.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
</head>
Kim Peace committed
19

Lee Munkyeong committed
20
<body style="background: #F3F3F3;">
藤川諒 committed
21 22 23
  <!-- ナビメニュー -->
  <nav>
    <div class="chat_room_src_form none">
Lee Munkyeong committed
24
      <div class="d-flex flex-row h-100 align-items-center">
藤川諒 committed
25 26 27
        <input type="search" name="search" placeholder="ユーザー検索">
        <span class="src_icon"></span>
        <a href="#" class="cancel">キャンセル</a>
Lee Munkyeong committed
28
      </div>
藤川諒 committed
29 30 31 32 33 34 35 36 37 38 39
    </div>
    <div class="row nav_item_wrap h-100 align-items-center">
      <div class="col-4 pr-0">
        <div class="nav-item">
          <div class="nav_prev">
            <a href="chat.html"><span>チャット</span></a>
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
Lee Munkyeong committed
40
          <h1 class="nav-ttl" id="roomTitle"></h1>
藤川諒 committed
41 42 43 44 45
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
          <a href="#" class="search_menu"><img src="icon/icon_search.png" alt="検索"></a>
Lee Munkyeong committed
46
          <a href="#" data-toggle="modal" data-target="#menuModalCenter" id="roomMenu" class="none"><img src="icon/icon_room_menu.png" alt="メニュー"></a>
藤川諒 committed
47 48 49 50 51 52 53 54
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="chat_room">
    <div id="user_list" class="user_list d-flex flex-row">
Lee Munkyeong committed
55

藤川諒 committed
56 57 58 59
    </div>


    <!-- フィルター -->
60
    <div id="filter" class="user_list filter d-flex flex-row none"></div>
藤川諒 committed
61 62 63 64 65 66 67 68
    <div class="chat_list">
      <ul class="overlay_src_msg">
      </ul>
    </div>

    <!-- チャット内容 -->
    <div class="room_container">
      <div class="room_contents scroll">
Lee Munkyeong committed
69
        <div id="messages"></div>
藤川諒 committed
70 71 72 73 74 75 76 77
      </div>
    </div>
  </main>

  <!-- フッター -->
  <footer class="chat_room_footer">
    <!-- フッター上 -->
    <div class="footer-wrap d-flex flex-column">
Lee Munkyeong committed
78 79 80 81
      <div>
        <div class="msg_notification" id="messageNotification" style="text-align:center;display: none;">
        </div>
      </div>
藤川諒 committed
82 83
      <div class="footer_content_t">
        <div class="d-flex flex-row h-100">
Lee Munkyeong committed
84
          <div class="footer_item attach_file">
Lee Munkyeong committed
85 86 87 88
            <img src="icon/icon_camera.png" alt="写真アイコン" id="imageInputButton">
            <form id="image-form">
              <input class="d-none" type="file" name="image" id="imageInputTag" accept="image/x-png,image/jpeg">
            </form>
藤川諒 committed
89
          </div>
Lee Munkyeong committed
90
          <div class="footer_item attach_file">
Lee Munkyeong committed
91 92 93 94
            <img src="icon/icon_videocam.png" alt="動画アイコン" id="videoUploadButton">
            <form id="video-form">
              <input class="d-none" type="file" name="image" id="videoInputTag" accept="video/mp4">
            </form>
藤川諒 committed
95
          </div>
Lee Munkyeong committed
96 97
          <input type="text" name="message" class="message_input_form" id="messageInput" placeholder="メッセージを入力してください">
          <button type="button" name="button" class="message_input_send none" id="messageSend" onclick="CHAT_UI.sendMessage(this);">送信</button>
藤川諒 committed
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 131 132 133 134 135 136
        </div>
      </div>
      <!-- フッター下 -->
      <div class="footer_content_b">
        <div class="d-flex flex-row justify-content-around h-100">
          <div class="footer_item">
            <a href="collaboration_voice.html">
              <img src="icon/icon_phone.png" alt="通話アイコン">
              <p>通話</p>
            </a>
          </div>
          <div class="footer_item">
            <a href="collaboration_documents.html">
              <img src="icon/icon_paste.png" alt="文書アイコン">
              <p>文書</p>
            </a>
          </div>
          <div class="footer_item">
            <a href="collaboration_picture.html">
              <img src="icon/icon_photo.png" alt="画像アイコン">
              <p>画像</p>
            </a>
          </div>
          <div class="footer_item">
            <a href="collaboration_video.html">
              <img src="icon/icon_movie.png" alt="動画アイコン">
              <p>動画</p>
            </a>
          </div>
          <div class="footer_item">
            <a href="collaboration_whiteboard.html">
              <img src="icon/icon_whiteboad_gray.png" alt="ホワイトボードアイコン">
              <p>ボード</p>
            </a>
          </div>
        </div>
      </div>
    </div>
  </footer>
Lee Munkyeong committed
137 138 139
  <div id="loadingArea"></div>
  <div id="userProfileModal"></div>
  <div id="chatMenuModal"></div>
Lee Daehyun committed
140
  <div id="pictureModal"></div>
Lee Munkyeong committed
141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160

  <script src="./js/libs/jquery-3.3.1.min.js"></script>
  <script src="./js/libs/socket.io.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/common.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/constant.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/chat-websocket.js"></script>
161
  <script src="./js/chat-room.js"></script>
Lee Munkyeong committed
162
  <script>
163
    function imageModal(image) {
Lee Daehyun committed
164
      $('#modal_image').attr('src', image.src);
Lee Daehyun committed
165 166 167
      $('#pictureModalCenter').modal('show');
    }

Lee Munkyeong committed
168 169 170 171 172 173 174 175 176 177
    String.prototype.replaceAll = function(org, dest) {
      return this.split(org).join(dest);
    }

    let CHAT_SERVER_URL = '';
    let CMS_SERVER_URL = '';
    let ASSET_PATH = './';
    let PLATFORM = '';
    let IS_MOBILE = true;
    let IS_ONLINE = false;
Lee Daehyun committed
178
    $("#pictureModal").load("./modal_chat_picture.html");
Lee Munkyeong committed
179
    $("#chatMenuModal").load("./modal_chat_menu.html");
180
    $("#loadingArea").load("./loading.html");
181

Takatoshi Miura committed
182 183 184
    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
185
      android.saveSelectedUserList("");
Takatoshi Miura committed
186 187 188 189 190
    } else {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
    }
    
Lee Munkyeong committed
191 192 193 194 195 196 197
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
      CHAT_UI.loadMessages(CHAT.globalLoginParameter.roomId, CHAT.globalLoginParameter.roomName);
Lee Munkyeong committed
198

Lee Munkyeong committed
199 200
    };
  </script>
藤川諒 committed
201
</body>
Kim Peace committed
202

藤川諒 committed
203
</html>