@viur/shop-components 0.0.1-dev.4 → 0.0.1-dev.6

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/cart/CartView.vue +15 -14
  3. package/src/components/order/process/ExampleUsage.vue +30 -30
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viur/shop-components",
3
- "version": "0.0.1-dev.4",
3
+ "version": "0.0.1-dev.6",
4
4
  "description": "Frontend Vue components for the shop module of ViUR",
5
5
  "scripts": {
6
6
  "build": "vite build",
package/src/components/cart/CartView.vue CHANGED
@@ -2,7 +2,6 @@
2
2
  <Loader v-if="!state.cartIsInit"></Loader>
3
3
  <template v-else>
4
4
  <div class="bind viur-shop-cart-wrap">
5
-
6
5
  <sl-dialog ref="confirm" @sl-hide="onDialogHide">
7
6
  <p>Möchten Sie den Artikel wirklich aus dem Warenkorb entfernen?</p>
8
7
  <div class="footer-wrap" slot="footer">
@@ -115,7 +114,7 @@
115
114
  <img
116
115
  class="viur-shop-cart-card-img"
117
116
  slot="image"
118
- :src="getImage(item.article.dest.key)"
117
+ src="https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80"
119
118
  />
120
119
  <div class="viur-shop-cart-card-header" slot="header">
121
120
  <h4 class="viur-shop-cart-card-headline headline">
@@ -192,7 +191,9 @@
192
191
  </div>
193
192
 
194
193
  <teleport to="#order_sidebar" v-if="sidebar">
195
- <h2 class="viur-shop-cart-sidebar-headline headline">Zusammenfassung</h2>
194
+ <h2 class="viur-shop-cart-sidebar-headline headline">
195
+ Zusammenfassung
196
+ </h2>
196
197
  <br />
197
198
 
198
199
  <sl-input label="Rabattcode eingeben"></sl-input>
@@ -258,21 +259,21 @@ const currentCartKey = computed(() => {
258
259
  return props.mode === "basket" ? cartStore.state.basket : props.cartKey;
259
260
  });
260
261
 
261
- function getImage(item) {
262
- Request.get(`/json/dk_variante/view/${item}`).then(async (resp) => {
263
- let data = await resp.json();
262
+ // function getImage(item) {
263
+ // Request.get(`/json/dk_variante/view/${item}`).then(async (resp) => {
264
+ // let data = await resp.json();
264
265
 
265
- data = data.values;
266
+ // data = data.values;
266
267
 
267
- let imageUrl = data.dk_artikel.dest.image
268
- ? Request.downloadUrlFor(data.dk_artikel.dest.image)
269
- : "https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";
268
+ // let imageUrl = data.dk_artikel.dest.image
269
+ // ? Request.downloadUrlFor(data.dk_artikel.dest.image)
270
+ // : "https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";
270
271
 
271
- state.images[item] = imageUrl;
272
- });
272
+ // state.images[item] = imageUrl;
273
+ // });
273
274
 
274
- return state.images[item];
275
- }
275
+ // return state.images[item];
276
+ // }
276
277
 
277
278
  async function onConfirm() {
278
279
  await cartStore.updateItem(
package/src/components/order/process/ExampleUsage.vue CHANGED
@@ -29,16 +29,16 @@ const state = reactive({
29
29
  atShow: null,
30
30
  atHide: null,
31
31
  },
32
- confirm: {
33
- component: shallowRef(ConfirmView),
34
- props: {},
35
- displayName: "Bestellung prüfen",
36
- icon: { name: "order-check", library: "hsk" },
37
- position: 5,
38
- disabled: false,
39
- atShow: null,
40
- atHide: null,
41
- },
32
+ // confirm: {
33
+ // component: shallowRef(ConfirmView),
34
+ // props: {},
35
+ // displayName: "Bestellung prüfen",
36
+ // icon: { name: "order-check", library: "hsk" },
37
+ // position: 5,
38
+ // disabled: false,
39
+ // atShow: null,
40
+ // atHide: null,
41
+ // },
42
42
  // order: {
43
43
  // component: shallowRef(CategoryView),
44
44
  // props: {
@@ -54,16 +54,16 @@ const state = reactive({
54
54
  // atShow: null,
55
55
  // atHide: null,
56
56
  // },
57
- orderComplete: {
58
- component: shallowRef(OrderComplete),
59
- props: {},
60
- displayName: "Bestellung Abgeschlossen",
61
- icon: { name: "order-confirmed", library: "hsk" },
62
- position: 6,
63
- disabled: true,
64
- atShow: null,
65
- atHide: null,
66
- },
57
+ // orderComplete: {
58
+ // component: shallowRef(OrderComplete),
59
+ // props: {},
60
+ // displayName: "Bestellung Abgeschlossen",
61
+ // icon: { name: "order-confirmed", library: "hsk" },
62
+ // position: 6,
63
+ // disabled: true,
64
+ // atShow: null,
65
+ // atHide: null,
66
+ // },
67
67
  userInfo: {
68
68
  component: shallowRef(UserInformation),
69
69
  props: {},
@@ -74,16 +74,16 @@ const state = reactive({
74
74
  atShow: null,
75
75
  atHide: null,
76
76
  },
77
- userInfoMulti: {
78
- component: shallowRef(UserInfoMulti),
79
- props: {},
80
- displayName: "Daten Eingeben (Multi)",
81
- icon: { name: "user", library: "hsk" },
82
- position: 4,
83
- disabled: false,
84
- atShow: null,
85
- atHide: null,
86
- },
77
+ // userInfoMulti: {
78
+ // component: shallowRef(UserInfoMulti),
79
+ // props: {},
80
+ // displayName: "Daten Eingeben (Multi)",
81
+ // icon: { name: "user", library: "hsk" },
82
+ // position: 4,
83
+ // disabled: false,
84
+ // atShow: null,
85
+ // atHide: null,
86
+ // },
87
87
  },
88
88
  });
89
89