add page DecayInformation-Decay.vue, minus sign inserted

frontend/src/components/DecayInformations/DecayInformation-Decay.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="decayinformation-decay">
+    <div class="d-flex">
+      <div style="width: 100%" class="text-center pb-3">
+        <b-icon icon="droplet-half" height="12" class="mb-2" />
+        <b>{{ $t('decay.calculation_decay') }}</b>
+      </div>
+    </div>
+
+    <b-row>
+      <b-col cols="6" class="text-right">
+        <div>{{ $t('decay.decay') }}</div>
+      </b-col>
+      <b-col cols="6">
+        <div>
+          {{ $n(Number(balance) - Number(decay.decay), 'decimal') }}
+          GDD − {{ $n(Number(decay.decay) * -1, 'decimal') }} GDD =
+          <b>{{ $n(Number(balance), 'decimal') }} GDD</b>
+        </div>
+      </b-col>
+    </b-row>
+  </div>
+</template>
+<script>
+export default {
+  name: 'DecayInformation-Decay',
+  props: {
+    balance: {
+      type: String,
+    },
+    decay: {
+      type: Object,
+    },
+  },
+}
+</script>

frontend/src/components/DecayInformations/DecayInformation-Long.vue

@@ -42,7 +42,7 @@
         <div>{{ $t('decay.decay') }}</div>
       </b-col>
       <b-col cols="6">
-        <div>{{ $n(decay.decay, 'decimal') }}</div>
+        <div>− {{ $n(decay.decay * -1, 'decimal') }}</div>
       </b-col>
     </b-row>
     <hr class="mt-2 mb-2" />
@@ -58,7 +58,7 @@
         <div v-if="typeId === 'RECEIVE'">{{ $t('decay.received') }}</div>
       </b-col>
       <b-col cols="6">
-        <div v-if="typeId === 'SEND'">{{ $n(amount, 'decimal') }}</div>
+        <div v-if="typeId === 'SEND'">− {{ $n(amount * -1, 'decimal') }}</div>
         <div v-if="typeId === 'RECEIVE'">{{ $n(amount, 'decimal') }}</div>
       </b-col>
     </b-row>
@@ -68,7 +68,7 @@
         <div>{{ $t('decay.decay') }}</div>
       </b-col>
       <b-col cols="6">
-        <div>{{ $n(decay.decay, 'decimal') }}</div>
+        <div>− {{ $n(decay.decay * -1, 'decimal') }}</div>
       </b-col>
     </b-row>
     <!-- Total-->
@@ -78,7 +78,7 @@
       </b-col>
       <b-col cols="6">
         <div v-if="typeId === 'SEND'">
-          <b>{{ $n(Number(amount) + Number(decay.decay), 'decimal') }}</b>
+          <b>− {{ $n(Number(amount * -1) + Number(decay.decay * -1), 'decimal') }}</b>
         </div>
         <div v-if="typeId === 'RECEIVE'">
           <b>{{ $n(Number(amount) + Number(decay.decay), 'decimal') }}</b>

frontend/src/components/DecayInformations/DecayInformation-Short.vue

@@ -1,8 +1,6 @@
 <template>
   <div class="decayinformation-short">
-    <span>
-      {{ decay ? $n(decay.decay, 'decimal') : '' }}
-    </span>
+    <span>− {{ decay ? $n(decay.decay * -1, 'decimal') : '' }}</span>
   </div>
 </template>
 <script>

frontend/src/components/Transactions/TransactionDecay.vue

@@ -44,21 +44,19 @@
       </div>
 
       <b-collapse class="pb-4 pt-5" v-model="visible">
-        <!--<decay-information-decay :balance="balance" :decay="decay" />-->
+        <decay-information-decay :balance="balance" :decay="decay" />
       </b-collapse>
     </div>
   </div>
 </template>
 <script>
-// import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
+import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
   name: 'slot-decay',
-  /*
   components: {
     DecayInformationDecay,
   },
-  */
   props: {
     amount: {
       type: String,