- Fare LISTA MOVIMENTI più comprensibile

- Grafica Circuiti

src/components/CSingleMovement/CSingleMovement.vue

@@ -0,0 +1,73 @@
+<template>
+  <q-item
+    v-if="mov"
+    :class="[
+      'm-mb-sm',
+      'schede-mov',
+      {
+        'background-even': index % 2 === 0,
+        'background-odd': index % 2 !== 0,
+      },
+    ]"
+    clickable
+    v-ripple
+  >
+    <q-item-section v-if="visu !== 1" avatar @click="navigabyMov(mov, true)">
+      <CMyImgUser :mov="mov" :from="true"> </CMyImgUser>
+    </q-item-section>
+    <q-item-section v-else side @click="navigabyMov(mov, false)">
+      <CMyImgUser :mov="mov" :from="false"> </CMyImgUser>
+      <CCurrencyValue
+        :symbol="mov.circuitfrom.symbol"
+        color="red"
+        v-model="mov.amount"
+        :small="true"
+        label=""
+      >
+      </CCurrencyValue>
+    </q-item-section>
+
+    <q-item-section>
+      <q-item-label class="causale" v-if="mov.causal">{{
+        mov.causal
+      }}</q-item-label>
+      <q-item-label v-if="visu !== 1" lines="3">
+        {{ t('movement.from') }}
+        <span class="userfrom">{{
+          tools.getUsernameOrGroupOrContoComByMov(mov, true)
+        }}</span>
+      </q-item-label>
+      <q-item-label v-if="visu !== 2" lines="3">
+        {{ t('movement.to') }}
+        <span class="userto">{{
+          tools.getUsernameOrGroupOrContoComByMov(mov, false)
+        }}</span></q-item-label
+      >
+      <q-item-label caption lines="1" v-if="mov.circuitfrom" class="circuit">{{
+        mov.circuitfrom.name
+      }}</q-item-label>
+      <q-item-label caption lines="1" v-if="mov.transactionDate" class="date">{{
+        tools.getstrDateTime(mov.transactionDate)
+      }}</q-item-label>
+    </q-item-section>
+
+    <q-item-section v-if="visu === 0" side @click="navigabyMov(mov, false)">
+      <CMyImgUser :mov="mov" :from="false"> </CMyImgUser>
+      <CCurrencyValue
+        :symbol="mov.circuitfrom.symbol"
+        color="red"
+        v-model="mov.amount"
+        :small="true"
+        label=""
+      >
+      </CCurrencyValue>
+    </q-item-section>
+  </q-item>
+</template>
+
+<script lang="ts" src="./CSingleMovement.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CSingleMovement.scss';
+</style>