feat(fe pl/sb editor): added save playlist event

resources/js/components/content/Playlist.vue

@@ -5,7 +5,7 @@ import PlaylistEditor from "@/components/content/partials/PlaylistEditor.vue";
 import ConfirmDelete from "@/components/content/partials/dialogs/ConfirmDelete.vue";
 import {reactive, ref, watch} from "vue";
 
-const { items, listData, headers, selected, loading, search, getItems, editItem, deleteItem } = playlist_page()
+const { items, listData, headers, selected, loading, search, getItems, editItem, createItem, deleteItem } = playlist_page()
 
 const itemEdited = ref({
   id: null
@@ -27,12 +27,26 @@ const openDialog = (type, title = '', text = '', bulk = false) => {
 
 const edit = (item) => {
   console.log(item)
-  itemEdited.value = item
+  //Check if edit or create
+  if (typeof item === 'object') {
+    itemEdited.value = item
+  } else {
+    itemEdited.value.id = item
+  }
 }
 
-const saveItem = (item) => {
-  const saved = editItem(item)
-  closeDialog()
+const save = (item) => {
+  if (item.name === '') {
+    //Check required fields
+    console.log('error')
+  }
+  console.log(item)
+  if (item.id > 0) {
+    const saved = editItem(item)
+  } else {
+    delete item.id
+    createItem(item)
+  }
 }
 
 const cancel = (item) => {
@@ -84,6 +98,7 @@ watch(search, (newValue, oldValue) => {
       v-if="itemEdited.id !== null && !dialog.open"
       :item="itemEdited"
       @go-back="resetItemEdited"
+      @save-item="save"
   />
   <Table
       v-else