@afeefa/vue-app 0.0.147 → 0.0.149

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.147
+0.0.149

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.147",
+  "version": "0.0.149",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/AInfo.vue

@@ -0,0 +1,26 @@
+<template>
+  <v-alert
+    v-bind="$attrs"
+    :style="{display: inline ? 'inline-block' : 'block'}"
+    dense
+    border="left"
+    colored-border
+    elevation="3"
+    v-on="$listeners"
+  >
+    <slot />
+  </v-alert>
+</template>
+
+<script>
+import { Component, Vue } from '@a-vue'
+
+@Component({
+  props: [{inline: true}]
+})
+export default class AInfo extends Vue {
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

package/src/components/form/EditForm.vue

@@ -74,7 +74,7 @@ export default class EditForm extends Vue {
    * Using the created() method would result in already having set
    * the default date, hence not detecting a valid "change" anymore.
    *
-   * comment 14.12. -> this should not be necessary if components do not alter models
+   * comment 14.12.22 -> this should not be necessary if components do not alter models
    */
   // @Watch('modelToEdit', {immediate: true})
   // @Watch('modelToEdit')

package/src/components/form/EditModal.vue

@@ -42,7 +42,7 @@
             :changed="changed"
             :valid="valid"
             angular
-            :has="{reset: !!modelToEdit.id}"
+            :has="{reset: reset && !!modelToEdit.id}"
             @save="$emit('save', modelToEdit, ignoreChangesOnClose, close)"
             @reset="$refs.form.reset()"
           />
@@ -60,7 +60,7 @@ import { Component, Vue, Watch } from '@a-vue'
 import { DialogEvent } from '@a-vue/events'
 
 @Component({
-  props: ['model', 'createModelToEdit', 'show']
+  props: ['model', 'createModelToEdit', 'show', {reset: true}]
 })
 export default class EditModal extends Vue {
   show_ = false

package/src-admin/components/list/ListView.vue

@@ -70,16 +70,18 @@
     </template>
 
     <div v-else-if="!isLoading">
-      <div v-if="$has.filters">
-        Nichts gefunden. <a
-          href=""
-          @click.prevent="resetFilters()"
-        >Filter zurücksetzen</a>
-      </div>
-
-      <div v-else>
-        Nichts gefunden.
-      </div>
+      <a-info type="warning">
+        <div v-if="$has.filters">
+          Nichts gefunden. <a
+            href=""
+            @click.prevent="resetFilters()"
+          >Filter zurücksetzen</a>
+        </div>
+
+        <div v-else>
+          Nichts gefunden.
+        </div>
+      </a-info>
     </div>
     <div
       v-if="$has.filters"

package/src-admin/components/pages/EditPage.vue

@@ -43,7 +43,6 @@ import { DialogEvent } from '@a-vue/events'
 })
 export default class EditPage extends Vue {
   unregisterRouterHook = null
-  ignoreChangesOnRouteChange_ = false
 
   created () {
     this.unregisterRouterHook = this.$router.beforeEach(async (to, from, next) => {
@@ -70,9 +69,7 @@ export default class EditPage extends Vue {
    * hook to allow to leave a just created (saved) model
    */
   ignoreChangesOnRouteChange () {
-    // this.$refs.form.forceUnchanged()
-    console.info('TODO switch form to forceUnchanged')
-    this.ignoreChangesOnRouteChange_ = true
+    this.$refs.form.forceUnchanged()
   }
 }
 </script>