<!-- コンテンツ --> <div class="modal fade add_user_modal" id="addUserInCollaboration" tabindex="-1" role="dialog" aria-labelledby="addUserInCollaboration" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content" style="position: fixed;width: 75.5%;top: 0px;"> <form id="addUserFormInCollaboration" action="chat_add_user_confirm.html" method="post"> <!-- ユーザー検索 --> <!-- タブ --> <nav class="nav-modal-add-user" style="width: 75%;"> <div class="row h-100 align-items-center"> <div class="col-4 pr-0"> <div class="nav-item"> <a href="#" class="close_btn" class="close" data-dismiss="modal" aria-label="Close">閉じる</a> </div> </div> <div class="col-4 p-0"> <div class="nav-item p-0"> <h1 class="nav-ttl">ユーザー選択</h1> </div> </div> </div><!-- .row --> </nav><!-- nav --> <div class="content tabs"> <input id="tabMyGroupOnAddUserInCollaboration" type="radio" name="tab_item" checked onclick="CHAT_UI.refreshMyGroupForAddUserInCollaboration();"> <label class="tab_item" for="tabMyGroupOnAddUserInCollaboration">マイグループ</label> <input id="tabAllGroupOnAddUserInCollaboration" type="radio" name="tab_item" onclick="CHAT_UI.refreshAllGroupForAddUserInCollaboration('0');"> <label class="tab_item" for="tabAllGroupOnAddUserInCollaboration">全グループ</label> <div class="tab_content" id="tab1_content" style="height: 340px; overflow:scroll;"> <div class="chat_list"> <!-- お気に入りグループ --> <div class="category" onclick="CHAT_UI.toggleCategory(this);"><div class="category_name"><span>お気に入り</span></div></div> <div id="favoriteListForAddUserInCollaboration"></div> <div id="myGroupListForAddUserInCollaboration"></div> </div> </div> <div class="tab_content" id="tab2_content" style="height: 340px; overflow:scroll;"> <div class="breadcrumb" id="groupPathAreaForAddUserInCollaboration"></div> <div class="chat_list"> <!-- 全グループ --> <ul class="p-0 chat_make_room_list"> <li class="d-flex align-items-center" id="rootGroupAreaInCollaboration"> <a href="#" class="w-100" id="rootGroupBtnForAddUserInCollaboration"> <div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item_l"> <div class="thumbnail"> <img src="icon/icon_prev_top.png" alt="トップグループに戻る" /> </div> </div> <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> </div> </div> </div> </a> </li> <li class="d-flex align-items-center" id="parentGroupAreaInCollaboration"> <a href="#" class="w-100" id="parentGroupBtnForAddUserInCollaboration"> <div class="chat_item d-flex flex-row align-items-center"> <div class="chat_item_l"> <div class="thumbnail"> <img src="icon/icon_prev.png" alt="上位グループに戻る" /> </div> </div> <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> </div> </div> </div> </a> </li> <div id="childGroupListAreaForAddUserInCollaboration"></div> <div id="userInGroupListForAddUserInCollaboration"></div> </ul> </div> </div> </div> <!-- ルーム解説ボタン --> <div class="add_user_confirm_btn content" id="addUserConfirmBtnInCollaboration" style="position: fixed;"> <button type="button" name="button" id="buttonAddUser" style="bottom: 140px; width: 75%;"> 確認<br> <span class="select_member_num"></span><span class="select_member">名 選択中</span></button> </div> </form> </div> </div> </div>