pull/5206/head
Angel Fernando Quiroz Campos
2 years ago
parent
69c5f4f4df
commit
2c9584a250
@ -0,0 +1,144 @@ |
||||
<script setup> |
||||
import { computed, ref, watch } from "vue" |
||||
import { useI18n } from "vue-i18n" |
||||
import Fieldset from "primevue/fieldset" |
||||
import SelectButton from "primevue/selectbutton" |
||||
import BaseCheckbox from "../basecomponents/BaseCheckbox.vue" |
||||
import BaseInputNumber from "../basecomponents/BaseInputNumber.vue" |
||||
import BaseSelect from "../basecomponents/BaseSelect.vue" |
||||
import EditLinks from "../resource_links/EditLinks.vue" |
||||
import { useCalendarInvitations } from "../../composables/calendar/calendarInvitations" |
||||
import BaseAutocomplete from "../basecomponents/BaseAutocomplete.vue" |
||||
import usergrupService from "../../services/usergroupService" |
||||
import { type, subscriptionVisibility } from "../../constants/entity/ccalendarevent" |
||||
|
||||
const model = defineModel({ |
||||
type: Object, |
||||
}) |
||||
|
||||
const { t } = useI18n() |
||||
|
||||
const { allowCollectiveInvitations, allowSubscriptions } = useCalendarInvitations() |
||||
|
||||
const showInvitationsFieldset = computed(() => { |
||||
if (allowCollectiveInvitations && !allowSubscriptions) { |
||||
return true |
||||
} |
||||
|
||||
return allowSubscriptions && type.invitation === model.value?.invitationType |
||||
}) |
||||
|
||||
const showSubscriptionsFieldset = computed(() => { |
||||
if (allowSubscriptions && !allowCollectiveInvitations) { |
||||
return true |
||||
} |
||||
|
||||
return allowCollectiveInvitations && type.subscription === model.value?.invitationType |
||||
}) |
||||
|
||||
const invitationTypeList = [ |
||||
{ name: t("Invitations"), value: type.invitation }, |
||||
{ name: t("Subscriptions"), value: type.subscription }, |
||||
] |
||||
|
||||
const invitationTypeSelected = ref() |
||||
|
||||
model.value.invitationType = computed(() => invitationTypeSelected.value) |
||||
|
||||
const subscriptionVisibilityList = [ |
||||
{ label: t("No"), value: subscriptionVisibility.no }, |
||||
{ label: t("All system users"), value: subscriptionVisibility.all }, |
||||
{ label: t("Users inside the class"), value: subscriptionVisibility.class }, |
||||
] |
||||
|
||||
const subscriptionVisibilitySelected = ref(0) |
||||
|
||||
model.value.subscriptionVisibility = computed(() => subscriptionVisibilitySelected.value) |
||||
|
||||
const subscriptionItemSelected = ref() |
||||
|
||||
const subscriptionItemDisabled = computed(() => 2 !== subscriptionVisibilitySelected.value) |
||||
|
||||
const onSubscriptionItemSelected = (event) => (model.value.subscriptionItemId = event.value.id) |
||||
|
||||
watch(subscriptionItemSelected, (newValue) => { |
||||
if (!newValue) { |
||||
model.value.subscriptionItemId = undefined |
||||
} |
||||
}) |
||||
|
||||
const findUsergroup = async (query) => { |
||||
const response = await usergrupService.search(query) |
||||
|
||||
return response.items |
||||
} |
||||
|
||||
const maxSubscriptionsDisabled = computed(() => 0 === subscriptionVisibilitySelected.value) |
||||
</script> |
||||
|
||||
<template> |
||||
<div |
||||
v-if="allowCollectiveInvitations && allowSubscriptions" |
||||
class="field" |
||||
> |
||||
<SelectButton |
||||
v-model="invitationTypeSelected" |
||||
:options="invitationTypeList" |
||||
option-label="name" |
||||
option-value="value" |
||||
/> |
||||
</div> |
||||
|
||||
<Fieldset |
||||
v-if="showInvitationsFieldset" |
||||
:legend="t('Invitations')" |
||||
> |
||||
<EditLinks |
||||
v-model="model" |
||||
:edit-status="false" |
||||
links-type="user_rel_users" |
||||
:show-status="false" |
||||
show-share-with-user |
||||
/> |
||||
<BaseCheckbox |
||||
id="is_collective" |
||||
v-model="model.collective" |
||||
:label="t('Is it editable by the invitees?')" |
||||
name="is_collective" |
||||
/> |
||||
</Fieldset> |
||||
|
||||
<Fieldset |
||||
v-if="showSubscriptionsFieldset" |
||||
:legend="t('Subscriptions')" |
||||
> |
||||
<BaseSelect |
||||
v-model="subscriptionVisibilitySelected" |
||||
:label="t('Allow subscriptions')" |
||||
:options="subscriptionVisibilityList" |
||||
option-label="label" |
||||
option-value="value" |
||||
/> |
||||
<BaseAutocomplete |
||||
id="subscription_item" |
||||
v-model="subscriptionItemSelected" |
||||
:search="findUsergroup" |
||||
:label="t('Social group')" |
||||
option-label="title" |
||||
:disabled="subscriptionItemDisabled" |
||||
@item-select="onSubscriptionItemSelected" |
||||
/> |
||||
<BaseInputNumber |
||||
id="max_subscription" |
||||
v-model="model.maxAttendees" |
||||
:disabled="maxSubscriptionsDisabled" |
||||
:label="t('Maximum number of subscriptions allowed. Leave at 0 to not limit it.')" |
||||
min="0" |
||||
step="1" |
||||
/> |
||||
<div |
||||
id="form_subscriptions_edit" |
||||
style="display: none" |
||||
></div> |
||||
</Fieldset> |
||||
</template> |
||||
@ -0,0 +1,22 @@ |
||||
import { useCidReqStore } from "../../store/cidReq" |
||||
import { usePlatformConfig } from "../../store/platformConfig" |
||||
import { useSecurityStore } from "../../store/securityStore" |
||||
|
||||
export function useCalendarInvitations() { |
||||
const cidReqStore = useCidReqStore() |
||||
const platformConfigStore = usePlatformConfig() |
||||
const securirtyStore = useSecurityStore() |
||||
|
||||
const isPersonalCalendar = null === cidReqStore.course |
||||
|
||||
const agendaCollectiveInvitations = "true" === platformConfigStore.getSetting("agenda.agenda_collective_invitations") |
||||
const agendaEventSubscriptions = "true" === platformConfigStore.getSetting("agenda.agenda_event_subscriptions") |
||||
|
||||
const allowCollectiveInvitations = agendaCollectiveInvitations && isPersonalCalendar |
||||
const allowSubscriptions = securirtyStore.isAdmin && agendaEventSubscriptions && isPersonalCalendar |
||||
|
||||
return { |
||||
allowCollectiveInvitations, |
||||
allowSubscriptions, |
||||
} |
||||
} |
||||
@ -0,0 +1,10 @@ |
||||
export const type = { |
||||
invitation: "invitation", |
||||
subscription: "subscription", |
||||
} |
||||
|
||||
export const subscriptionVisibility = { |
||||
no: 0, |
||||
all: 1, |
||||
class: 2, |
||||
} |
||||
@ -0,0 +1,25 @@ |
||||
import axios from "axios" |
||||
|
||||
export default { |
||||
/** |
||||
* @param {string} searchTerm |
||||
* @returns {Promise<Object>} { totalItems, items } |
||||
*/ |
||||
search: async (searchTerm) => { |
||||
const response = {} |
||||
|
||||
try { |
||||
const { data } = await axios.get("/api/usergroups/search", { |
||||
params: { search: searchTerm }, |
||||
}) |
||||
|
||||
response.totalItems = data["hydra:totalItems"] |
||||
response.items = data["hydra:member"] |
||||
} catch { |
||||
response.totalItems = 0 |
||||
response.items = [] |
||||
} |
||||
|
||||
return response |
||||
}, |
||||
} |
||||
Loading…
Reference in new issue