@afeefa/vue-app 0.0.171 → 0.0.173

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

@@ -1 +1 @@
-0.0.171
+0.0.173

package/package.json

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

package/src/components/ATable.vue

@@ -34,7 +34,7 @@ export default class ATable extends Vue {
 <style scoped lang="scss">
 .a-table {
   display: table;
-  border-collapse: collapse;
+  border-collapse: separate;
   width: 100%;
 
   &.width-auto {
@@ -54,9 +54,8 @@ export default class ATable extends Vue {
       white-space: nowrap;
       vertical-align: middle;
 
-      &.info {
-        background: none !important;
-        color: #888888;
+      &.text--info {
+        color: #888888 !important;
       }
     }
   }

package/src/components/ATableHeader.vue

@@ -46,17 +46,19 @@ export default class ATableHeader extends Vue {
   > * {
     padding: .4rem 0;
     padding-right: 1rem;
+
     &:last-child {
       padding-right: 0;
     }
   }
 
   &.border {
-    border-bottom: 1px solid #EEEEEE;
     > * {
+      border-bottom: 1px solid #EEEEEE;
       padding-left: .5rem;
       padding-right: 1rem;
       padding-bottom: .6rem;
+
       &:last-child {
         padding-right: .2rem;
       }

package/src/components/ATableRow.vue

@@ -49,9 +49,8 @@ export default class ATableRow extends Vue {
   }
 
   &.border {
-    border-bottom: 1px solid #E5E5E5;
-
     > * {
+      border-bottom: 1px solid #E5E5E5;
       padding: .4rem 1.5rem .4rem .4rem;
 
       &:last-child {
@@ -65,7 +64,9 @@ export default class ATableRow extends Vue {
   }
 
   &:hover, &.selected {
-    background: #F4F4F4;
+    & > * {
+      background: #F4F4F4;
+    }
   }
 
   &.disabled {
@@ -73,11 +74,11 @@ export default class ATableRow extends Vue {
     opacity: .5;
   }
 
-  &.active {
+  &.active > * {
     background: #EEEEFF;
   }
 
-  &:last-child {
+  &:last-child > * {
     border: none;
   }
 

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
   }

package/src-admin/components/form/RemoveDialog.vue

@@ -47,7 +47,7 @@ export default class RemoveDialog extends Vue {
 
     const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
       id: this.dialogId,
-      title: this.itemTitle + ' löschen?',
+      title: this.title || this.itemTitle + ' löschen?',
       message: ['Soll ' + this.itemTitle + ' gelöscht werden?', this.message].filter(m => m).join('<br><br>'),
       info: this.info,
       yesButton: 'Löschen',

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

@@ -25,35 +25,37 @@
       </template>
 
       <template v-else-if="$scopedSlots['model-table']">
-        <a-table>
-          <a-table-header>
-            <div v-if="$has.icon" />
-
-            <slot name="header-table" />
-          </a-table-header>
-
-          <a-table-row
-            v-for="model in models_"
-            :key="model.id"
-            v-flying-context-trigger="hasFlyingContext"
-            :class="getRowClasses(model)"
-            v-bind="getRowAttributes(model)"
-            v-on="getRowListeners(model)"
-            @click="emitFlyingContext(model)"
-          >
-            <v-icon
-              v-if="$has.icon"
-              :color="model.getIcon().color"
-              size="1.2rem"
-              v-text="model.getIcon().icon"
-            />
-
-            <slot
-              name="model-table"
-              :model="model"
-            />
-          </a-table-row>
-        </a-table>
+        <div class="a-table-wrapper">
+          <a-table>
+            <a-table-header>
+              <div v-if="$has.icon" />
+
+              <slot name="header-table" />
+            </a-table-header>
+
+            <a-table-row
+              v-for="model in models_"
+              :key="model.id"
+              v-flying-context-trigger="hasFlyingContext"
+              :class="getRowClasses(model)"
+              v-bind="getRowAttributes(model)"
+              v-on="getRowListeners(model)"
+              @click="emitFlyingContext(model)"
+            >
+              <v-icon
+                v-if="$has.icon"
+                :color="model.getIcon().color"
+                size="1.2rem"
+                v-text="model.getIcon().icon"
+              />
+
+              <slot
+                name="model-table"
+                :model="model"
+              />
+            </a-table-row>
+          </a-table>
+        </div>
       </template>
 
       <template v-else-if="$scopedSlots.model">

package/src-admin/config/vuetify.js

@@ -14,6 +14,7 @@ import {
   mdiDotsVertical,
   mdiFilter,
   mdiLock,
+  mdiLockOpenVariant,
   mdiLogoutVariant,
   mdiMagnify,
   mdiMenuDown,
@@ -51,6 +52,7 @@ export default new Vuetify({
       calendarIcon: mdiCalendar,
       searchIcon: mdiMagnify,
       lockIcon: mdiLock,
+      lockOpenIcon: mdiLockOpenVariant,
       checkIcon: mdiCheck,
       checkBoldIcon: mdiCheckBold,
       arrowLeftIcon: mdiArrowLeft,