chat.html 4.75 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
    </div>
    <!-- オーバーレイ -->
    <div class="chat_list">
      <ul class="overlay_src_msg">
71 72


藤川諒 committed
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 102 103 104 105 106
      </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" -->

<script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
107 108 109
<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
110 111 112
<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
113 114 115 116 117 118 119 120 121 122
<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>
123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143
    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");
144
      CHAT_UI.refreshRoomList(chatRoomType.GROUP);
145
    };
Lee Munkyeong committed
146
</script>
藤川諒 committed
147 148
</body>
</html>