Home Page With Element ! (Modular)

Arcadei Project...
Inscription

src/rootgen/admin/home/home.ts

@@ -0,0 +1,24 @@
+import { defineComponent, ref, onMounted } from 'vue'
+
+import { CImgText } from '../../../components/CImgText/index'
+import { CCard } from '@/components/CCard'
+import { CMyPage } from '@/components/CMyPage'
+import { CTitleBanner } from '@/components/CTitleBanner'
+import { CGridTableRec } from '@/components/CGridTableRec'
+
+import { colmyelems } from '@src/store/Modules/fieldsTable'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+
+export default defineComponent({
+  name: 'Home',
+  components: { CImgText, CCard, CMyPage, CTitleBanner, CGridTableRec },
+  setup() {
+
+    const { setmeta } = MixinMetaTags()
+
+    return {
+      colmyelems,
+      setmeta,
+    }
+  }
+})

src/rootgen/admin/home/home.vue

@@ -0,0 +1,31 @@
+ù<template>
+  <CMyPage title="Pagina Home" imgbackground="images/calendario_eventi.jpg" sizes="max-height: 120px">
+        <span>{{
+            setmeta({
+              title: 'Pagina Home',
+              description: '',
+              keywords: '',
+            })
+          }}
+        </span>
+
+    <div class="q-ma-sm q-gutter-sm q-pa-xs">
+      <CTitleBanner title="Pagina Home"></CTitleBanner>
+      <CGridTableRec
+        prop_mytable="myelems"
+        prop_mytitle="Pagina Home"
+        :prop_mycolumns="colmyelems"
+        prop_colkey="title"
+        nodataLabel="Nessun elemento di Pagina Home"
+        noresultLabel="Il filtro selezionato non ha trovato nessun risultato">
+
+      </CGridTableRec>
+    </div>
+  </CMyPage>
+</template>
+<script lang="ts" src="./home.ts">
+
+</script>
+<style lang="scss" scoped>
+@import 'home.scss';
+</style>

src/rootgen/admin/iscrittiarcadei/iscrittiarcadei.ts

@@ -0,0 +1,140 @@
+import { defineComponent, ref, onMounted } from 'vue'
+
+import { CImgText } from '../../../components/CImgText/index'
+import { CCard } from '@/components/CCard'
+import { CMyPage } from '@/components/CMyPage'
+import { CTitleBanner } from '@/components/CTitleBanner'
+import { CGridTableRec } from '@/components/CGridTableRec'
+
+import { useUserStore } from '@store/UserStore'
+
+import { colTableIscrittiArcadei } from '@src/store/Modules/fieldsTable'
+
+import MixinBase from '@src/mixins/mixin-base'
+import { IParamsQuery, ISignupIscrizioneArcadeiOptions, ISignupIscrizioneConacreisOptions } from '@src/model'
+import { shared_consts } from '@src/common/shared_vuejs'
+import { tools } from '@store/Modules/tools'
+
+export default defineComponent({
+  name: 'Iscrittiarcadei',
+  components: { CImgText, CCard, CMyPage, CTitleBanner, CGridTableRec },
+  setup(props) {
+    const userStore = useUserStore()
+
+
+    const arrfilterand: any = ref([])
+    const myrec: any = ref([])
+    const pagination = ref({
+      sortBy: 'name',
+      descending: false,
+      page: 2,
+      rowsPerPage: 5
+      // rowsNumber: xx if getting data from a server
+    })
+
+    const myfilter = ref('')
+
+    function mounted()
+    {
+      arrfilterand.value = [
+        {
+          label: 'Manca il pagamento',
+          value: 0
+        },
+        {
+          label: 'Da Tesserare',
+          value: shared_consts.FILTER_TO_MAKE_MEMBERSHIP_CARD
+        },
+        {
+          label: 'Tesserati',
+          value: shared_consts.FILTER_MEMBERSHIP_CARD_OK
+        },
+      ]
+
+    }
+
+    function getcolIscrittiArcadei()
+    {
+      return colTableIscrittiArcadei
+    }
+
+    function loadrec(): ISignupIscrizioneArcadeiOptions[]
+    {
+      const sortBy = 'numshared'
+      const descending = 1
+      const myobj: any = {}
+      if (descending)
+        myobj[sortBy] = -1
+      else
+        myobj[sortBy] = 1
+
+      const params: any = {
+        table: 'iscrittiarcadei',
+        startRow: 0,
+        endRow: 10000,
+        filter: '',
+        filterand: myfilter.value,
+        sortBy: myobj,
+        descending,
+        userId: userStore.my._id
+      }
+
+      console.log('myload', params)
+
+      return globalStore.loadTable(params).then((data: any) => {
+        return data.rows
+      })
+    }
+
+    async function exportLista()
+    {
+
+      myrec = await loadrec()
+
+      const sep = ';'
+
+      let mystr = ''
+
+      mystr += 'anno' + sep + 'numero_tessera' + sep + 'Conacreis' + sep + 'data_richiesta_iscrizione' + sep + 'data_approvazione_iscrizione' + sep
+        + 'nome' + sep + 'cognome' + sep + 'codice_fiscale' + sep + 'partita_iva' + sep + 'nazione' + sep + 'indirizzo' + sep
+        + 'localita' + sep + 'Prov' + sep + 'cap' + sep + 'nazione_nascita' + sep + 'data_nascita' + sep
+        + 'luogo_nascita' + sep + 'provincia_nascita' + sep + 'email' + sep + 'telefono' + sep + 'quota_versata' + '\n'
+      let index = 1
+      for (const rec of myrec) {
+        mystr += rec.annoTesseramento + sep
+        mystr += (!!rec.numTesseraInterna ? rec.numTesseraInterna : ' ') + sep
+        mystr += (!!rec.codiceConacreis ? rec.codiceConacreis + sep : ' ') + sep
+        mystr += tools.getstrDate(rec.dateofreg) + sep
+        mystr += tools.getstrDate(rec.dateofapproved) + sep
+        mystr += rec.name + sep
+        mystr += rec.surname + sep
+        mystr += rec.fiscalcode + sep
+        mystr += ' ' + sep // partita_iva
+        mystr += rec.residency_country + sep
+        mystr += rec.residency_address + sep
+        mystr += rec.residency_city + sep
+        mystr += rec.residency_province + sep
+        mystr += rec.residency_zipcode + sep
+        mystr += rec.born_country + sep
+        mystr += tools.getstrDate(rec.dateofbirth) + sep
+        mystr += rec.born_city + sep
+        mystr += rec.born_province + sep
+        mystr += rec.email + sep
+        mystr += rec.cell_phone + sep
+        mystr += (rec.ha_pagato ? 'si' : 'no') + sep
+        // mystr += 'si' + sep
+        // mystr += 'si' + sep
+        mystr += '\n'
+        index++
+      }
+
+      tools.copyStringToClipboard(this, mystr, false)
+    }
+
+    savefilter(filter: any)
+    {
+      console.log('filter', filter)
+      myfilter.value = filter
+    }
+  }
+})

src/rootgen/admin/iscrittiarcadei/iscrittiarcadei.vue

@@ -0,0 +1,48 @@
+<template>
+  <CMyPage title="Iscritti Arcadei" imgbackground="../../statics/images/iscritti_conacreis.jpg"
+           sizes="max-height: 120px">
+        <span>{{
+            setmeta({
+              title: 'Iscritti Arcadei',
+              description: "",
+              keywords: ''
+            })
+          }}
+        </span>
+
+
+    <div class="q-ma-sm q-gutter-sm q-pa-xs">
+      <CTitleBanner title="Iscritti Arcadei"></CTitleBanner>
+
+      <q-btn
+        rounded
+        dense
+        color="primary"
+        size="md"
+        label="Copia questa Lista negli appunti"
+
+        @click="exportLista()">
+      </q-btn>
+
+
+      <CGridTableRec prop_mytable="iscrittiarcadei"
+                     prop_mytitle="Iscritti Arcadei"
+                     :prop_mycolumns="getcolIscrittiArcadei"
+                     prop_colkey="name"
+                     nodataLabel="Nessun Iscritto Arcadei"
+                     noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
+                     :arrfilters="arrfilterand"
+                     @savefilter="savefilter"
+      >
+
+      </CGridTableRec>
+
+    </div>
+  </CMyPage>
+</template>
+<script lang="ts" src="./iscrittiarcadei.ts">
+
+</script>
+<style lang="scss" scoped>
+@import 'iscrittiarcadei.scss';
+</style>

src/rootgen/admin/pages/pages.vue

@@ -1,4 +1,4 @@
-<template>
+ù<template>
   <CMyPage title="Pagine" imgbackground="images/calendario_eventi.jpg" sizes="max-height: 120px">
         <span>{{
             setmeta({