chat.html 5.05 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 15 16 17 18
  <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>
Kim Peace committed
19

藤川諒 committed
20 21 22 23 24 25 26
<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
27
            <a href="#" class="home_btn"><span>ホーム</span></a>
藤川諒 committed
28 29 30 31 32
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
33
          <h1 class="nav-ttl" id="chatTitle">チャット</h1>
藤川諒 committed
34 35 36
        </div>
      </div>
      <div class="col-4 pl-0">
37
        <div class="nav-item text-right craeteRoomButton">
藤川諒 committed
38 39 40 41 42 43 44 45 46 47 48 49
          <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">
Kang Donghun committed
50
        <input type="search" name="search" placeholder="ルーム検索" maxlength="20">
藤川諒 committed
51 52 53 54 55
        <span class="src_icon"></span>
        <a href="#" class="cancel none">キャンセル</a>
    </div>
    <!-- タブ -->
    <div class="content tabs">
Lee Munkyeong committed
56
      <input id="tabGroup" type="radio" name="tab_item">
Lee Munkyeong committed
57
      <label class="tab_item" for="tabGroup">グループ</label>
58
      <input id="tabDM" type="radio" name="tab_item">
Lee Munkyeong committed
59
      <label class="tab_item" for="tabDM">DM</label>
藤川諒 committed
60
      <div class="tab_content" id="tab1_content">
Lee Munkyeong committed
61
        <div class="chat_list" id="groupChatList">
藤川諒 committed
62 63 64
        </div>
      </div>
      <div class="tab_content" id="tab2_content">
Lee Munkyeong committed
65
        <div class="chat_list" id="dmChatList">
藤川諒 committed
66
        </div>
Lee Munkyeong committed
67
      </div>
藤川諒 committed
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
    </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>
100
<div id="loadingArea"></div>
藤川諒 committed
101 102
<script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
103 104 105
<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
106 107 108
<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
109 110 111 112 113 114 115 116 117 118
<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>
119 120 121 122 123 124 125 126 127 128
    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");
Takatoshi Miura committed
129 130 131 132 133 134 135
    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
      android.saveSelectedUserList("");
    } else {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
136
      webkit.messageHandlers.saveSelectedUserList.postMessage("");
Takatoshi Miura committed
137
    }
138 139 140 141 142 143 144
    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");
145
      CHAT_UI.refreshRoomList(chatRoomType.GROUP);
Lee Munkyeong committed
146
      CHAT_UI.dismissLoadingIndicator();
147
    };
Lee Munkyeong committed
148
</script>
藤川諒 committed
149
</body>
Kim Peace committed
150 151

</html>