changes update form data

admin/src/components/AutomaticCreation.vue

@@ -54,8 +54,6 @@ export default {
   },
   methods: {
     editAutomaticContributionData(data) {
-      console.log('start methodes editAutomaticContributionData')
-      console.log(typeof data)
       if (!this.visible) this.$root.$emit('bv::toggle::collapse', 'newContribution')
       this.automaticContributionData = data
     },

admin/src/components/AutomaticCreationForm.vue

@@ -131,12 +131,12 @@ export default {
       },
       min: new Date(),
       cycle: [
-        { value: 'no cycle', text: 'null' },
+        { value: 'none', text: 'no cycle' },
-        { value: 'stündlich', text: 'stündlich' },
+        { value: 'hourly', text: 'stündlich' },
-        { value: 'täglich', text: 'täglich' },
+        { value: 'daily', text: 'täglich' },
-        { value: 'wöchentlich', text: 'wöchentlich' },
+        { value: 'weekly', text: 'wöchentlich' },
-        { value: 'monatlich', text: 'monatlich' },
+        { value: 'monthly', text: 'monatlich' },
-        { value: 'jährlich', text: 'jährlich' },
+        { value: 'yearly', text: 'jährlich' },
       ],
       repetition: [
         { value: '1', text: '1 mal' },
@@ -196,5 +196,18 @@ export default {
       return this.automaticContributionData
     },
   },
+  watch: {
+    automaticContributionData() {
+      alert('change automaticContributionData')
+      this.form.name = this.automaticContributionData.name
+      this.form.memo = this.automaticContributionData.memo
+      this.form.amount = this.automaticContributionData.amount
+      this.form.startDate = this.automaticContributionData.startDate
+      this.form.endDate = this.automaticContributionData.endDate
+      this.form.cycle = this.automaticContributionData.cycle
+      this.form.repetition = this.automaticContributionData.repetition
+      this.form.maxAmount = this.automaticContributionData.maxAmount
+    },
+  },
 }
 </script>

admin/src/components/AutomaticCreationList.vue

@@ -7,12 +7,12 @@
         </b-button>
       </template>
       <template #cell(edit)="data">
-        <b-button variant="success" size="md" class="mr-2" @click="editAutomaticCreations(data)">
+        <b-button variant="success" size="md" class="mr-2" @click="editAutomaticCreations(data.item)">
           <b-icon icon="pencil" variant="light"></b-icon>
         </b-button>
       </template>
       <template #cell(show)="data">
-        <b-button variant="info" size="md" class="mr-2" @click="showAutomaticCreations(data)">
+        <b-button variant="info" size="md" class="mr-2" @click="showAutomaticCreations(data.item)">
           <b-icon icon="eye" variant="light"></b-icon>
         </b-button>
       </template>
@@ -24,11 +24,11 @@
           <h6 class="mb-0">xxx</h6>
         </template>
         <b-card-text>
-          daten + qrCode + link
           {{ modalData }}
+          <figure-qr-code :link="modalData ? modalData.link : ''" />
         </b-card-text>
         <template #footer>
-          <em>link</em>
+          <em>{{ modalData ? modalData.link : '' }}</em>
         </template>
       </b-card>
     </b-modal>
@@ -36,9 +36,13 @@
 </template>
 <script>
 import { deleteAutomaticCreation } from '@/graphql/deleteAutomaticCreation.js'
+import FigureQrCode from './FigureQrCode.vue'
 
 export default {
   name: 'AutomaticCreationList',
+  components: {
+    FigureQrCode,
+  },
   props: {
     items: { type: Array },
   },
@@ -47,7 +51,7 @@ export default {
       fields: [
         'name',
         'memo',
-        'gdd',
+        'amount',
         'cycle',
         'repetition',
         { key: 'startDate', label: 'Start' },
@@ -57,6 +61,7 @@ export default {
         'show',
       ],
       modalData: null,
+      modalDataLink: null,
     }
   },
   methods: {
@@ -81,7 +86,7 @@ export default {
         })
     },
     editAutomaticCreations(row) {
-      this.$emit('editAutomaticContributionData', row.item)
+      this.$emit('editAutomaticContributionData', row)
     },
 
     showAutomaticCreations(row) {

admin/src/pages/Overview.vue

@@ -75,31 +75,37 @@ export default {
           id: 1,
           name: 'Meditation',
           memo: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut l',
-          gdd: '200',
+          amount: '200',
           startDate: '2022-04-01',
           endDate: '2022-08-01',
           cycle: 'täglich',
-          repetition: '3 mal',
+          repetition: '3',
+          maxAmount: 0,
+          link: 'https://localhost/redeem/1a2345678',
         },
         {
           id: 2,
           name: 'Teamarbeit',
           memo: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt',
-          gdd: '300',
+          amount: '300',
           startDate: '2022-04-01',
           endDate: '2022-12-01',
           cycle: 'monatlich',
-          repetition: '1 mal',
+          repetition: '2',
+          maxAmount: 0,
+          link: 'https://localhost/redeem/1b2345678',
         },
         {
           id: 3,
           name: 'Documenta Kassel 2022',
           memo: 'New Account Register by Documenta Kassel, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt',
-          gdd: '400',
+          amount: '400',
           startDate: '2022-06-18',
           endDate: '2022-10-01',
           cycle: 'null',
-          repetition: '1 mal',
+          repetition: '1',
+          maxAmount: 0,
+          link: 'https://localhost/redeem/1c2345678',
         },
       ]
     },