You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
3.0 KiB
104 lines
3.0 KiB
<template>
|
|
<BaseCard class="social-side-menu mt-4">
|
|
<template #header>
|
|
<div class="px-4 py-2 -mb-2 bg-gray-15">
|
|
<h2 class="text-h5">{{ t("Social Group") }}</h2>
|
|
</div>
|
|
</template>
|
|
<hr class="-mt-2 mb-4 -mx-4" />
|
|
<ul
|
|
v-if="groupInfo.isMember"
|
|
class="menu-list"
|
|
>
|
|
<li class="menu-item">
|
|
<BaseAppLink to="/social">
|
|
<i
|
|
aria-hidden="true"
|
|
class="mdi mdi-home"
|
|
></i>
|
|
{{ t("Home") }}
|
|
</BaseAppLink>
|
|
</li>
|
|
<li class="menu-item">
|
|
<BaseAppLink :to="{ name: '', params: { group_id: groupInfo.id } }">
|
|
<i
|
|
aria-hidden="true"
|
|
class="mdi mdi-account-multiple-outline"
|
|
></i>
|
|
{{ t("Waiting list") }}
|
|
</BaseAppLink>
|
|
</li>
|
|
<li class="menu-item">
|
|
<BaseAppLink :to="{ name: 'UserGroupInvite', params: { group_id: groupInfo.id } }">
|
|
<i
|
|
aria-hidden="true"
|
|
class="mdi mdi-account-plus"
|
|
></i>
|
|
{{ t("Invite friends") }}
|
|
</BaseAppLink>
|
|
</li>
|
|
<li
|
|
v-if="groupInfo.isAllowedToLeave"
|
|
class="menu-item"
|
|
>
|
|
<button @click="leaveGroup">
|
|
<i
|
|
aria-hidden="true"
|
|
class="mdi mdi-exit-to-app"
|
|
></i>
|
|
{{ t("Leave group") }}
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
<ul v-else>
|
|
<li class="menu-item">
|
|
<BaseAppLink to="/social">
|
|
<i
|
|
aria-hidden="true"
|
|
class="mdi mdi-home"
|
|
></i>
|
|
{{ t("Home") }}
|
|
</BaseAppLink>
|
|
</li>
|
|
</ul>
|
|
</BaseCard>
|
|
</template>
|
|
|
|
<script setup>
|
|
import BaseCard from "../basecomponents/BaseCard.vue"
|
|
import { useRoute, useRouter } from "vue-router"
|
|
import { useI18n } from "vue-i18n"
|
|
import { useSecurityStore } from "../../store/securityStore"
|
|
import axios from "axios"
|
|
import { useNotification } from "../../composables/notification"
|
|
import { useSocialInfo } from "../../composables/useSocialInfo"
|
|
|
|
const { t } = useI18n()
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const securityStore = useSecurityStore()
|
|
const notification = useNotification()
|
|
|
|
const { user, groupInfo, isGroup, loadGroup, isLoading } = useSocialInfo()
|
|
const leaveGroup = async () => {
|
|
try {
|
|
const response = await axios.post("/social-network/group-action", {
|
|
userId: user.value.id,
|
|
groupId: groupInfo.value.id,
|
|
action: "leave",
|
|
})
|
|
if (response.data.success) {
|
|
notification.showSuccessNotification(t("You have left the group successfully"))
|
|
router.push("/social")
|
|
}
|
|
} catch (error) {
|
|
console.error("Error leaving the group:", error)
|
|
}
|
|
}
|
|
const isActive = (path, filterType = null) => {
|
|
const pathMatch = route.path.startsWith(path)
|
|
const hasQueryParams = Object.keys(route.query).length > 0
|
|
const filterMatch = filterType ? route.query.filterType === filterType && hasQueryParams : !hasQueryParams
|
|
return pathMatch && filterMatch
|
|
}
|
|
</script>
|
|
|