@afeefa/vue-app 0.0.170 → 0.0.172

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

@@ -1 +1 @@
-0.0.170
+0.0.172

package/package.json

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

package/src/components/ATableRow.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="['a-table-row', getFontSizeCssClass, {border: hasBorder, selected, disabled}]"
+    :class="['a-table-row', {border: hasBorder, small, tiny, selected, disabled}]"
     @click="$emit('click')"
   >
     <slot />
@@ -12,7 +12,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: ['small', 'selected', 'disabled']
+  props: [{tiny: false, small: false}, 'selected', 'disabled']
 })
 export default class ATableRow extends Vue {
   $hasOptions = ['border']
@@ -31,12 +31,6 @@ export default class ATableRow extends Vue {
   get hasBorder () {
     return this.$has.border && this.table.$has.border
   }
-
-  get getFontSizeCssClass () {
-    if (this.small !== undefined) {
-      return 'small'
-    }
-  }
 }
 </script>
 
@@ -102,6 +96,21 @@ export default class ATableRow extends Vue {
     }
   }
 
+  &.tiny {
+    font-size: .8rem;
+
+    &.border {
+      > * {
+        padding-top: .1rem;
+        padding-bottom: .1rem;
+      }
+    }
+
+    .textblock--tiny {
+      font-size: .7rem;
+    }
+  }
+
   .textblock--small {
     font-size: .9rem;
     line-height: .9;

package/src/components/form/EditModal.vue

@@ -22,7 +22,7 @@
           name="form"
           :modelToEdit="modelToEdit"
           :changed="changed"
-          :valid="valid"
+          :valid="validFromOutside && valid"
         />
 
         <slot name="after-form-fields" />
@@ -41,7 +41,7 @@
 
           <edit-form-buttons
             :changed="changed"
-            :valid="valid"
+            :valid="validFromOutside && valid"
             angular
             :has="{reset: reset && !!modelToEdit.id}"
             @save="$emit('save', modelToEdit, ignoreChangesOnClose, close)"
@@ -61,7 +61,7 @@ import { Component, Vue, Watch } from '@a-vue'
 import { DialogEvent } from '@a-vue/events'
 
 @Component({
-  props: ['model', 'createModelToEdit', 'show', {reset: true}]
+  props: ['model', 'createModelToEdit', 'show', {reset: true, valid: true}]
 })
 export default class EditModal extends Vue {
   show_ = false
@@ -103,6 +103,10 @@ export default class EditModal extends Vue {
     }
   }
 
+  get validFromOutside () {
+    return this.valid
+  }
+
   open () {
     this.show_ = true
   }