@afeefa/vue-app 0.0.223 → 0.0.225

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

@@ -1 +1 @@
-0.0.223
+0.0.225

package/package.json

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

package/src/components/list/filters/ListFilterSearchSelect.vue

@@ -74,10 +74,10 @@
 <script>
 import { Component, Mixins } from '@a-vue'
 import { ListFilterMixin } from '../ListFilterMixin'
-import { ListAction } from '@a-vue/api-resources/ApiActions'
+import { ListAction, GetAction } from '@a-vue/api-resources/ApiActions'
 
 @Component({
-  props: ['itemTitle', 'itemValue']
+  props: ['itemTitle', 'itemValue', {selectedKey: 'id'}]
 })
 export default class ListFilterSearchSelect extends Mixins(ListFilterMixin) {
   $hasOptions = ['icon']
@@ -87,19 +87,17 @@ export default class ListFilterSearchSelect extends Mixins(ListFilterMixin) {
 
   async created () {
     if (this.filter.value) {
-      const {models} = await this.createListAction()
+      const model = await this.createGetAction()
         .params({
-          [this.filter.name]: this.filter.value
+          [this.selectedKey]: this.filter.value
         })
         .load()
 
-      if (models.length) {
+      if (model) {
         if (this.filter.value) {
-          const selectedModel = models.find(m => m.id === this.filter.value)
+          const selectedModel = model
           if (selectedModel) {
             this.inputModel = selectedModel.getTitle()
-          } else {
-            this.inputModel = models[0].getTitle()
           }
         }
       }
@@ -126,6 +124,20 @@ export default class ListFilterSearchSelect extends Mixins(ListFilterMixin) {
     return ListAction.fromRequest(request)
   }
 
+  createGetAction () {
+    const request = this.filter
+      .createOptionsRequest('get')
+
+    const getAction = this.$apiResources.getAction({
+      resourceType: request.getAction().getResource().getType(),
+      actionName: 'get'
+    })
+
+    request.action(getAction)
+
+    return GetAction.fromRequest(request)
+  }
+
   itemSelected (model) {
     if (model) {
       this.filter.value = model.id

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

@@ -1,7 +1,7 @@
 <template>
   <div class="listColumnHeader">
     <div
-      :class="['content', {order}]"
+      :class="['content', {order, right}]"
       @click="toggleSort"
     >
       <div
@@ -42,7 +42,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: ['text', 'icon', 'order']
+  props: ['text', 'icon', 'order', {right: false}]
 })
 export default class ListColumnHeader extends Vue {
   get orderValue () {
@@ -110,6 +110,10 @@ export default class ListColumnHeader extends Vue {
     user-select: none;
     cursor: pointer;
   }
+
+  &.right {
+    justify-content: end;
+  }
 }
 
 :deep(.v-icon) {