fix(playlist): refactor with js model
This commit is contained in:
parent
c239eefb84
commit
5a59baa72a
6 changed files with 174 additions and 38 deletions
|
@ -4,12 +4,17 @@ import Table from "@/components/content/partials/Table.vue";
|
|||
import PlaylistEditor from "@/components/content/partials/PlaylistEditor.vue";
|
||||
import ConfirmDelete from "@/components/content/partials/dialogs/ConfirmDelete.vue";
|
||||
import {reactive, ref, watch} from "vue";
|
||||
import {usePlaylistStore} from "@/stores/playlist.store.ts";
|
||||
import {baseSmartBlock} from "@models/smartblock/smartblock.ts";
|
||||
import {basePlaylist} from "@models/playlist/playlist.ts";
|
||||
|
||||
const { items, listData, headers, selected, loading, search, getItems, editItem, createItem, deleteItem } = playlist_page()
|
||||
const playlistStore = usePlaylistStore();
|
||||
|
||||
const { items, listData, headers, selected, loading, search, getItems, editItem, deleteItem } = playlist_page();
|
||||
|
||||
const itemEdited = ref({
|
||||
id: null
|
||||
})
|
||||
});
|
||||
|
||||
const bulk = ref(false)
|
||||
const dialog = reactive({
|
||||
|
@ -28,12 +33,11 @@ const openDialog = (type, title = '', text = '', bulk = false) => {
|
|||
|
||||
const edit = (item) => {
|
||||
console.log(item)
|
||||
//Check if edit or create
|
||||
if (typeof item === 'object') {
|
||||
itemEdited.value = item
|
||||
} else {
|
||||
itemEdited.value.id = item
|
||||
if (item === 0) {
|
||||
item = basePlaylist();
|
||||
}
|
||||
playlistStore.loadPlaylist(item);
|
||||
itemEdited.value = item;
|
||||
}
|
||||
|
||||
const save = (item) => {
|
||||
|
@ -41,15 +45,9 @@ const save = (item) => {
|
|||
//Check required fields
|
||||
console.log('error!')
|
||||
}
|
||||
|
||||
if (item.id > 0) {
|
||||
const saved = editItem(item)
|
||||
console.log(saved)
|
||||
} else {
|
||||
delete item.id
|
||||
const saved = createItem(item)
|
||||
console.log(saved)
|
||||
}
|
||||
const saved = editItem(item)
|
||||
console.log(saved)
|
||||
playlistStore.updateField({key: 'id', value: saved.id});
|
||||
}
|
||||
|
||||
const cancel = (item) => {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue