@live-change/db-admin 0.6.7 → 0.6.8

package/front/src/CreateObject.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="w-full">
+    <div class="w-full flex flex-row justify-content-center">
+      <Button v-if="!editorVisible" @click="showNewObjectEditor"
+              icon="pi pi-plus-circle" label="Create new object" class="p-button-rounded p-button-primary" />
+    </div>
+
+    <div class="surface-0 shadow-1 w-full">
+      <object-editor v-if="editorVisible"
+                     :dbApi="props.dbApi"
+                     :currentData="JSON.stringify(newObjectData)"
+                     :write="writeNewObject" :remove="removeObject" />
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+
+  import Button from "primevue/button"
+  import ObjectEditor from "./ObjectEditor.vue"
+
+  import { ref, watch, computed, defineProps } from 'vue'
+  import { useRouter, useRoute } from 'vue-router'
+  import { path, live, actions, useApi, rangeBuckets, reverseRange } from '@live-change/vue3-ssr'
+  const api = useApi()
+
+  const props = defineProps({
+    dbApi: {
+      type: String,
+      default: 'serverDatabase'
+    },
+    write: {
+      type: Function,
+      default: null
+    },
+  })
+
+  const editorVisible = ref(false)
+  const newObjectData = ref(null)
+
+  function showNewObjectEditor() {
+    newObjectData.value = {
+      id: api.uid()
+    }
+    editorVisible.value = true
+  }
+
+  function writeNewObject(...args) {
+    console.log("write args", args)
+    const result = props.write(...args)
+    console.log("write result", result)
+/*    setTimeout(() => {
+      editorVisible.value = false
+      newObjectData.value = null
+    }, 200)*/
+    return result
+  }
+
+  function removeObject(data) {
+    console.log("object remove", arguments)
+    editorVisible.value = false
+    newObjectData.value = null
+    return false
+  }
+
+</script>
+
+<style scoped>
+
+</style>

package/front/src/Data.vue

@@ -7,6 +7,8 @@
 
 <!--  <p>{{ path }}</p>-->
 
+  <CreateObject v-if="write" :dbApi="dbApi" :write="write.result" class="mt-2" />
+
   <template v-if="read?.external?.includes('range')">
     <DataRangeView v-if="read && write && remove" :key="'rangeView' + version"
                    :dbApi="dbApi" :read="read.result" :write="write.result" :remove="remove.result" />
@@ -16,6 +18,8 @@
               :dbApi="dbApi" :read="read.result" :write="write.result" :remove="remove.result" />
   </template>
 
+  <CreateObject v-if="write" :dbApi="props.dbApi" :write="write.result" class="mt-2" />
+
 </template>
 
 <script setup>
@@ -24,6 +28,7 @@
   import PathEditor from "./PathEditor.vue"
   import DataRangeView from "./DataRangeView.vue"
   import DataView from "./DataView.vue"
+  import CreateObject from "./CreateObject.vue"
 
   const props = defineProps({
     dbApi: {
@@ -52,8 +57,6 @@
     }
   })
 
-
-
   import { ref, watch } from 'vue'
   import { useRouter, useRoute } from 'vue-router'
 
@@ -76,7 +79,7 @@
     const paramsArray = value.params.flat()
     router.replace({ name: route.name, params: {
       read: value.read,
-      write: value.write, 
+      write: value.write,
       remove: value.remove,
       params: paramsArray
     } })

package/front/src/ObjectEditor.vue

@@ -92,6 +92,7 @@
 
   function deleteObject(event) {
     const removeRequest = remove({ object: initialData.value }, dbRequestSugar)
+    if(removeRequest === false) return // remove handled elsewhere
     const requestInfo =
         `${removeRequest[0].join('.')}(${removeRequest.slice(1).map(v => JSON.stringify(v)).join(', ')})`
     const id = initialData.value.id
@@ -115,6 +116,7 @@
 
   function updateObject(event) {
     const updateRequest = write({ object: editedData.value }, dbRequestSugar)
+    if(updateRequest === false) return // update handled elsewhere
     const requestInfo =
         `${updateRequest[0].join('.')}(${updateRequest.slice(1).map(v => JSON.stringify(v)).join(', ')})`
     const id = editedData.value.id
@@ -140,4 +142,4 @@
 
 <style scoped>
 
-</style>
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/db-admin",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "scripts": {
     "memDev": "lcli memDev --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --initScript ./init.js --dbAccess",
@@ -17,11 +17,11 @@
     "debug": "node --inspect-brk server"
   },
   "dependencies": {
-    "@live-change/cli": "0.7.23",
+    "@live-change/cli": "0.7.24",
     "@live-change/dao": "0.5.19",
     "@live-change/dao-vue3": "0.5.19",
     "@live-change/dao-websocket": "0.5.19",
-    "@live-change/framework": "0.7.23",
+    "@live-change/framework": "0.7.24",
     "@live-change/vue3-components": "0.2.26",
     "@live-change/vue3-ssr": "0.2.26",
     "@vitejs/plugin-vue": "^2.3.1",
@@ -51,7 +51,7 @@
     "vue3-scroll-border": "0.1.5"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "0.7.23",
+    "@live-change/codeceptjs-helper": "0.7.24",
     "@wdio/selenium-standalone-service": "^7.20.8",
     "codeceptjs": "^3.3.4",
     "generate-password": "1.7.0",
@@ -63,5 +63,5 @@
   "author": "",
   "license": "ISC",
   "description": "",
-  "gitHead": "d19a5504abdb15ac5fe2312a60b12f827dbc6079"
+  "gitHead": "f22582ca19b5ff9b05b4e45091221d3be33a172e"
 }