fixed error when gdtEntryType is empty

This commit is contained in:
ogerly 2021-09-07 11:11:18 +02:00
parent 9503c2a49a
commit 8225d7975a
3 changed files with 43 additions and 42 deletions

View File

@ -1,11 +1,11 @@
<template> <template>
<div> <div>
<div class="list-group"> <div class="list-group">
<div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''"> <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
<!-- Icon --> <!-- Icon -->
<div class="text-right" style="position: absolute"> <div class="text-right" style="position: absolute">
<b-icon <b-icon
v-if="gdtEntryType"
:icon="getLinesByType(gdtEntryType).icon" :icon="getLinesByType(gdtEntryType).icon"
:class="getLinesByType(gdtEntryType).iconclasses" :class="getLinesByType(gdtEntryType).iconclasses"
></b-icon> ></b-icon>
@ -80,47 +80,46 @@ export default {
TransactionCollaps, TransactionCollaps,
}, },
props: { props: {
amount: { type: Number, default: 0 }, amount: { type: Number },
date: { date: {
type: Date, type: Date
default: function () {
return new Date()
},
}, },
comment: { type: String, default: '' }, comment: { type: String },
gdtEntryType: { type: Number, default: 0 }, gdtEntryType: { type: Number, default: 1},
factor: { type: Number, default: 0 }, factor: { type: Number},
gdt: { type: Number, default: 0 }, gdt: { type: Number},
}, },
methods: { methods: {
getLinesByType(givenType) { getLinesByType(givenType) {
const linesByType = {
1: { const linesByType = {
icon: 'heart', 1: {
iconclasses: 'gradido-global-color-accent m-mb-1 font2em', icon: 'heart',
description: 'Beitrag', iconclasses: 'gradido-global-color-accent m-mb-1 font2em',
descriptiontext: this.$n(this.amount, 'decimal') + ' €', description: 'Beitrag',
credittext: this.$n(this.gdt, 'decimal') + ' GDT', descriptiontext: this.$n(this.amount, 'decimal') + ' €',
}, credittext: this.$n(this.gdt, 'decimal') + ' GDT',
4: { },
icon: 'person-check', 4: {
iconclasses: 'gradido-global-color-accent m-mb-1 font2em', icon: 'person-check',
description: 'Geworbenes Mitglied', iconclasses: 'gradido-global-color-accent m-mb-1 font2em',
descriptiontext: '5%', description: 'Geworbenes Mitglied',
credittext: this.$n(this.amount, 'decimal') + ' GDT', descriptiontext: '5%',
}, credittext: this.$n(this.amount, 'decimal') + ' GDT',
7: { },
icon: 'gift', 7: {
iconclasses: 'gradido-global-color-accent m-mb-1 font2em', icon: 'gift',
description: 'Aktion', iconclasses: 'gradido-global-color-accent m-mb-1 font2em',
descriptiontext: this.comment, description: 'Aktion',
credittext: this.$n(this.gdt, 'decimal') + ' GDT', descriptiontext: this.comment,
}, credittext: this.$n(this.gdt, 'decimal') + ' GDT',
} },
}
const type = linesByType[givenType]
if (type) const type = linesByType[givenType]
if (type)
return { return {
icon: type.icon, icon: type.icon,
iconclasses: type.iconclasses, iconclasses: type.iconclasses,
@ -128,6 +127,7 @@ export default {
descriptiontext: type.descriptiontext, descriptiontext: type.descriptiontext,
credittext: type.credittext, credittext: type.credittext,
} }
}, },
}, },
} }

View File

@ -23,10 +23,10 @@
export default { export default {
name: 'TransactionCollaps', name: 'TransactionCollaps',
props: { props: {
amount: { type: Number, default: 0 }, amount: { type: Number },
gdtEntryType: { type: Number, default: 0 }, gdtEntryType: { type: Number },
factor: { type: Number, default: 0 }, factor: { type: Number },
gdt: { type: Number, default: 0 }, gdt: { type: Number },
}, },
methods: { methods: {
getLinesByType(givenType) { getLinesByType(givenType) {

View File

@ -17,6 +17,7 @@
} in transactionsGdt" } in transactionsGdt"
:key="transactionId" :key="transactionId"
> >
<transaction <transaction
:amount="amount" :amount="amount"
:date="date" :date="date"