Circuit table...

src/components/CMyCardCircuitPopup/CMyCardCircuitPopup.vue

@@ -0,0 +1,100 @@
+<template>
+  <div v-if="!tools.isLogged()">
+    <CCheckIfIsLogged></CCheckIfIsLogged>
+  </div>
+
+  <q-card class="dialog_card q-mb-lg" v-if="myrec">
+    <q-footer
+      class="bg-white small-screen-only text-center"
+      bordered
+    >
+      <q-btn push rounded color="primary" icon="close" label="Chiudi" v-close-popup></q-btn>
+
+    </q-footer>
+    <q-bar dense class="bg-primary text-white">
+      {{ myrec.name }} ({{ myrec.subname }})
+      <q-space/>
+      <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+    </q-bar>
+    <q-card-section class="inset-shadow">
+      <!-- Per ora visualizzo solo la Prima Immagine -->
+      <div class="text-center">
+
+        <q-img
+          v-if="userStore.getImgByCircuit(myrec)"
+          :src="userStore.getImgByCircuit(myrec)"
+          class="img"
+          alt="immagine del Circuito"></q-img>
+      </div>
+
+      <!--:title="t(mycol.label_trans)"-->
+
+      <div v-for="(mycol, index) of col" :key="index">
+        <div
+          v-if="(mycol.visible && (tools.checkIfShowField(mycol, tools.TIPOVIS_SHOW_RECORD, false, tools.getValue(myrec, mycol.field, mycol.subfield))))">
+          <div v-if="mycol.fieldtype === costanti.FieldType.html && tools.getValue(myrec, mycol.field, mycol.subfield)">
+            <div class="note-bacheca"
+                 v-html="tools.getValue(myrec, mycol.field, mycol.subfield)">
+
+            </div>
+          </div>
+          <div v-else-if="mycol.name === 'longdescr'">
+            <div class="text-bacheca">
+              {{ tools.getValue(myrec, mycol.field, mycol.subfield) }}
+            </div>
+          </div>
+          <div v-else-if="mycol.name === 'img_logo' && myrec.img_logo">
+          </div>
+          <div v-else-if="mycol.name === 'admins'">
+            <CMyFieldRec
+              title="Amministratori:"
+              :table="table"
+              :id="myrec._id"
+              :rec="myrec"
+              :field="mycol.field"
+              :canEdit="false"
+              :canModify="false">
+            </CMyFieldRec>
+
+          </div>
+          <CMyFieldRec
+            v-else
+            :table="table"
+            :id="myrec._id"
+            :rec="myrec"
+            :field="mycol.field"
+            :canEdit="false"
+            :canModify="false">
+          </CMyFieldRec>
+        </div>
+      </div>
+
+      <div class="row q-ma-sm q-pa-sm justify-center">
+        <div class="q-ma-sm">
+          <q-btn
+            icon="far fa-file-alt" label="Apri" color="primary" text-color="white"
+            :to="tools.getToByCol(col, table, myrec)"
+          />
+        </div>
+        <div class="q-ma-sm">
+          <q-btn
+            v-if="myrec._id"
+            text-color="black" icon="fas fa-share-alt"
+            label="Condividi"
+            @click="condividipag"></q-btn>
+        </div>
+      </div>
+
+      <br><br>
+    </q-card-section>
+
+  </q-card>
+</template>
+
+<script lang="ts" src="./CMyCardCircuitPopup.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CMyCardCircuitPopup.scss';
+</style>
+