chat_make_room.html 6.96 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
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/chat.css">
Kang Donghun committed
15
  <link rel="stylesheet" href="./css/contact.css">
藤川諒 committed
16 17 18
  <link rel="stylesheet" href="./css/footer.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">
藤川諒 committed
27
            <a href="chat.html"><span>チャット</span></a>
藤川諒 committed
28 29 30 31 32
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
Kang Donghun committed
33
          <h1 class="nav-ttl" id="makeRoomTitle">ルーム開設</h1>
藤川諒 committed
34 35 36 37 38 39 40 41 42 43
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

  <!-- コンテンツ -->
Kang Donghun committed
44 45
  <main id="chatMakeRoom">
    <form id="makeRoomForm" action="chat_make_room_confirm.html" method="post">
藤川諒 committed
46
      <!-- ユーザー検索 -->
藤川諒 committed
47
      <div class="search_form">
Kang Donghun committed
48
        <input type="search" name="search" placeholder="ユーザー検索" maxlength="30">
49 50 51
        <span class="src_icon"></span>
        <a href="#" class="cancel none">キャンセル</a>
        <input type="input" name="hidden_for_prevent_submit" hidden>
藤川諒 committed
52 53 54
      </div>

      <!-- タブ -->
Kang Donghun committed
55
      <div class="content tabs">
56
        <input id="tabMyGroupOnMakeRoom" type="radio" name="tab_item" checked>
藤川諒 committed
57
        <label class="tab_item m-0" for="tabMyGroupOnMakeRoom">マイグループ</label>
58
        <input id="tabAllGroupOnMakeRoom" type="radio" name="tab_item">
藤川諒 committed
59
        <label class="tab_item m-0" for="tabAllGroupOnMakeRoom">全グループ</label>
藤川諒 committed
60 61 62
        <div class="tab_content" id="tab1_content">
          <div class="chat_list">
            <!-- お気に入りグループ -->
Kim Peace committed
63 64 65
            <div class="category">
              <div class="category_name"><span>お気に入り</span></div>
            </div>
Kang Donghun committed
66 67
            <div id="favoriteListForMakeRoom"></div>
            <div id="myGroupListForMakeRoom"></div>
藤川諒 committed
68 69 70
          </div>
        </div>
        <div class="tab_content" id="tab2_content">
Kang Donghun committed
71
          <div class="breadcrumb" id="groupPathAreaForMakeRoom"></div>
藤川諒 committed
72 73 74
          <div class="chat_list">
            <!-- 全グループ -->
            <ul class="p-0 chat_make_room_list">
75
              <li class="d-flex align-items-center" id="rootGroupArea">
Kang Donghun committed
76 77 78
                <a href="#" class="w-100" id="rootGroupBtnForMakeRoom">
                  <div class="chat_item d-flex flex-row align-items-center">
                    <div class="chat_item_l">
Lee Munkyeong committed
79
                      <div class="thumbnail">
藤川諒 committed
80
                        <img src="icon/icon_prev_top.svg" alt="トップグループに戻る" />
藤川諒 committed
81 82
                      </div>
                    </div>
Kang Donghun committed
83 84 85 86 87
                    <div class="chat_item_m px-0">
                      <div class="d-flex flex-column">
                        <div class="chat_item_t">
                          <span class="chat_item_ttl">トップグループに戻る</span>
                        </div>
藤川諒 committed
88 89 90
                      </div>
                    </div>
                  </div>
Kang Donghun committed
91
                </a>
藤川諒 committed
92
              </li>
93
              <li class="d-flex align-items-center" id="parentGroupArea">
Kang Donghun committed
94 95 96
                <a href="#" class="w-100" id="parentGroupBtnForMakeRoom">
                  <div class="chat_item d-flex flex-row align-items-center">
                    <div class="chat_item_l">
Lee Munkyeong committed
97
                      <div class="thumbnail">
藤川諒 committed
98
                        <img src="icon/icon_prev.svg" alt="上位グループに戻る" />
藤川諒 committed
99 100
                      </div>
                    </div>
Kang Donghun committed
101 102 103 104 105
                    <div class="chat_item_m px-0">
                      <div class="d-flex flex-column">
                        <div class="chat_item_t">
                          <span class="chat_item_ttl">上位グループに戻る</span>
                        </div>
藤川諒 committed
106 107 108
                      </div>
                    </div>
                  </div>
Kang Donghun committed
109
                </a>
藤川諒 committed
110
              </li>
Lee Munkyeong committed
111 112
              <div id="childGroupListAreaForMakeRoom" class="chat_make_room"></div>
              <div id="userInGroupListForMakeRoom" class="chat_make_room"></div>
藤川諒 committed
113 114 115 116
            </ul>
          </div>
        </div>
      </div>
Kang Donghun committed
117
      <div class="chat_make_room">
118
        <ul class="overlay_src_msg" style="padding-inline-start: 20px;">
Kang Donghun committed
119 120
        </ul>
      </div>
藤川諒 committed
121 122

      <!-- ルーム解説ボタン -->
Kang Donghun committed
123
      <div class="make_room_confirm_btn content" id="makeRoomConfirmBtn">
藤川諒 committed
124 125 126 127 128 129
        <button type="button" name="button">
          ルーム開設<br>
          <span class="select_member_num"></span><span class="select_member">名 選択中</span></button>
      </div>
    </form>
  </main>
Kim Peace committed
130

131 132 133 134 135 136 137 138 139
  <!-- 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 -->
140 141 142 143
  <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>
144
  <!-- Common -->
145
  <script src="./js/common/constant.js"></script>
146 147
  <script src="./js/common/native-bridge-delegate.js"></script>
  <script src="./js/common/native-bridge-datasource.js"></script>
148
  <script src="./js/common/common.js"></script>
Kim Peace committed
149
  <script src="./js/utils/chat-util.js"></script>
Kim Peace committed
150 151 152 153
  <!-- 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
154
  <!-- View -->
155 156
  <script src="./js/views/chats/management/chat-management-common.js"></script>
  <script src="./js/views/chats/management/chat-make-room.js"></script>
Kim Peace committed
157

Kang Donghun committed
158
  <script>
159 160 161 162 163
    if (NativeBridgeDataSource.loadSelectedUsers() != "") {
      let selectedUsers = NativeBridgeDataSource.loadSelectedUsers();
      selectedUsers.forEach(function (user) {
        ChatManagementCommon.selectedUserList.push(user.shopMemberId);
      })
Kang Donghun committed
164
    };
165 166 167 168 169 170 171

    if (ChatManagementCommon.selectedUserList.length > 0) {
      $('.select_member_num').text(ChatManagementCommon.selectedUserList.length);
    } else {
      $('.select_member_num').text('0');
    }
    ChatMakeRoom.refreshMyGroupForMakeRoom();
Kang Donghun committed
172
  </script>
藤川諒 committed
173
</body>
Kim Peace committed
174 175

</html>