chat_make_room_confirm.html 3.35 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
  <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/font-awesome.css">
</head>
Kim Peace committed
18

藤川諒 committed
19 20 21 22 23 24
<body>
  <!-- ナビメニュー -->
  <nav>
    <div class="row h-100 align-items-center">
      <div class="col-4 pr-0">
        <div class="nav-item">
Kang Donghun committed
25
          <div class="nav_prev" id="prevBtn">
藤川諒 committed
26
            <a href="chat_make_room.html"><span>ルーム開設</span></a>
藤川諒 committed
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
          <h1 class="nav-ttl">チャット開始</h1>
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
  <main id="chat_make_room_confirm">
Kim Peace committed
44 45 46 47 48 49 50 51
    <!-- ルーム名入力 -->
    <div class="room_name">
      <label>
        <h2>ルーム名</h2>
      </label>
      <input type="text" class="input_name_room" name="room_name" id="newRoomName" placeholder="ルーム名を入力してください"
        maxlength="20">
    </div>
藤川諒 committed
52

Kim Peace committed
53 54 55 56 57 58 59 60 61 62 63 64
    <!-- 参加者一覧 -->
    <div class="chat_list">
      <h2>参加者</h2>
      <ul class="p-0 chat_make_room_list">
        <div id="selectedUserList"></div>
      </ul>
    </div>
    <!-- ルーム解説ボタン -->
    <div class="make_room_btn" id="makeRoomBtn">
      <button type="button" name="button">
        チャット開始</button>
    </div>
藤川諒 committed
65 66
  </main>

67 68 69 70 71 72 73 74 75
  <!-- 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 -->
76 77 78 79
  <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>
80
  <!-- Common -->
81
  <script src="./js/common/constant.js"></script>
82 83
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
84
  <script src="./js/common/common.js"></script>
Kim Peace committed
85
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
86 87 88 89
  <!-- Models -->
  <script src="./js/Models/deviceinfo.js"></script>
  <script src="./js/Models/serverinfo.js"></script>
  <script src="./js/Models/userinfo.js"></script>
Kim Peace committed
90
  <!-- View -->
91
  <script src="./js/views/chats/management/chat-management-common.js"></script>
Kim Peace committed
92

Kang Donghun committed
93
  <script>
94
    ChatManagementCommon.showMakeRoomConfirmView();
Kang Donghun committed
95

96
    $("#newRoomName").attr("placeholder", getLocalizedString("newRoomName"));
Kang Donghun committed
97
  </script>
藤川諒 committed
98
</body>
Kim Peace committed
99 100

</html>