Riso: Ris Italia, altre modifiche grafiche

Lista Utenti da Verificare

src/components/CUserInfoAccount/CUserInfoAccount.ts

@@ -64,6 +64,8 @@ export default defineComponent({
 
     const table = ref(toolsext.TABMYGROUPS)
 
+    const circuitsnational = ref(<any[]>[])
+
     const circuit = ref(<ICircuit | null | undefined>null)
 
     watch(() => props.user, (newval, oldval) => {
@@ -83,6 +85,8 @@ export default defineComponent({
         circuit.value = circuitStore.getCircuitByPath(props.circuitpath)
       }
 
+      circuitsnational.value = circuitStore.getCircuitsNational()
+
       if (props.account) {
         myaccount.value = props.account
       } else {
@@ -138,6 +142,7 @@ export default defineComponent({
       myaccount,
       save,
       toolsext,
+      circuitsnational,
     }
   },
 })

src/components/CUserInfoAccount/CUserInfoAccount.vue

@@ -6,14 +6,22 @@
 
     <q-separator />
 
+    <q-avatar v-if="userStore.getImgByCircuit(circuit)" size="30px">
+      <q-img
+        :src="userStore.getImgByCircuit(circuit)"
+        :alt="circuit.name"
+        img-class="imgprofile"
+        height="30px"
+        @click="
+          naviga(tools.getPathByTableAndRec(toolsext.TABCIRCUITS, circuit))
+        "
+      />
+    </q-avatar>
     <q-btn
-      text-color="blue"
-      color="white"
-      class="shadow-5 q-mb-xs"
-      dense
-      flat
+      class="shadow-1 q-mb-xs q-mt-xs"
+      color="primary"
       rounded
-      size="md"
+      size="sm"
       @click="naviga(tools.getPathByTableAndRec(toolsext.TABCIRCUITS, circuit))"
     >
       {{ circuit.name }}
@@ -29,6 +37,47 @@
     >
     </CSaldo>
 
+    <div v-if="onlysaldo">
+      <div v-for="(circnaz, ind) of circuitsnational" :key="ind">
+        <q-avatar v-if="userStore.getImgByCircuit(circnaz)" size="30px">
+          <q-img
+            :src="userStore.getImgByCircuit(circnaz)"
+            :alt="circuit.name"
+            img-class="imgprofile"
+            height="30px"
+            @click="
+              naviga(tools.getPathByTableAndRec(toolsext.TABCIRCUITS, circnaz))
+            "
+          />
+        </q-avatar>
+        <q-btn
+          class="shadow-1 q-mb-xs q-mt-xs"
+          color="primary"
+          rounded
+          size="sm"
+          @click="
+            naviga(tools.getPathByTableAndRec(toolsext.TABCIRCUITS, circnaz))
+          "
+        >
+          {{ circnaz.name }}
+        </q-btn>
+
+        <CSaldo
+          v-if="tools.isUserOk() && circnaz.account"
+          :account="circnaz.account"
+          :symbol="circnaz.symbol"
+          :color="circnaz.color"
+          :saldo="circnaz.account.saldo_pend"
+          :qtarem="
+            myaccount
+              ? circuitStore.getRemainingCoinsToSend(circnaz.account)
+              : 0
+          "
+        >
+        </CSaldo>
+      </div>
+    </div>
+
     <q-card-section v-if="!onlysaldo">
       <div v-if="myaccount.date_created" class="container">
         <q-icon name="fas fa-lightbulb" class="iconcirc"></q-icon>