ver "0.5.9"

Saldo ora comprende anche le transazioni Pendenti (e le visualizza)

src/components/CSaldo/CSaldo.ts

@@ -5,6 +5,10 @@ import { CCurrencyValue } from '../CCurrencyValue'
 
 import { date, useQuasar } from 'quasar'
 import { useI18n } from '@/boot/i18n'
+import { IAccount, ISpecialField } from 'model'
+import { CMyFieldDb } from '@/components/CMyFieldDb'
+import { CMyFieldRec } from '@/components/CMyFieldRec'
+import { colTableNotifCoins } from '@store/Modules/fieldsTable'
 
 export default defineComponent({
   name: 'CSaldo',
@@ -18,6 +22,11 @@ export default defineComponent({
       required: true,
       default: 0,
     },
+    account: {
+      type: Object as PropType<IAccount>,
+      required: false,
+      default: null,
+    },
     qtarem: {
       type: Number,
       required: false,
@@ -29,10 +38,11 @@ export default defineComponent({
       default: '',
     },
   },
-  components: { CCurrencyValue },
+  components: { CCurrencyValue, CMyFieldRec },
   setup(props, { emit }) {
     const $q = useQuasar()
     const { t } = useI18n()
+    const color_border = ref('red')
 
     const showingtooltip = ref(false)
 
@@ -46,6 +56,9 @@ export default defineComponent({
     return {
       showingtooltip,
       t,
+      colTableNotifCoins,
+      tools,
+      color_border,
     }
   },
 })

src/components/CSaldo/CSaldo.vue

@@ -5,9 +5,42 @@
     :tips="t('account.saldo_tips', {fido: qtarem, symbol})"
     :color="color"
     :value="saldo"
+    :valueextra="account && account.notifspending ? `* `: ''"
     :label="t('account.saldo') + ` (` + t('account.dispon') + `: ` + qtarem + `)`">
 
   </CCurrencyValue>
+
+  <div v-if="account && account.notifspending" :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') }}
+    </div>
+
+    <div v-for="(myrec, index) in account.notifspending" :key="myrec._id">
+      <div class="row justify-evenly items-center q-gutter-xs ">
+        <span v-for="(mycol, indcol) of colTableNotifCoins" :key="indcol">
+          <div
+            class="col"
+            style="display: flex;"
+            v-if="(mycol.visible && (tools.checkIfShowField(mycol, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(myrec, mycol.field, mycol.subfield))))">
+
+            <span  v-if="mycol.name === 'datenotif'">{{ index + 1 }}</span>
+
+            <CMyFieldRec
+              table="sendnotifs"
+              :id="myrec._id"
+              :rec="myrec"
+              :field="mycol.name"
+              :canEdit="false"
+              :canModify="false">
+            </CMyFieldRec>
+          </div>
+        </span>
+      </div>
+    </div>
+  </div>
+
+
 </template>
 
 <script lang="ts" src="./CSaldo.ts">