@afeefa/vue-app 0.0.274 → 0.0.276

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

@@ -1 +1 @@
-0.0.274
+0.0.276

package/package.json

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

package/src/api-resources/GetAction.js

@@ -11,7 +11,7 @@ export class GetAction extends ApiAction {
   processError (result) {
     if (this._showError) {
       eventBus.dispatch(new AlertEvent(AlertEvent.ERROR, {
-        headline: 'Die Daten konntent nicht geladen werden.',
+        headline: 'Die Daten konnten nicht geladen werden.',
         message: result.message,
         detail: result.detail
       }))

package/src/api-resources/ListAction.js

@@ -30,7 +30,7 @@ export class ListAction extends ApiAction {
   processError (result) {
     if (this._showError) {
       eventBus.dispatch(new AlertEvent(AlertEvent.ERROR, {
-        headline: 'Die Daten konntent nicht geladen werden.',
+        headline: 'Die Daten konnten nicht geladen werden.',
         message: result.message,
         detail: result.detail
       }))

package/src/components/ARadioGroup.vue

@@ -2,7 +2,7 @@
   <v-radio-group
     ref="radios"
     :rules="validationRules"
-    :class="{hasLabel: $has.label}"
+    :class="{hasLabel: $has.label, alignTop}"
     :valueComparator="compareValues"
     v-bind="$attrs"
     @change="$emit('input', $event)"
@@ -16,7 +16,14 @@
         :value="option.itemValue"
       >
         <template #label>
-          <div v-html="option.itemText" />
+          <div>
+            <div v-html="option.itemText" />
+            <div
+              v-if="hints(option.itemValue)"
+              class="hint"
+              v-html="hints(option.itemValue)"
+            />
+          </div>
         </template>
       </v-radio>
     </template>
@@ -29,7 +36,16 @@ import { Component, Vue, Watch } from '@a-vue'
 import { Model } from '@afeefa/api-resources-client'
 
 @Component({
-  props: ['options', 'validator']
+  props: [
+    'options',
+    'validator',
+    {
+      alignTop: false,
+      hints: {
+        default: () => () => {}
+      }
+    }
+  ]
 })
 export default class ARadioGroup extends Vue {
   $hasOptions = ['label']
@@ -79,10 +95,19 @@ export default class ARadioGroup extends Vue {
 .v-input {
   margin: 0;
 
+  &.alignTop .v-radio {
+    align-items: flex-start;
+  }
+
   &:not(.hasLabel) {
     :deep(legend) {
       display: none;
     }
   }
+
+  .hint {
+    font-size: .9rem;
+    color: #999999;
+  }
 }
 </style>

package/src/components/ASearchSelect.vue

@@ -409,13 +409,7 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
   overscroll-behavior: contain;
 
   :deep(.a-table-row) {
-    &:not(.selected) {
-      cursor: pointer;
-    }
-
-    &.selected {
-      pointer-events: none;
-    }
+    cursor: pointer;
   }
 }