- Info sul Conto Collettivo

- HomePage

src/components/CMyGroup/CMyGroup.vue

@@ -118,6 +118,26 @@
               </q-menu>
             </q-btn>
           </q-item-label>
+          <q-item-label v-if="visu === costanti.REQ_ADD_USER_TO_CIRCUIT">
+            <q-btn rounded icon="fas fa-ellipsis-h">
+              <q-menu>
+                <q-list style="min-width: 150px">
+                  <q-item
+                    clickable
+                    v-close-popup
+                    @click="showAccountInfo = true"
+                  >
+                    <q-item-section avatar>
+                      <q-icon name="fas fa-info" />
+                    </q-item-section>
+                    <q-item-section>{{
+                      $t('groups.infoaccount')
+                    }}</q-item-section>
+                  </q-item>
+                </q-list>
+              </q-menu>
+            </q-btn>
+          </q-item-label>
           <q-item-label v-else-if="visu === costanti.USER_GROUPS">
             <q-btn
               rounded
@@ -485,7 +505,12 @@
                     clickable
                     v-close-popup
                     @click="
-                      tools.refuseReqCircuit($q, myusername(), circuitname, grp.groupname)
+                      tools.refuseReqCircuit(
+                        $q,
+                        myusername(),
+                        circuitname,
+                        grp.groupname
+                      )
                     "
                   >
                     <q-item-section avatar>
@@ -500,7 +525,12 @@
                     clickable
                     v-close-popup
                     @click="
-                      tools.cancelReqCircuit($q, myusername(), circuitname, grp.groupname)
+                      tools.cancelReqCircuit(
+                        $q,
+                        myusername(),
+                        circuitname,
+                        grp.groupname
+                      )
                     "
                   >
                     <q-item-section avatar>
@@ -531,6 +561,98 @@
     >
     </CSendCoins>
   </div>
+  <q-dialog v-model="showAccountInfo" full-height full-width>
+    <q-card>
+      <q-toolbar class="bg-primary text-white">
+        <q-toolbar-title>
+          {{ grp.title }}
+        </q-toolbar-title>
+        <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+      </q-toolbar>
+      <q-card-section>
+        <div class="text-h6">{{ t('groups.infoaccount') }}</div>
+      </q-card-section>
+
+      <q-separator />
+
+      <CSaldo
+        v-if="tools.isUserOk() && grp.account"
+        :account="grp.account"
+        :symbol="circuit.symbol"
+        :color="circuit.color"
+        :saldo="grp.account.saldo"
+        :qtarem="
+          grp.account ? circuitStore.getRemainingCoinsToSend(grp.account) : 0
+        "
+      >
+      </CSaldo>
+
+      <q-card-section>
+        <div v-if="grp.account.date_created" class="container">
+          <q-icon name="fas fa-lightbulb" class="iconcirc"></q-icon>
+          {{
+            $t('shared.createddate', {
+              date: tools.getstrDateYY(grp.account.date_created),
+            })
+          }}
+        </div>
+        <div
+          v-if="
+            !!grp.account.date_updated &&
+            tools.getstrDate(grp.account.date_updated) !==
+              tools.getstrDate(grp.account.date_created)
+          "
+          class="container"
+        >
+          <q-icon name="fas fa-pencil-alt" class="iconcirc"></q-icon>
+          <span class="element">{{
+            $t('shared.lastmodify', {
+              date: tools.getstrDateYY(grp.account.date_updated),
+            })
+          }}</span>
+        </div>
+
+        <div :class="$q.screen.lt.sm ? '' : 'row'">
+          <div class="sezioni">
+            <CCurrencyValue
+              :symbol="tools.getSymbolByCircuit(circuit)"
+              :color="tools.getColorByCircuit(circuit)"
+              color_border="red"
+              :value="grp.account.fidoConcesso"
+              icon="fas fa-battery-quarter"
+              :label="t('circuit.fido_scoperto_default')"
+              :tips="t('circuit.fido_scoperto_default_tips')"
+            >
+            </CCurrencyValue>
+          </div>
+          <div class="sezioni">
+            <CCurrencyValue
+              :symbol="tools.getSymbolByCircuit(circuit)"
+              :color="tools.getColorByCircuit(circuit)"
+              color_border="green"
+              :value="grp.account.qta_maxConcessa"
+              icon="fas fa-battery-quarter"
+              :label="t('circuit.qta_max_default')"
+              :tips="t('circuit.qta_max_default_tips')"
+            >
+            </CCurrencyValue>
+          </div>
+          <div v-if="grp.account.totTransato" class="sezioni">
+            <CCurrencyValue
+              :symbol="tools.getSymbolByCircuit(circuit)"
+              :color="tools.getColorByCircuit(circuit)"
+              color_border="blue"
+              :value="grp.account.totTransato"
+              icon="fas fa-battery-quarter"
+              :label="t('circuit.totTransato')"
+              :tips="t('circuit.totTransato_tips')"
+            >
+            </CCurrencyValue>
+          </div>
+        </div>
+      </q-card-section>
+    </q-card>
+  </q-dialog>
 </template>
 
 <script lang="ts" src="./CMyGroup.ts">