- Add saldo to member's list

src/components/CSaldo/CSaldo.ts

@@ -13,6 +13,10 @@ import { colTableNotifCoins } from '@store/Modules/fieldsTable'
 export default defineComponent({
   name: 'CSaldo',
   props: {
+    small: {
+      type: Boolean,
+      default: false,
+    },
     symbol: {
       type: String,
       required: true,

src/components/CSaldo/CSaldo.vue

@@ -1,17 +1,27 @@
 <template>
 
   <CCurrencyValue
+    v-if="small"
+    :small="true"
+    :symbol="symbol"
+    :color_border="saldo > 0 ? `green` : `red`"
+    :color="color"
+    :value="saldo"
+    :label="t('account.saldo')">
+  </CCurrencyValue>
+  <CCurrencyValue
+    v-else
     :symbol="symbol"
     :tips="t('account.saldo_tips', {fido: qtarem, symbol})"
     :color="color"
     :value="saldo"
-    :valueextra="account && account.notifspending.length > 0 ? `* `: ''"
+    :valueextra="account && account.notifspending && account.notifspending.length > 0 ? `* `: ''"
     :label="t('account.saldo') + ` (` + t('account.dispon') + `: ` + qtarem + `)`">
 
   </CCurrencyValue>
 
 
-  <div v-if="account && account.notifspending.length > 0" :class="`text-h5 bordo_stondato_stretto full-width`"
+  <div v-if="!small && account && account.notifspending && account.notifspending.length > 0" :class="`text-h5 bordo_stondato_stretto full-width`"
        :style="(!$q.screen.lt.sm ? `min-width: 250px; ` : ``) + (color_border ? `border-color: ` + color_border + `!important;`: '')">
     <div class="text-center text-h7-dense text-italic text-grey-14">
       {{ t('movement.pendingtransaction') }}