chat.html 4.77 KB
Newer Older
藤川諒 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>
8
  <link rel="stylesheet" href="./css/notosansjp.css">
藤川諒 committed
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
  <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">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/loading.css">
  <link rel="stylesheet" href="./css/font-awesome.css">
</head>
<body>
  <!-- ナビメニュー -->
  <nav>
    <div class="row h-100 align-items-center">
      <div class="col-4 pr-0">
        <div class="nav-item">
          <div class="nav_prev">
Lee Munkyeong committed
24
            <a href="#" class="home_btn"><span>ホーム</span></a>
藤川諒 committed
25 26 27 28 29
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
30
          <h1 class="nav-ttl" id="chatTitle">チャット</h1>
藤川諒 committed
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
          <a href="chat_make_room.html">
            <img src="icon/icon_make_room.png" alt="ルーム開設">
          </a>
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="chat">
    <!-- ユーザー検索 -->
    <div class="search_form">
      <form>
48
        <input type="search" name="search" placeholder="ルーム検索">
藤川諒 committed
49 50 51 52 53 54
        <span class="src_icon"></span>
        <a href="#" class="cancel none">キャンセル</a>
      </form>
    </div>
    <!-- タブ -->
    <div class="content tabs">
55
      <input id="tabGroup" type="radio" name="tab_item" checked>
Lee Munkyeong committed
56
      <label class="tab_item" for="tabGroup">グループ</label>
57
      <input id="tabDM" type="radio" name="tab_item">
Lee Munkyeong committed
58
      <label class="tab_item" for="tabDM">DM</label>
藤川諒 committed
59
      <div class="tab_content" id="tab1_content">
Lee Munkyeong committed
60
        <div class="chat_list" id="groupChatList">
藤川諒 committed
61 62 63
        </div>
      </div>
      <div class="tab_content" id="tab2_content">
Lee Munkyeong committed
64
        <div class="chat_list" id="dmChatList">
藤川諒 committed
65
        </div>
Lee Munkyeong committed
66
      </div>
藤川諒 committed
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 99 100 101
    </div>
    <!-- オーバーレイ -->
    <div class="chat_list">
      <ul class="overlay_src_msg">
      </ul>
    </div>
  </main>
  <!-- フッター -->
  <footer>
    <div class="footer-wrap">
      <div class="d-flex justify-content-around h-100">
        <div class="footer_item">
          <a href="contact.html">
            <img src="icon/icon_contact_gray.png" alt="コンタクト">
            <p>コンタクト</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="chat.html">
            <img src="icon/icon_chat.png" alt="チャット">
            <p class="active">チャット</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="archive.html">
            <img src="icon/icon_archive_gray.png" alt="アーカイブ">
            <p>アーカイブ</p>
          </a>
        </div>
      </div>
    </div>
  </footer>

  <!-- ローディング -->
  <!--#include virtual="loading.html" -->
102
<div id="loadingArea"></div>
藤川諒 committed
103 104
<script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
105 106 107
<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>
藤川諒 committed
108 109 110
<script src="./js/libs/bootstrap.min.js"></script>
<script src="./js/libs/jquery.mark.min.js"></script>
<script src="./js/common.js"></script>
Lee Munkyeong committed
111 112 113 114 115 116 117 118 119 120
<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>
121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141
    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;
    $("#loadingArea").load("./loading.html");
    android.getLoginParameter();
    android.getGlobalParameter();

    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
      console.log("onChat");
142
      CHAT_UI.refreshRoomList(chatRoomType.GROUP);
143
    };
Lee Munkyeong committed
144
</script>
藤川諒 committed
145 146
</body>
</html>