105 lines
2.7 KiB
JavaScript
105 lines
2.7 KiB
JavaScript
import {ref, computed, onBeforeUnmount} from 'vue';
|
|
import {router} from '@inertiajs/vue3';
|
|
import {useToast} from 'vue-toastification';
|
|
const toast = useToast();
|
|
|
|
export function useIndex(props, siteName) {
|
|
const rawProps = JSON.parse(JSON.stringify(props));
|
|
const inner = {
|
|
data: ref(rawProps.data),
|
|
meta: ref(rawProps.meta),
|
|
};
|
|
|
|
function toFilterString(data) {
|
|
return btoa(encodeURIComponent(JSON.stringify(data)));
|
|
}
|
|
|
|
const filterString = computed(() => toFilterString(inner.meta.value.filter));
|
|
|
|
function reload(resetPage = true) {
|
|
var data = {
|
|
filter: filterString.value,
|
|
page: 1,
|
|
};
|
|
|
|
data['page'] = resetPage ? 1 : inner.meta.value.current_page;
|
|
|
|
router.visit(window.location.pathname, {
|
|
data,
|
|
preserveState: true,
|
|
onSuccess: (page) => {
|
|
inner.data.value = page.props.data.data;
|
|
inner.meta.value = page.props.data.meta;
|
|
},
|
|
});
|
|
}
|
|
|
|
function can(permission) {
|
|
return inner.meta.value.can[permission];
|
|
}
|
|
|
|
function getFilter(value) {
|
|
return inner.meta.value.filter[value];
|
|
}
|
|
|
|
function setFilter(key, value) {
|
|
inner.meta.value.filter[key] = value;
|
|
reload();
|
|
}
|
|
|
|
function requestCallback(successMessage, failureMessage) {
|
|
return {
|
|
onSuccess: () => {
|
|
this.$success(successMessage);
|
|
reload(false);
|
|
},
|
|
onFailure: () => {
|
|
this.$error(failureMessage);
|
|
reload(false);
|
|
},
|
|
preserveState: true,
|
|
};
|
|
}
|
|
|
|
function handleJobEvent(event, type = 'success') {
|
|
if (event.message) {
|
|
toast[type](event.message);
|
|
}
|
|
if (event.reload) {
|
|
reload(false);
|
|
}
|
|
}
|
|
|
|
window.Echo.channel('jobs').listen('\\App\\Lib\\Events\\ClientMessage', (e) => handleJobEvent(e));
|
|
window.Echo.channel(siteName)
|
|
.listen('\\App\\Lib\\Events\\JobStarted', (e) => handleJobEvent(e))
|
|
.listen('\\App\\Lib\\Events\\JobFinished', (e) => handleJobEvent(e))
|
|
.listen('\\App\\Lib\\Events\\JobFailed', (e) => handleJobEvent(e, 'error'));
|
|
onBeforeUnmount(() => window.Echo.leave(siteName));
|
|
onBeforeUnmount(() => window.Echo.leave('jobs'));
|
|
|
|
return {
|
|
data: inner.data,
|
|
reload,
|
|
can,
|
|
getFilter,
|
|
setFilter,
|
|
requestCallback,
|
|
meta: inner.meta,
|
|
filterString,
|
|
router,
|
|
toFilterString,
|
|
};
|
|
}
|
|
|
|
const indexProps = {
|
|
data: {
|
|
default: () => {
|
|
return {data: [], meta: {}};
|
|
},
|
|
type: Object,
|
|
},
|
|
};
|
|
|
|
export {indexProps};
|