mirror of
https://github.com/IT4Change/gradido.git
synced 2025-12-13 07:45:54 +00:00
gdt transaction lust to ROW and COL
This commit is contained in:
ogerly
parent
8e1014af7e
commit
f6af2fdee1
@ -177,6 +177,9 @@
|
|||||||
"conversion":"Umrechnung",
|
"conversion":"Umrechnung",
|
||||||
"formula":"Berechungsformel",
|
"formula":"Berechungsformel",
|
||||||
"no-transactions":"Du hast zur Zeit keine Transaktionen",
|
"no-transactions":"Du hast zur Zeit keine Transaktionen",
|
||||||
"publisher":"Dein geworbenes Mitglied hat gespendet."
|
"publisher":"Dein geworbenes Mitglied hat gespendet.",
|
||||||
|
"gdt-receive":"GDT erhalten",
|
||||||
|
"your-share":"Dein Anteil",
|
||||||
|
"donation":"Spende"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -178,6 +178,9 @@
|
|||||||
"conversion": "Conversion",
|
"conversion": "Conversion",
|
||||||
"formula": "Calculation formula",
|
"formula": "Calculation formula",
|
||||||
"no-transactions":"You currently have no transactions",
|
"no-transactions":"You currently have no transactions",
|
||||||
"publisher":"Your recruited member has donated."
|
"publisher":"Your recruited member has donated.",
|
||||||
|
"gdt-receive":"GDT receive",
|
||||||
|
"your-share":"Your share",
|
||||||
|
"donation":"Donation"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="gdt-transaction-list">
|
<div class="gdt-transaction-list">
|
||||||
<b-list-group>
|
<div class="list-group">
|
||||||
<b-list-group-item v-if="transactionGdtCount === 0">
|
<div v-if="transactionGdtCount === 0">
|
||||||
{{ $t('gdt.no-transactions') }}
|
{{ $t('gdt.no-transactions') }}
|
||||||
</b-list-group-item>
|
</div>
|
||||||
<b-list-group-item
|
<div
|
||||||
v-for="{
|
v-for="{
|
||||||
id,
|
id,
|
||||||
amount,
|
amount,
|
||||||
@ -20,106 +20,117 @@
|
|||||||
} in this.transactionsGdt"
|
} in this.transactionsGdt"
|
||||||
:key="id"
|
:key="id"
|
||||||
>
|
>
|
||||||
<!-- ROW Start -->
|
<!-- Betrag -->
|
||||||
<div class="d-flex gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
|
<div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
|
||||||
<!-- ICON -->
|
<div v-if="type != 'decay'" class="text-right" style="width: 96%; position: absolute">
|
||||||
<div style="width: 8%"></div>
|
|
||||||
<!-- Text Links -->
|
|
||||||
<div class="font1_2em pr-2 text-right" style="width: 36%">
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<div v-if="gdt_entry_type_id === 7">{{ $n(gdt, 'decimal') }}</div>
|
|
||||||
<div v-else>{{ $n(amount, 'decimal') }}</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">
|
|
||||||
{{ $n(gdt, 'decimal') }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="comment">
|
|
||||||
<small>
|
|
||||||
{{ $t('form.memo') }}
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
<div v-if="date" class="text-sm">
|
|
||||||
{{ $t('form.date') }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Text Rechts -->
|
|
||||||
<div class="font1_2em text-left pl-2" style="width: 55%">
|
|
||||||
<div>
|
|
||||||
<div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">EURO</div>
|
|
||||||
<div>GDT</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="comment">
|
|
||||||
<small>
|
|
||||||
{{ comment }}
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="date" class="text-sm">
|
|
||||||
{{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Collaps Toggle Button -->
|
|
||||||
<div v-if="gdt_entry_type_id" class="text-right" style="width: 5%">
|
|
||||||
<b-button class="btn-sm">
|
<b-button class="btn-sm">
|
||||||
<b>i</b>
|
<b>i</b>
|
||||||
</b-button>
|
</b-button>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 7 nur GDT erhalten -->
|
||||||
|
<b-row v-if="gdt_entry_type_id === 7">
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<div>{{ $t('gdt.gdt-receive') }}</div>
|
||||||
|
<div>{{ $n(gdt, 'decimal') }}</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- ROW End -->
|
<div class="col-6">
|
||||||
<!-- Collaps Start -->
|
<div>---</div>
|
||||||
<b-collapse v-if="gdt_entry_type_id" :id="'a' + date + ''" class="pb-4">
|
<div>GDT</div>
|
||||||
<b-list-group style="border: 0px; background-color: #f1f1f1">
|
|
||||||
<div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4" class="text-center pt-3">
|
|
||||||
{{ $t('gdt.conversion-gdt-euro') }}
|
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="gdt_entry_type_id === 4" class="text-center pt-3">
|
</b-row>
|
||||||
{{ $t('gdt.publisher') }}
|
<!--4 publisher -->
|
||||||
|
<b-row v-else-if="gdt_entry_type_id === 4">
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<div>{{ $t('gdt.your-share') }}</div>
|
||||||
|
<div>{{ $n(amount, 'decimal') }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="text-center pt-3">
|
<div class="col-6">
|
||||||
{{ $t('gdt.calculation') }}
|
<div>5%</div>
|
||||||
|
<div>GDT</div>
|
||||||
|
</div>
|
||||||
|
</b-row>
|
||||||
|
<!-- 1, 2, 3, 5, 6 spenden in euro -->
|
||||||
|
<b-row v-else>
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
<div>{{ $t('gdt.donation') }}</div>
|
||||||
|
<div>{{ $n(amount, 'decimal') }}</div>
|
||||||
|
<div>{{ $n(gdt, 'decimal') }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<div>---</div>
|
||||||
|
<div>EURO</div>
|
||||||
|
<div>GDT</div>
|
||||||
|
</div>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
<!-- Betrag ENDE-->
|
||||||
|
|
||||||
|
<!-- Nachricht-->
|
||||||
|
<b-row v-if="comment">
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
{{ $t('form.memo') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
{{ comment }}
|
||||||
|
</div>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
<!-- Datum-->
|
||||||
|
<b-row v-if="date" class="gdt-list-row text-header">
|
||||||
|
<div class="col-6 text-right">
|
||||||
|
{{ $t('form.date') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
{{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
|
||||||
|
</div>
|
||||||
|
</b-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--EURO / GDT -->
|
<!-- Collaps START -->
|
||||||
<b-list-group-item
|
|
||||||
v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4"
|
<b-collapse v-if="gdt_entry_type_id" :id="'a' + date + ''" class="pb-4">
|
||||||
style="border: 0px; background-color: #f1f1f1"
|
<div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
|
||||||
>
|
<!-- Überschrift -->
|
||||||
<div class="d-flex">
|
<b-row class="gdt-list-clooaps-header-text text-center pb-3">
|
||||||
<div style="width: 40%" class="text-right pr-3 mr-2">
|
<div class="col h4" v-if="gdt_entry_type_id === 7">
|
||||||
|
{{ $t('gdt.conversion-gdt-euro') }}
|
||||||
|
</div>
|
||||||
|
<div class="col h4" v-else-if="gdt_entry_type_id === 4">
|
||||||
|
{{ $t('gdt.publisher') }}
|
||||||
|
</div>
|
||||||
|
<div class="col h4" v-else>{{ $t('gdt.calculation') }}</div>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
|
<!-- 7 nur GDT erhalten -->
|
||||||
|
<b-row class="gdt-list-clooaps-box-7" v-if="gdt_entry_type_id == 7">
|
||||||
|
<div class="col-6 text-right clooaps-col-left">
|
||||||
<div>{{ $t('gdt.factor') }}</div>
|
<div>{{ $t('gdt.factor') }}</div>
|
||||||
<div>{{ $t('gdt.conversion') }}</div>
|
<div>{{ $t('gdt.conversion') }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 60%">
|
<div class="col-6 clooaps-col-right">
|
||||||
<div>{{ factor }}</div>
|
<div>{{ factor }}</div>
|
||||||
<div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
|
<div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</b-row>
|
||||||
</b-list-group-item>
|
<!-- 4 publisher -->
|
||||||
|
<b-row class="gdt-list-clooaps-box-4" v-else-if="gdt_entry_type_id === 4">
|
||||||
|
<div class="col-6 text-right clooaps-col-left"></div>
|
||||||
|
<div class="col-6 clooaps-col-right"></div>
|
||||||
|
</b-row>
|
||||||
|
|
||||||
<b-list-group-item
|
<!-- 1, 2, 3, 5, 6 spenden in euro -->
|
||||||
v-else-if="gdt_entry_type_id === 4"
|
<b-row class="gdt-list-clooaps-box--all" v-else>
|
||||||
style="border: 0px; background-color: #f1f1f1"
|
<div class="col-6 text-right clooaps-col-left">{{ $t('gdt.formula') }}:</div>
|
||||||
></b-list-group-item>
|
<div class="col-6 clooaps-col-right">
|
||||||
|
|
||||||
<!-- Only GDT -->
|
|
||||||
<b-list-group-item v-else style="border: 0px; background-color: #f1f1f1">
|
|
||||||
<div class="d-flex">
|
|
||||||
<div style="width: 40%" class="text-right pr-3 mr-2">{{ $t('gdt.formula') }}:</div>
|
|
||||||
<div style="width: 60%">
|
|
||||||
{{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
|
{{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
|
||||||
</div>
|
</div>
|
||||||
|
</b-row>
|
||||||
</div>
|
</div>
|
||||||
</b-list-group-item>
|
|
||||||
</b-list-group>
|
|
||||||
</b-collapse>
|
</b-collapse>
|
||||||
<!-- Collaps End -->
|
|
||||||
</b-list-group-item>
|
<!-- Collaps ENDE -->
|
||||||
</b-list-group>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user