Fixed to handle arcoodian tapped event

public_new/js/views/chats/management/chat-add-user.js

@@ -350,3 +350,9 @@ ChatAddUser.appendUserInGroup = function (groupUserList) {
   let obj = jQuery.parseHTML(html);
   let obj = jQuery.parseHTML(html);
   $("#userInGroupListForAddUser").append(obj);
   $("#userInGroupListForAddUser").append(obj);
 };
 };
+
+ChatAddUser.toggleCategory = function (category) {
+  console.log("peacekim:: ChatAddUser.toggleCategory");
+  $(category).toggleClass("open");
+  $(category).next().slideToggle();
+};
\ No newline at end of file

public_new/js/views/contact/contact.js

@@ -380,3 +380,9 @@ Contact.appendUsersInGroup = function (userList) {
   const obj = jQuery.parseHTML(html);
   const obj = jQuery.parseHTML(html);
   $("#userInGroupList").append(obj);
   $("#userInGroupList").append(obj);
 };
 };
+
+Contact.toggleCategory = function (category) {
+  console.log("peacekim:: Contact.toggleCategory");
+  $(category).toggleClass("open");
+  $(category).next().slideToggle();
+};
\ No newline at end of file

public_new/template/template_add_user_group_user_list.html

-<div class="category" onclick="CollaborationUI.toggleCategory(this);">
+<div class="category" onclick="ChatAddUser.toggleCategory(this);">
     <div class="category_name"><span>{{groupName}}</span></div>
     <div class="category_name"><span>{{groupName}}</span></div>
 </div>
 </div>
 <ul class="p-0 chat_make_room_list">
 <ul class="p-0 chat_make_room_list">

public_new/template/template_group_user_list.html

-<div class="category" onclick="CollaborationUI.toggleCategory(this);"><div class="category_name"><span>{{groupName}}</span></div></div>
+<div class="category" onclick="Contact.toggleCategory(this);">
+  <div class="category_name"><span>{{groupName}}</span></div>
+</div>
 <ul class="p-0 chat_make_room_list">
 <ul class="p-0 chat_make_room_list">
   {{#groupUserList}}
   {{#groupUserList}}
-<li class="d-flex align-items-center">
+  <li class="d-flex align-items-center">
     <a href="#" onclick="Namecard.makeNameCard({{shopMemberId}})" style="width: 100%;">
     <a href="#" onclick="Namecard.makeNameCard({{shopMemberId}})" style="width: 100%;">
       <div class="chat_item d-flex flex-row align-items-center">
       <div class="chat_item d-flex flex-row align-items-center">
         <div class="chat_item_l">
         <div class="chat_item_l">
           <div class="thumbnail">
           <div class="thumbnail">
-            <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/></div>
+            <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'" /></div>
           </div>
           </div>
         </div>
         </div>
         <div class="chat_item_m px-0">
         <div class="chat_item_m px-0">
@@ -21,10 +23,12 @@
     <div class="chat_item_r">
     <div class="chat_item_r">
       <div class="d-flex flex-column">
       <div class="d-flex flex-column">
         {{#isFavorite}}
         {{#isFavorite}}
-        <span class="star active shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
+        <span class="star active shopmember_{{shopMemberId}}"
+          onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
         {{/isFavorite}}
         {{/isFavorite}}
         {{^isFavorite}}
         {{^isFavorite}}
-        <span class="star disable shopmember_{{shopMemberId}}" onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
+        <span class="star disable shopmember_{{shopMemberId}}"
+          onclick="Namecard.favoriteUserChange({{shopMemberId}}, this)"></span>
         {{/isFavorite}}
         {{/isFavorite}}
       </div>
       </div>
     </div>
     </div>