82 lines
3.1 KiB
JavaScript
82 lines
3.1 KiB
JavaScript
// stores/antreanMasukScreenStore.js
|
|
// Konfigurasi layar antrean masuk — data disimpan di server SQLite via /api/config/antrean-masuk-screen
|
|
import { defineStore } from 'pinia';
|
|
import { ref, computed } from 'vue';
|
|
|
|
export const useAntreanMasukScreenStore = defineStore('antreanMasukScreen', () => {
|
|
const antreanMasukScreenItems = ref([]);
|
|
const isLoading = ref(false);
|
|
const error = ref(null);
|
|
|
|
const getAllAntreanMasukScreens = computed(() => antreanMasukScreenItems.value);
|
|
|
|
const getAntreanMasukScreenById = (id) => {
|
|
return computed(() => {
|
|
const targetId = Number(id);
|
|
return antreanMasukScreenItems.value.find((s) => Number(s.id) === targetId);
|
|
});
|
|
};
|
|
|
|
// ── Fetch from API ─────────────────────────────────────────────────────────
|
|
const fetchAntreanMasukScreens = async () => {
|
|
if (isLoading.value) return;
|
|
isLoading.value = true;
|
|
error.value = null;
|
|
try {
|
|
const res = await $fetch('/api/config/antrean-masuk-screen');
|
|
antreanMasukScreenItems.value = res.data || [];
|
|
} catch (e) {
|
|
error.value = e.message;
|
|
console.error('❌ [antreanMasukScreenStore] Gagal fetch config:', e);
|
|
} finally {
|
|
isLoading.value = false;
|
|
}
|
|
};
|
|
|
|
// ── CRUD via API ───────────────────────────────────────────────────────────
|
|
const addAntreanMasukScreen = async (screenPayload) => {
|
|
try {
|
|
const res = await $fetch('/api/config/antrean-masuk-screen', { method: 'POST', body: screenPayload });
|
|
antreanMasukScreenItems.value.push(res.data);
|
|
return { success: true, message: res.message, data: res.data };
|
|
} catch (e) {
|
|
return { success: false, message: e.data?.message || e.message };
|
|
}
|
|
};
|
|
|
|
const updateAntreanMasukScreen = async (screenPayload) => {
|
|
try {
|
|
const res = await $fetch(`/api/config/antrean-masuk-screen/${screenPayload.id}`, { method: 'PUT', body: screenPayload });
|
|
const index = antreanMasukScreenItems.value.findIndex(s => s.id === screenPayload.id);
|
|
if (index !== -1) antreanMasukScreenItems.value[index] = res.data;
|
|
return { success: true, message: res.message };
|
|
} catch (e) {
|
|
return { success: false, message: e.data?.message || e.message };
|
|
}
|
|
};
|
|
|
|
const deleteAntreanMasukScreen = async (screenId) => {
|
|
try {
|
|
const res = await $fetch(`/api/config/antrean-masuk-screen/${screenId}`, { method: 'DELETE' });
|
|
antreanMasukScreenItems.value = antreanMasukScreenItems.value.filter(s => s.id !== screenId);
|
|
return { success: true, message: res.message };
|
|
} catch (e) {
|
|
return { success: false, message: e.data?.message || e.message };
|
|
}
|
|
};
|
|
|
|
return {
|
|
antreanMasukScreenItems,
|
|
isLoading,
|
|
error,
|
|
getAllAntreanMasukScreens,
|
|
getAntreanMasukScreenById,
|
|
fetchAntreanMasukScreens,
|
|
addAntreanMasukScreen,
|
|
updateAntreanMasukScreen,
|
|
deleteAntreanMasukScreen,
|
|
};
|
|
}, {
|
|
persist: false,
|
|
});
|