chat_make_room.html 6.99 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12
<!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>
  <link rel="stylesheet" href="./css/notosansjp.css">
  <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">
Kang Donghun committed
13
  <link rel="stylesheet" href="./css/contact.css">
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
  <link rel="stylesheet" href="./css/footer.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">
            <a href="chat.html"><span>チャット</span></a>
          </div>
        </div>
      </div>
      <div class="col-4 p-0">
        <div class="nav-item p-0">
Kang Donghun committed
30
          <h1 class="nav-ttl" id="title" style="font-size: 13px;">ルーム開設</h1>
31 32 33 34 35 36 37 38 39 40
        </div>
      </div>
      <div class="col-4 pl-0">
        <div class="nav-item text-right">
        </div>
      </div><!-- .col -->
    </div><!-- .row -->
  </nav><!-- nav -->

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

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

      <!-- ルーム解説ボタン -->
Kang Donghun committed
119
      <div class="make_room_confirm_btn content" id="makeRoomConfirmBtn">
120 121 122 123 124 125
        <button type="button" name="button">
          ルーム開設<br>
          <span class="select_member_num"></span><span class="select_member">名 選択中</span></button>
      </div>
    </form>
  </main>
Kang Donghun committed
126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157
  <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>
  <script src="./js/common.js"></script>
  <script src="./js/loading.js"></script>
  <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/chatMakeRoom.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>
    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;
    android.getLoginParameter();
    android.getGlobalParameter();
158

Kang Donghun committed
159 160 161 162 163 164 165 166 167 168 169 170
    function getGlobalParam(chatServerUrl, cmsServerUrl, platform, isMobile, isOnline) {
      CHAT_SERVER_URL = chatServerUrl;
      CMS_SERVER_URL = cmsServerUrl;
      PLATFORM = platform;
      IS_MOBILE = isMobile;
      IS_ONLINE = isOnline;
      if (CHAT_DB.loadSelectedUsers() != "") {
        let selectedUsers = CHAT_DB.loadSelectedUsers();
        selectedUsers.forEach(function(user) {
          CHAT.globalSelectedUserList.push(user.shopMemberId);
        })
      };
171

Kang Donghun committed
172 173 174 175 176
      if (CHAT.globalSelectedUserList.length > 0) {
        $('.select_member_num').text(CHAT.globalSelectedUserList.length);
      } else {
        $('.select_member_num').text('0');
      }
Lee Munkyeong committed
177
      CHAT_UI.refreshAllGroupForMakeRoom(groupSearchFlg.ALL);
Kang Donghun committed
178 179
    };
  </script>
180 181
</body>
</html>