@afeefa/vue-app 0.0.71 → 0.0.74

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.71
1
+ 0.0.74
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.71",
3
+ "version": "0.0.74",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
@@ -41,6 +41,7 @@ export default class APagination extends Vue {
41
41
  margin: 0;
42
42
  width: 28px;
43
43
  height: 28px;
44
+ white-space: nowrap;
44
45
  }
45
46
  }
46
47
  </style>
@@ -8,6 +8,7 @@
8
8
  :changed="changed"
9
9
  :valid="valid"
10
10
  :modelToEdit="modelToEdit"
11
+ :model="model"
11
12
  />
12
13
  </v-form>
13
14
  </template>
@@ -46,6 +47,8 @@ export default class EditForm extends Vue {
46
47
  this.modelToEdit = this.model.cloneForEdit()
47
48
  }
48
49
  this.lastJson = this.json
50
+
51
+ this.$emit('update:modelToEdit', this.modelToEdit)
49
52
  }
50
53
 
51
54
  /**
@@ -83,7 +83,7 @@ h3 {
83
83
 
84
84
  h2 {
85
85
  font-size: 1.5rem;
86
- line-height: 1.5rem;
86
+ line-height: 1.7rem;
87
87
 
88
88
  white-space: nowrap;
89
89
  overflow: hidden;
@@ -16,18 +16,21 @@
16
16
  </v-icon>
17
17
  </v-btn>
18
18
 
19
- <v-icon
19
+ <v-hover
20
20
  v-if="$has.reset && changed"
21
- :small="small"
22
- :class="{disabled: !changed}"
23
- :disabled="!changed"
24
- color="#999999"
25
- text
26
- title="Formular zurücksetzen"
27
- @click="$emit('reset')"
21
+ v-slot="{ hover }"
28
22
  >
29
- {{ undoIcon }}
30
- </v-icon>
23
+ <v-icon
24
+ :small="small"
25
+ :class="{disabled: !changed}"
26
+ :color="hover ? '#666666' : '#999999'"
27
+ text
28
+ title="Formular zurücksetzen"
29
+ @click="$emit('reset')"
30
+ >
31
+ {{ undoIcon }}
32
+ </v-icon>
33
+ </v-hover>
31
34
  </a-row>
32
35
  </template>
33
36
 
@@ -1,28 +1,36 @@
1
1
  <template>
2
- <edit-form
3
- ref="form"
4
- :model="model"
5
- :createModelToEdit="createModelToEdit"
6
- >
7
- <template #form="{modelToEdit, changed, valid}">
8
- <slot
9
- name="form"
10
- :modelToEdit="modelToEdit"
11
- :changed="changed"
12
- :valid="valid"
13
- />
2
+ <div>
3
+ <slot name="before-form" />
14
4
 
15
- <app-bar-button>
16
- <edit-form-buttons
5
+ <edit-form
6
+ ref="form"
7
+ :model="model"
8
+ :createModelToEdit="createModelToEdit"
9
+ v-on="$listeners"
10
+ >
11
+ <template #form="{modelToEdit, model, changed, valid}">
12
+ <slot
13
+ name="form"
14
+ :modelToEdit="modelToEdit"
15
+ :model="model"
17
16
  :changed="changed"
18
17
  :valid="valid"
19
- :has="{reset: !!modelToEdit.id}"
20
- @save="$emit('save', modelToEdit, ignoreChangesOnRouteChange)"
21
- @reset="$refs.form.reset()"
22
18
  />
23
- </app-bar-button>
24
- </template>
25
- </edit-form>
19
+
20
+ <app-bar-button>
21
+ <edit-form-buttons
22
+ :changed="changed"
23
+ :valid="valid"
24
+ :has="{reset: !!modelToEdit.id}"
25
+ @save="$emit('save', modelToEdit, ignoreChangesOnRouteChange)"
26
+ @reset="$refs.form.reset()"
27
+ />
28
+ </app-bar-button>
29
+ </template>
30
+ </edit-form>
31
+
32
+ <slot name="after-form" />
33
+ </div>
26
34
  </template>
27
35
 
28
36
  <script>