Skip to content

C
chat_webview
Switch branch/tag
Find file
Normal viewHistoryPermalink
chat_room.html 8.12 KB
Newer Older
デザイン新規追加
4c50c265
 
藤川諒 committed
1 2 3 4 5 6 7 
<!doctype html>
<html lang="en">
<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1, user-scalable=0">
  <title>LiveTaskyell</title>
Fontのオフライン対応。
40227def
 
Lee Munkyeong committed
8 
  <!--<link rel="stylesheet" href="./css/notosansjp.css">-->
デザイン新規追加
4c50c265
 
藤川諒 committed
9 10 11 12 
  <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">
コードレビュー対応。
cdf37962
 
Lee Munkyeong committed
13 
  <link rel="stylesheet" href="./css/loading.css">
デザイン新規追加
4c50c265
 
藤川諒 committed
14 15 16 
  <link rel="stylesheet" href="./css/chat_room_footer.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
</head>
CHATルームUI
13a9186f
 
Lee Munkyeong committed
17 
<body style="background: #F3F3F3;">
デザイン新規追加
4c50c265
 
藤川諒 committed
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 
  <!-- ナビメニュー -->
  <nav>
    <div class="chat_room_src_form none">
      <form class="d-flex flex-row h-100 align-items-center">
        <input type="search" name="search" placeholder="ユーザー検索">
        <span class="src_icon"></span>
        <a href="#" class="cancel">キャンセル</a>
      </form>
    </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">
CHATルームUI
13a9186f
 
Lee Munkyeong committed
37 
          <h1 class="nav-ttl" id="roomTitle"></h1>
デザイン新規追加
4c50c265
 
藤川諒 committed
38 39 40 41 42 
        </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>
コード整理
df36c80e
 
Lee Munkyeong committed
43 
          <a href="#" data-toggle="modal" data-target="#menuModalCenter" id="roomMenu" class="none"><img src="icon/icon_room_menu.png" alt="メニュー"></a>
デザイン新規追加
4c50c265
 
藤川諒 committed
44 45 46 47 48 49 50 51 
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="chat_room">
    <div id="user_list" class="user_list d-flex flex-row">
CHATルームUI
13a9186f
 
Lee Munkyeong committed
52
デザイン新規追加
4c50c265
 
藤川諒 committed
53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 
    </div>

    <!-- フィルター -->
    <div id="filter" class="user_list filter d-flex flex-row none">
      <div class="user_item">
        <div class="d-flex flex-column">
          <div class="img_wrap">
            <img src="img/noImage.png" alt="プロフィール画像">
          </div>
          <span>名前名前名前名前名前名前名前名前</span>
        </div>
      </div>
      <div class="user_item">
        <div class="d-flex flex-column">
          <div class="img_wrap">
            <img src="img/noImage.png" alt="プロフィール画像">
          </div>
          <span>名前名前名前名前名前名前名前名前</span>
        </div>
      </div>
      <div class="user_item">
        <div class="d-flex flex-column">
          <div class="img_wrap">
            <img src="img/noImage.png" alt="プロフィール画像">
          </div>
          <span>名前名前名前名前名前名前名前名前</span>
        </div>
      </div>
      <div class="user_item">
        <div class="d-flex flex-column">
          <div class="img_wrap">
            <img src="img/noImage.png" alt="プロフィール画像">
          </div>
          <span>名前名前名前名前名前名前名前名前</span>
        </div>
      </div>
    </div>

    <div class="chat_list">
      <ul class="overlay_src_msg">
      </ul>
    </div>

    <!-- チャット内容 -->
    <div class="room_container">
      <div class="room_contents scroll">
CHATルームUI
13a9186f
 
Lee Munkyeong committed
99 
        <div id="messages"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
100 101 102 103 104 105 106 107 
      </div>
    </div>
  </main>

  <!-- フッター -->
  <footer class="chat_room_footer">
    <!-- フッター上 -->
    <div class="footer-wrap d-flex flex-column">
Chat UI
5cb24459
 
Lee Munkyeong committed
108 109 110 111 
      <div>
        <div class="msg_notification" id="messageNotification" style="text-align:center;display: none;">
        </div>
      </div>
デザイン新規追加
4c50c265
 
藤川諒 committed
112 113 
      <div class="footer_content_t">
        <div class="d-flex flex-row h-100">
CHATルームUI
13a9186f
 
Lee Munkyeong committed
114 
          <div class="footer_item attach_file">
コード整理
df36c80e
 
Lee Munkyeong committed
115 116 117 118 
            <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>
デザイン新規追加
4c50c265
 
藤川諒 committed
119 
          </div>
CHATルームUI
13a9186f
 
Lee Munkyeong committed
120 
          <div class="footer_item attach_file">
コード整理
df36c80e
 
Lee Munkyeong committed
121 122 123 124 
            <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>
デザイン新規追加
4c50c265
 
藤川諒 committed
125 
          </div>
Chat UI
5cb24459
 
Lee Munkyeong committed
126 127 
          <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>
デザイン新規追加
4c50c265
 
藤川諒 committed
128 129 130 131 132 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 
        </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>
CHATルームUI
13a9186f
 
Lee Munkyeong committed
167 168 169 
  <div id="loadingArea"></div>
  <div id="userProfileModal"></div>
  <div id="chatMenuModal"></div>
デザイン新規追加
4c50c265
 
藤川諒 committed
170 171 172 173 
  <!-- メニューモーダル -->
  <!--#include virtual="modal_chat_menu.html" -->
  <!-- プロフィールモーダル -->
  <!--#include virtual="modal_chat_profile.html" -->
CHATルームUI
13a9186f
 
Lee Munkyeong committed
174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 

  <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>
バグ修正、チャットUI
4c630ccd
 
Lee Munkyeong committed
194 
  <script src="./js/chat-room.js"></script>
CHATルームUI
13a9186f
 
Lee Munkyeong committed
195 196 197 198 199 200 201 202 203 204 205 206 
  <script>
    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;
    $("#chatMenuModal").load("./modal_chat_menu.html");
コードレビュー対応。
cdf37962
 
Lee Munkyeong committed
207 
    $("#loadingArea").load("./loading.html");
CHATルームUI
13a9186f
 
Lee Munkyeong committed
208 209 210 
    android.getLoginParameter();
    android.getGlobalParameter();
コードレビュー対応。
cdf37962
 
Lee Munkyeong committed
211
CHATルームUI
13a9186f
 
Lee Munkyeong committed
212 213 214 215 216 217 218 219 220 221 
    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);
    };
  </script>
デザイン新規追加
4c50c265
 
藤川諒 committed
222 223 
</body>
</html>