@afeefa/vue-app 0.0.172 → 0.0.173

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.
Files changed (8) hide show
  1. package/.afeefa/package/release/version.txt +1 -1
  2. package/package.json +1 -1
  3. package/src/components/ATable.vue +3 -4
  4. package/src/components/ATableHeader.vue +3 -1
  5. package/src/components/ATableRow.vue +6 -5
  6. package/src-admin/components/form/RemoveDialog.vue +1 -1
  7. package/src-admin/components/list/ListView.vue +31 -29
  8. package/src-admin/config/vuetify.js +2 -0
package/.afeefa/package/release/version.txt CHANGED
@@ -1 +1 @@
1
- 0.0.172
1
+ 0.0.173
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.172",
3
+ "version": "0.0.173",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
package/src/components/ATable.vue CHANGED
@@ -34,7 +34,7 @@ export default class ATable extends Vue {
34
34
  <style scoped lang="scss">
35
35
  .a-table {
36
36
  display: table;
37
- border-collapse: collapse;
37
+ border-collapse: separate;
38
38
  width: 100%;
39
39
 
40
40
  &.width-auto {
@@ -54,9 +54,8 @@ export default class ATable extends Vue {
54
54
  white-space: nowrap;
55
55
  vertical-align: middle;
56
56
 
57
- &.info {
58
- background: none !important;
59
- color: #888888;
57
+ &.text--info {
58
+ color: #888888 !important;
60
59
  }
61
60
  }
62
61
  }
package/src/components/ATableHeader.vue CHANGED
@@ -46,17 +46,19 @@ export default class ATableHeader extends Vue {
46
46
  > * {
47
47
  padding: .4rem 0;
48
48
  padding-right: 1rem;
49
+
49
50
  &:last-child {
50
51
  padding-right: 0;
51
52
  }
52
53
  }
53
54
 
54
55
  &.border {
55
- border-bottom: 1px solid #EEEEEE;
56
56
  > * {
57
+ border-bottom: 1px solid #EEEEEE;
57
58
  padding-left: .5rem;
58
59
  padding-right: 1rem;
59
60
  padding-bottom: .6rem;
61
+
60
62
  &:last-child {
61
63
  padding-right: .2rem;
62
64
  }
package/src/components/ATableRow.vue CHANGED
@@ -49,9 +49,8 @@ export default class ATableRow extends Vue {
49
49
  }
50
50
 
51
51
  &.border {
52
- border-bottom: 1px solid #E5E5E5;
53
-
54
52
  > * {
53
+ border-bottom: 1px solid #E5E5E5;
55
54
  padding: .4rem 1.5rem .4rem .4rem;
56
55
 
57
56
  &:last-child {
@@ -65,7 +64,9 @@ export default class ATableRow extends Vue {
65
64
  }
66
65
 
67
66
  &:hover, &.selected {
68
- background: #F4F4F4;
67
+ & > * {
68
+ background: #F4F4F4;
69
+ }
69
70
  }
70
71
 
71
72
  &.disabled {
@@ -73,11 +74,11 @@ export default class ATableRow extends Vue {
73
74
  opacity: .5;
74
75
  }
75
76
 
76
- &.active {
77
+ &.active > * {
77
78
  background: #EEEEFF;
78
79
  }
79
80
 
80
- &:last-child {
81
+ &:last-child > * {
81
82
  border: none;
82
83
  }
83
84
 
package/src-admin/components/form/RemoveDialog.vue CHANGED
@@ -47,7 +47,7 @@ export default class RemoveDialog extends Vue {
47
47
 
48
48
  const result = await this.$events.dispatch(new DialogEvent(DialogEvent.SHOW, {
49
49
  id: this.dialogId,
50
- title: this.itemTitle + ' löschen?',
50
+ title: this.title || this.itemTitle + ' löschen?',
51
51
  message: ['Soll ' + this.itemTitle + ' gelöscht werden?', this.message].filter(m => m).join('<br><br>'),
52
52
  info: this.info,
53
53
  yesButton: 'Löschen',
package/src-admin/components/list/ListView.vue CHANGED
@@ -25,35 +25,37 @@
25
25
  </template>
26
26
 
27
27
  <template v-else-if="$scopedSlots['model-table']">
28
- <a-table>
29
- <a-table-header>
30
- <div v-if="$has.icon" />
31
-
32
- <slot name="header-table" />
33
- </a-table-header>
34
-
35
- <a-table-row
36
- v-for="model in models_"
37
- :key="model.id"
38
- v-flying-context-trigger="hasFlyingContext"
39
- :class="getRowClasses(model)"
40
- v-bind="getRowAttributes(model)"
41
- v-on="getRowListeners(model)"
42
- @click="emitFlyingContext(model)"
43
- >
44
- <v-icon
45
- v-if="$has.icon"
46
- :color="model.getIcon().color"
47
- size="1.2rem"
48
- v-text="model.getIcon().icon"
49
- />
50
-
51
- <slot
52
- name="model-table"
53
- :model="model"
54
- />
55
- </a-table-row>
56
- </a-table>
28
+ <div class="a-table-wrapper">
29
+ <a-table>
30
+ <a-table-header>
31
+ <div v-if="$has.icon" />
32
+
33
+ <slot name="header-table" />
34
+ </a-table-header>
35
+
36
+ <a-table-row
37
+ v-for="model in models_"
38
+ :key="model.id"
39
+ v-flying-context-trigger="hasFlyingContext"
40
+ :class="getRowClasses(model)"
41
+ v-bind="getRowAttributes(model)"
42
+ v-on="getRowListeners(model)"
43
+ @click="emitFlyingContext(model)"
44
+ >
45
+ <v-icon
46
+ v-if="$has.icon"
47
+ :color="model.getIcon().color"
48
+ size="1.2rem"
49
+ v-text="model.getIcon().icon"
50
+ />
51
+
52
+ <slot
53
+ name="model-table"
54
+ :model="model"
55
+ />
56
+ </a-table-row>
57
+ </a-table>
58
+ </div>
57
59
  </template>
58
60
 
59
61
  <template v-else-if="$scopedSlots.model">
package/src-admin/config/vuetify.js CHANGED
@@ -14,6 +14,7 @@ import {
14
14
  mdiDotsVertical,
15
15
  mdiFilter,
16
16
  mdiLock,
17
+ mdiLockOpenVariant,
17
18
  mdiLogoutVariant,
18
19
  mdiMagnify,
19
20
  mdiMenuDown,
@@ -51,6 +52,7 @@ export default new Vuetify({
51
52
  calendarIcon: mdiCalendar,
52
53
  searchIcon: mdiMagnify,
53
54
  lockIcon: mdiLock,
55
+ lockOpenIcon: mdiLockOpenVariant,
54
56
  checkIcon: mdiCheck,
55
57
  checkBoldIcon: mdiCheckBold,
56
58
  arrowLeftIcon: mdiArrowLeft,