- Accepted and Refused Group Entering

- Report a User

src/layouts/toolbar/notifPopover/notifPopover.vue

@@ -8,7 +8,8 @@
     </q-btn>
 
 
-    <q-drawer v-model="open" side="right" elevated class="text-black" :width="350">
+
+    <q-drawer v-model="open" side="right" elevated class="text-black" :width="$q.screen.lt.sm ? 370 : 450">
 
       <q-bar class="bg-primary text-white">
         {{ $t('notifs.notifs') }}
@@ -86,7 +87,7 @@
             </q-item-section>
 
             <q-item-section v-ripple>
-              <q-item-label lines="3" :class="(!notif.read) ? 'unread' : 'read'" @click="clickNotif(notif)">
+              <q-item-label lines="5" :class="(!notif.read) ? 'unread' : 'read'" @click="clickNotif(notif)">
                 <div v-html="getNotifText($t, notif, false)"></div>
               </q-item-label>
               <q-item-label caption lines="2" v-if="notif.typedir === shared_consts.TypeNotifs.TYPEDIR_FRIENDS && notif.status === 0" v-ripple>
@@ -110,6 +111,27 @@
                 </div>
               </q-item-label>
 
+              <q-item-label caption lines="2" v-if="notif.typedir === shared_consts.TypeNotifs.TYPEDIR_GROUPS && notif.status === 0 && notif.typeid === shared_consts.TypeNotifs.ID_GROUP_REQUEST_TO_ENTER" v-ripple>
+                <div class="row no-wrap justify-evenly" v-if="tools.iAmAdminGroup(notif.extrafield)">
+                  <q-btn
+                    dense
+                    rounded
+                    size="sm"
+                    icon="fas fa-user-plus"
+                    color="positive" :label="$t('friends.accept')"
+                    @click="tools.addToMyGroups($q, notif.sender, notif.extrafield)"
+                  />
+                  <q-btn
+                    dense
+                    rounded
+                    size="sm"
+                    icon="fas fa-user-minus"
+                    color="negative" :label="$t('friends.refuse')"
+                    @click="tools.refuseReqGroup($q, notif.sender, notif.extrafield)"
+                  />
+                </div>
+              </q-item-label>
+
               <q-item-label caption lines="1" :class="(!notif.read) ? 'unread-date' : 'read-date'" @click="clickNotif(notif)">
                 {{ tools.timeAgo(notif.datenotif) }}
                 <!--{{ // getUsernameChatByNotif(notif) }}-->