@afeefa/vue-app 0.0.275 → 0.0.276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- 0.0.275
1
+ 0.0.276
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.275",
3
+ "version": "0.0.276",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
@@ -11,7 +11,7 @@ export class GetAction extends ApiAction {
11
11
  processError (result) {
12
12
  if (this._showError) {
13
13
  eventBus.dispatch(new AlertEvent(AlertEvent.ERROR, {
14
- headline: 'Die Daten konntent nicht geladen werden.',
14
+ headline: 'Die Daten konnten nicht geladen werden.',
15
15
  message: result.message,
16
16
  detail: result.detail
17
17
  }))
@@ -30,7 +30,7 @@ export class ListAction extends ApiAction {
30
30
  processError (result) {
31
31
  if (this._showError) {
32
32
  eventBus.dispatch(new AlertEvent(AlertEvent.ERROR, {
33
- headline: 'Die Daten konntent nicht geladen werden.',
33
+ headline: 'Die Daten konnten nicht geladen werden.',
34
34
  message: result.message,
35
35
  detail: result.detail
36
36
  }))
@@ -2,7 +2,7 @@
2
2
  <v-radio-group
3
3
  ref="radios"
4
4
  :rules="validationRules"
5
- :class="{hasLabel: $has.label}"
5
+ :class="{hasLabel: $has.label, alignTop}"
6
6
  :valueComparator="compareValues"
7
7
  v-bind="$attrs"
8
8
  @change="$emit('input', $event)"
@@ -16,7 +16,14 @@
16
16
  :value="option.itemValue"
17
17
  >
18
18
  <template #label>
19
- <div v-html="option.itemText" />
19
+ <div>
20
+ <div v-html="option.itemText" />
21
+ <div
22
+ v-if="hints(option.itemValue)"
23
+ class="hint"
24
+ v-html="hints(option.itemValue)"
25
+ />
26
+ </div>
20
27
  </template>
21
28
  </v-radio>
22
29
  </template>
@@ -29,7 +36,16 @@ import { Component, Vue, Watch } from '@a-vue'
29
36
  import { Model } from '@afeefa/api-resources-client'
30
37
 
31
38
  @Component({
32
- props: ['options', 'validator']
39
+ props: [
40
+ 'options',
41
+ 'validator',
42
+ {
43
+ alignTop: false,
44
+ hints: {
45
+ default: () => () => {}
46
+ }
47
+ }
48
+ ]
33
49
  })
34
50
  export default class ARadioGroup extends Vue {
35
51
  $hasOptions = ['label']
@@ -79,10 +95,19 @@ export default class ARadioGroup extends Vue {
79
95
  .v-input {
80
96
  margin: 0;
81
97
 
98
+ &.alignTop .v-radio {
99
+ align-items: flex-start;
100
+ }
101
+
82
102
  &:not(.hasLabel) {
83
103
  :deep(legend) {
84
104
  display: none;
85
105
  }
86
106
  }
107
+
108
+ .hint {
109
+ font-size: .9rem;
110
+ color: #999999;
111
+ }
87
112
  }
88
113
  </style>