@live-change/vue3-components 0.1.9 → 0.1.13

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/vue3-components.iml" filepath="$PROJECT_DIR$/vue3-components.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/form/CommandForm.vue

@@ -11,8 +11,8 @@
       :class="class"
       :style="style"
       v-slot="{ data }">
-    <slot v-bind="{ data }"></slot>
-  </defined-form>  
+    <slot v-bind="{ data, submit }"></slot>
+  </defined-form>
   <slot v-if="state == 'error'" name="error">
     <div class="alert alert-danger" role="alert">error</div>
   </slot>
@@ -76,6 +76,7 @@
         type: String
       }
     },
+    emits: ['submit', 'done', 'error'],
     inject: ['loadingZone', 'workingZone'],
     data() {
       return {
@@ -98,31 +99,17 @@
             return this.serviceDefinitionSource
           }
         }
-        if(!this.$api.metadata.serviceDefinitions) return
-        const definition = this.$api.metadata.serviceDefinitions.find(service => service.name == this.service)
-        return definition
-      },
-      serviceDefinitionMatch() {
-        //console.log("METADATA SERVICE DEFS", this.$api.metadata.serviceDefinitions)      
-        if(!this.$api.metadata.serviceDefinitions) return
-        const definition = this.serviceDefinition
-        if(definition.credentials) {
-          const credentials = {
-            roles: (this.$session && this.$session.session.roles) || [],
-            user: this.$session && this.$session.session.user
-          }
-          //console.log("DEFN CRED", JSON.stringify(definition.credentials), "==", JSON.stringify(credentials))
-          if(JSON.stringify(definition.credentials) != JSON.stringify(credentials)) return
-        }
+        if(!this.$api.metadata.api?.services) return
+        const definition = this.$api.metadata.api?.services.find(service => service.name == this.service)
         return definition
       },
       actionDefinition() {
-        return this.serviceDefinitionMatch
+        return this.serviceDefinition
           && this.serviceDefinition.actions[this.action]
       },
       definitionNotFound() {
         return (this.$api.metadata.serviceDefinitions && !this.serviceDefinition)
-            || (this.serviceDefinitionMatch && !this.actionDefinition)
+            || (this.serviceDefinition && !this.actionDefinition)
       },
       loadingError() {
         return this.definitionNotFound ? "notFound" : this.serviceDefinitionsError
@@ -303,6 +290,7 @@
         })
       },
       handleSubmitEvent(ev) {
+        console.log("HANDLE SUBMIT EVENT!", ev)
         ev.preventDefault()
         this.submit()
       },

package/form/DefinedForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <component v-if="tag" :is="tag" v-on:submit="ev => $emit('submit', ev)" :class="class" :style="style">
+  <component v-if="tag" :is="tag" v-on:submit="ev => handleSubmitEvent(ev)" :class="class" :style="style">
     <slot v-bind="{ data }"></slot>
   </component>
   <slot v-else v-bind="{ data }"></slot>
@@ -388,6 +388,7 @@
         type: String
       }
     },
+    //emits: ['submit', 'update'],
     provide() {
       return {
         form: {
@@ -407,7 +408,7 @@
           validate: () => this.validate(),
           clearFieldValidation: (propName) => this.clearFieldValidation(propName),
           clearValidation: () => this.clearValidation(),
-          
+
           addElementToArray: (propName, initialValue) => this.addElementToArray(propName, initialValue),
           removeElementFromArray: (propName, index) => this.removeElementFromArray(propName, index)
         }
@@ -519,6 +520,11 @@
         let position = getElementPositionInDocument(errorFieldElement)
         window.scrollTo(0, position.y - 100) /// TODO: remove fixed nav-bar and do it properly.
       },
+      handleSubmitEvent(ev) {
+        console.log("HANDLE SUBMIT!", ev)
+        ev.preventDefault()
+        this.$emit('submit', ev)
+      }
     },
     created() {
       this.initForm()

package/logic/LoadingZone.vue

@@ -37,6 +37,7 @@
 
   export default {
     name: "LoadingZone",
+    emits: ['isLoading', 'error'],
     props: {
       suspense: {
         type: Boolean,
@@ -60,7 +61,15 @@
         errors
       }
     },
+    watch: {
+      isLoading(l) {
+        this.$emit('isLoading', l)
+      }
+    },
     computed: {
+      isLoading() {
+        return this.loading.length > 0
+      }
     },
     methods: {
       loadingStarted(task) {
@@ -122,6 +131,7 @@
           this.$allLoadingTasks.splice(this.$allLoadingTasks.indexOf(task), 1)
         if(this.$allLoadingErrors)
           this.$allLoadingErrors.push({ task, reason })
+        this.$emit('error', this.errors)
       },
       addLoadingPromise(name, promise) {
         let task = this.loadingStarted({ name, promise })

package/logic/WorkingZone.vue

@@ -1,5 +1,5 @@
-<template>    
-  <slot v-bind="{ isWorking: !!working.length, working, errors }"></slot>    
+<template>
+  <slot v-bind="{ isWorking: !!working.length, working, errors }"></slot>
   <slot name="working" v-if="working.length && !errors.length">
     Processing...
   </slot>
@@ -21,6 +21,7 @@
 
   export default {
     name: "WorkingZone",
+    emits: ['isWorking', 'error'],
     data() {
       return {
         working: [],
@@ -29,7 +30,15 @@
         connectionProblem: false
       }
     },
+    watch: {
+      isWorking(w) {
+        this.$emit('isWorking', w)
+      }
+    },
     computed: {
+      isWorking() {
+        return this.working.length > 0
+      }
     },
     methods: {
       workingStarted(task) {
@@ -91,6 +100,7 @@
           this.$allWorkingTasks.splice(this.$allWorkingTasks.indexOf(task), 1)
         if(this.$allWorkingErrors)
           this.$allWorkingErrors.push({ task, reason })
+        this.$emit('error', this.errors)
       },
       addWorkingPromise(name, promise) {
         let task = this.workingStarted({ name, promise })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.1.9",
+  "version": "0.1.13",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,8 +21,7 @@
   },
   "homepage": "https://github.com/live-change/vue3-components",
   "dependencies": {
-    "@vue/server-renderer": "^3.2.4",
     "debug": "^4.3.2",
-    "vue": "^3.2.4"
+    "vue": "^3.2.21"
   }
 }

package/vue3-components.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>