chat.html 4.73 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">
Kim Peace committed
11
  <link rel="stylesheet" href="./fontawesome/css/all.css">
藤川諒 committed
12 13 14 15 16 17 18
  <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
          <a href="chat_make_room.html">
藤川諒 committed
39
            <img src="icon/icon_make_room.svg" alt="ルーム開設">
藤川諒 committed
40 41 42 43 44 45 46 47 48 49
          </a>
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="chat">
    <!-- ユーザー検索 -->
    <div class="search_form">
50 51 52
      <input type="search" name="search" placeholder="ルーム検索" maxlength="20">
      <span class="src_icon"></span>
      <a href="#" class="cancel none">キャンセル</a>
藤川諒 committed
53 54 55
    </div>
    <!-- タブ -->
    <div class="content tabs">
Lee Munkyeong committed
56
      <input id="tabGroup" type="radio" name="tab_item">
藤川諒 committed
57
      <label class="tab_item m-0" for="tabGroup">グループ</label>
58
      <input id="tabDM" type="radio" name="tab_item">
藤川諒 committed
59
      <label class="tab_item m-0" 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
    </div>
    <!-- オーバーレイ -->
    <div class="chat_list">
      <ul class="overlay_src_msg">
      </ul>
    </div>
  </main>
  <!-- フッター -->
藤川諒 committed
76
  <footer id="footer-main">
藤川諒 committed
77 78 79 80
    <div class="footer-wrap">
      <div class="d-flex justify-content-around h-100">
        <div class="footer_item">
          <a href="contact.html">
藤川諒 committed
81
            <img src="icon/icon_contact_gray.svg" alt="コンタクト">
藤川諒 committed
82 83 84 85 86
            <p>コンタクト</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="chat.html">
藤川諒 committed
87
            <img src="icon/icon_chat.svg" alt="チャット">
藤川諒 committed
88 89 90 91 92
            <p class="active">チャット</p>
          </a>
        </div>
        <div class="footer_item">
          <a href="archive.html">
藤川諒 committed
93
            <img src="icon/icon_archive_gray.svg" alt="アーカイブ">
藤川諒 committed
94 95 96 97 98 99
            <p>アーカイブ</p>
          </a>
        </div>
      </div>
    </div>
  </footer>
Kim Peace committed
100

101 102 103 104 105 106 107 108 109
  <!-- Library -->
  <script src="./js/libs/jquery-3.3.1.min.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>
  <!-- Language -->
110 111 112 113
  <script src="./js/languages/language.js"></script>
  <script src="./js/languages/language_ko.js" charset="UTF-8"></script>
  <script src="./js/languages/language_ja.js" charset="UTF-8"></script>
  <script src="./js/languages/language_en.js" charset="UTF-8"></script>
114
  <!-- Common -->
115
  <script src="./js/common/constant.js"></script>
116 117
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
118
  <script src="./js/common/common.js"></script>
Kim Peace committed
119
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
120 121 122 123
  <!-- Models -->
  <script src="./js/Models/deviceinfo.js"></script>
  <script src="./js/Models/serverinfo.js"></script>
  <script src="./js/Models/userinfo.js"></script>
124
  <!-- View -->
125
  <script src="./js/views/chats/chat-list.js"></script>
Kim Peace committed
126

127
  <script>
128
    if (deviceInfo.isAndroid()) {
129
      const needHostAlert = android.getExitHostAlert();
130 131 132 133 134
      if (needHostAlert) {
        alert(getLocalizedString("inform_exit_host_collaboration"));
      }
    }
    ChatList.refreshRoomList(ChatRoomType.GROUP);
135
    NativeBridgeDelegate.saveSelectedUserList("");
136

137
    Common.dismissLoadingIndicator();
138
  </script>
藤川諒 committed
139
</body>
Kim Peace committed
140 141

</html>