chat_add_user.html 7.02 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
  <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">
Lee Munkyeong 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
<body>
Lee Munkyeong committed
21 22 23 24 25 26
<!-- ナビメニュー -->
<nav>
  <div class="row h-100 align-items-center">
    <div class="col-4 pr-0">
      <div class="nav-item">
        <div class="nav_prev">
Kang Donghun committed
27
          <a href="chat_room.html"><span style="font-size: 13px;">ルーム</span></a>
藤川諒 committed
28 29
        </div>
      </div>
Lee Munkyeong committed
30 31 32
    </div>
    <div class="col-4 p-0">
      <div class="nav-item p-0">
Kang Donghun committed
33
        <h1 class="nav-ttl" id="addUserTitle">ユーザー招待</h1>
藤川諒 committed
34
      </div>
Lee Munkyeong committed
35 36 37
    </div>
    <div class="col-4 pl-0">
      <div class="nav-item text-right">
藤川諒 committed
38
      </div>
Lee Munkyeong committed
39 40 41 42 43 44 45 46 47
    </div><!-- .col -->
  </div><!-- .row -->
</nav><!-- nav -->

<!-- コンテンツ -->
<main id="chat_add_user">
  <form id="addUserForm" action="chat_add_user_confirm.html" method="post">
    <!-- ユーザー検索 -->
    <div class="search_form my-2">
Kang Donghun committed
48
      <input type="search" name="search" placeholder="ユーザー検索" maxlength="30">
Lee Munkyeong committed
49 50 51
      <span class="src_icon"></span>
      <a href="#" class="cancel none">キャンセル</a>
      <input type="input" name="hidden_for_prevent_submit" hidden>
Lee Munkyeong committed
52 53 54 55
    </div>

    <!-- タブ -->
    <div class="content tabs">
56 57 58 59
      <input id="tabMyGroupOnAddUser" type="radio" name="tab_item" checked>
      <label class="tab_item" for="tabMyGroupOnAddUser">マイグループ</label>
      <input id="tabAllGroupOnAddUser" type="radio" name="tab_item">
      <label class="tab_item" for="tabAllGroupOnAddUser">全グループ</label>
Lee Munkyeong committed
60 61 62 63 64 65
      <div class="tab_content" id="tab1_content">
        <div class="chat_list">
          <!-- お気に入りグループ -->
          <div class="category"><div class="category_name"><span>お気に入り</span></div></div>
          <div id="favoriteListForMakeRoom"></div>
          <div id="myGroupListForMakeRoom"></div>
藤川諒 committed
66
        </div>
Lee Munkyeong committed
67 68
      </div>
      <div class="tab_content" id="tab2_content">
69
        <div class="breadcrumb" id="groupPathAreaForAddUser"></div>
Lee Munkyeong committed
70 71 72
        <div class="chat_list">
          <!-- 全グループ -->
          <ul class="p-0 chat_make_room_list">
73
            <li class="d-flex align-items-center" id="rootGroupArea">
74
              <a href="#" class="w-100" id="rootGroupBtnForAddUser">
Lee Munkyeong committed
75
                <div class="chat_item d-flex flex-row align-items-center">
藤川諒 committed
76
                  <div class="chat_item_l">
77
                    <div class="thumbnail">
Lee Munkyeong committed
78
                      <img src="icon/icon_prev_top.png" alt="トップグループに戻る" />
藤川諒 committed
79 80
                    </div>
                  </div>
Lee Munkyeong committed
81
                  <div class="chat_item_m px-0">
藤川諒 committed
82 83
                    <div class="d-flex flex-column">
                      <div class="chat_item_t">
Lee Munkyeong committed
84
                        <span class="chat_item_ttl">トップグループに戻る</span>
藤川諒 committed
85 86 87 88
                      </div>
                    </div>
                  </div>
                </div>
Lee Munkyeong committed
89 90
              </a>
            </li>
91
            <li class="d-flex align-items-center" id="parentGroupArea">
92
              <a href="#" class="w-100" id="parentGroupBtnForAddUser">
Lee Munkyeong committed
93
                <div class="chat_item d-flex flex-row align-items-center">
藤川諒 committed
94
                  <div class="chat_item_l">
95
                    <div class="thumbnail">
Lee Munkyeong committed
96
                      <img src="icon/icon_prev.png" alt="上位グループに戻る" />
藤川諒 committed
97 98
                    </div>
                  </div>
Lee Munkyeong committed
99
                  <div class="chat_item_m px-0">
藤川諒 committed
100 101
                    <div class="d-flex flex-column">
                      <div class="chat_item_t">
Lee Munkyeong committed
102
                        <span class="chat_item_ttl">上位グループに戻る</span>
藤川諒 committed
103 104 105 106
                      </div>
                    </div>
                  </div>
                </div>
Lee Munkyeong committed
107 108
              </a>
            </li>
109 110
            <div id="childGroupListAreaForAddUser"></div>
            <div id="userInGroupListForAddUser"></div>
Lee Munkyeong committed
111
          </ul>
藤川諒 committed
112 113
        </div>
      </div>
Lee Munkyeong committed
114 115
    </div>
    <div class="chat_make_room">
Lee Munkyeong committed
116
      <ul class="overlay_src_msg" style="padding-inline-start: 20px;">
Lee Munkyeong committed
117 118 119 120 121 122 123 124 125 126
      </ul>
    </div>
    <!-- ルーム解説ボタン -->
    <div class="make_room_confirm_btn content" id="addUserConfirmBtn">
      <button type="button" name="button">
        確認<br>
        <span class="select_member_num"></span><span class="select_member">名 選択中</span></button>
    </div>
  </form>
</main>
藤川諒 committed
127 128
<script src="./js/libs/jquery-3.3.1.min.js"></script>
<script src="./js/libs/moment.js"></script>
Lee Munkyeong committed
129 130 131
<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
132 133 134
<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
135 136 137 138 139 140 141 142 143 144
<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/chat.js"></script>
<script src="./js/chat-ui.js"></script>
<script src="./js/chat-util.js"></script>
<script src="./js/chat-db.js"></script>
Lee Munkyeong committed
145
<script src="./js/chat-add-user.js"></script>
Lee Munkyeong committed
146 147 148 149 150 151 152 153 154 155 156
<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;
157 158 159 160 161 162 163 164

    if (typeof(android) != "undefined") {
      android.getLoginParameter();
      android.getGlobalParameter();
    } else {
      webkit.messageHandlers.loginInfoRequestMessageHandlerId.postMessage({});
      webkit.messageHandlers.getGlobalParameter.postMessage({});
    }
藤川諒 committed
165

Lee Munkyeong committed
166 167 168 169 170 171 172 173 174 175 176 177
    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);
        })
      };
藤川諒 committed
178

Lee Munkyeong committed
179 180 181 182 183 184 185 186
      if (CHAT.globalSelectedUserList.length > 0) {
        $('.select_member_num').text(CHAT.globalSelectedUserList.length);
      } else {
        $('.select_member_num').text('0');
      }
      CHAT_UI.refreshMyGroupForAddUser();
    };
  </script>
藤川諒 committed
187
</body>
Kim Peace committed
188 189

</html>