Lista Doni Navi

src/rootgen/admin/allnavi/allnavi.ts

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+import { tools } from '@src/store/Modules/tools'
+import { func_tools } from 'store/Modules/toolsext'
+import { CalendarStore, GlobalStore, UserStore } from '@store'
+import { CGridTableRec, CMyFieldDb, CTitleBanner } from '@components'
+import { colnewstosent, coltemplemail, colopzemail, colmailinglist } from '@src/store/Modules/fieldsTable'
+import { DefaultNewsState, INewsState } from '@src/model/index'
+import translate from '../../../globalroutines/util'
+import { getCookie } from 'utils/auth'
+import { CTitle } from '../../../components/CTitle'
+import { CMyPage } from '../../../components/CMyPage'
+import MixinBase from '../../../mixins/mixin-base'
+import { CMyNave } from '../../../components/CMyNave'
+
+const namespace = 'CalendarModule'
+
+@Component({
+  components: { CTitle, CTitleBanner, CMyNave },
+  mixins: []
+})
+export default class Allnavi extends MixinBase {
+  public $t: any
+  public $q
+  public myloadingload: boolean = false
+  public ris = {}
+
+  public async mounted() {
+    this.ris = await GlobalStore.actions.GetArrNavi()
+  }
+
+}

src/rootgen/admin/allnavi/allnavi.vue

@@ -0,0 +1,24 @@
+<template>
+  <div>
+    <div class="q-my-xs q-gutter-xs q-py-xs text-center">
+      <CTitleBanner class="q-pa-xs"
+                    title="Navi"
+                    bgcolor="bg-primary"
+                    clcolor="text-white"
+                    mystyle="" myclass="myshad" canopen="true">
+
+        <CMyNave v-for="(mianave, index) in ris.arrnavi" :naveprop="mianave" :key="index"
+                 :navi_partenzaprop="ris.navi_partenza">
+
+        </CMyNave>
+
+
+      </CTitleBanner>
+    </div>
+  </div>
+</template>
+<script lang="ts" src="./allnavi.ts">
+</script>
+<style lang="scss" scoped>
+  @import './allnavi.scss';
+</style>

src/rootgen/admin/listadoninavi/listadoninavi.scss

@@ -0,0 +1,11 @@
+.DoniMancanti{
+  color: red;
+}
+
+.DoniAttesaDiConferma{
+  color: blue;
+}
+
+.DoniConfermati{
+  color: green;
+}

src/rootgen/admin/listadoninavi/listadoninavi.ts

@@ -0,0 +1,68 @@
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+import { tools } from '@src/store/Modules/tools'
+import { func_tools } from 'store/Modules/toolsext'
+import { CalendarStore, GlobalStore, UserStore } from '@store'
+import { CGridTableRec, CMyFieldDb, CTitleBanner } from '@components'
+import { colnewstosent, coltemplemail, colopzemail, colmailinglist } from '@src/store/Modules/fieldsTable'
+import { DefaultNewsState, INewsState } from '@src/model/index'
+import translate from '../../../globalroutines/util'
+import { getCookie } from 'utils/auth'
+import { CTitle } from '../../../components/CTitle'
+import { CMyPage } from '../../../components/CMyPage'
+import MixinBase from '../../../mixins/mixin-base'
+import { CMyNave } from '../../../components/CMyNave'
+
+const namespace = 'CalendarModule'
+
+@Component({
+  components: { CTitle, CTitleBanner, CMyNave },
+  mixins: []
+})
+export default class Listadoninavi extends MixinBase {
+  public $t: any
+  public $q
+  public incaricamento: boolean = false
+  public myloadingload: boolean = false
+  public arrdoninavi = []
+  public MyPagination: {
+    sortBy: string,
+    descending: boolean,
+    page: number,
+    rowsNumber: number, // specifying this determines pagination is server-side
+    rowsPerPage: number
+  } = { sortBy: 'index', descending: false, page: 1, rowsNumber: 10, rowsPerPage: 10 }
+  public coldoninavi: any[] = [
+    {
+      name: 'index',
+      required: true,
+      label: 'Num',
+      align: 'left',
+      field: '',
+      sortable: true
+    },
+    { name: 'rigacol', align: 'center', label: 'Nave', field: 'riga', sortable: true },
+    { name: 'date_gift_chat_open', align: 'center', label: '⏰ Gift Chat', field: 'date_gift_chat_open', sortable: true },
+    { name: 'date_start', align: 'center', label: '⏰ Partenza', field: 'date_start', sortable: true },
+    { name: 'mediatore', align: 'center', label: '🌀 Mediatore', field: '', sortable: true },
+    { name: 'sognatore', align: 'center', label: 'Sognatore', field: '', sortable: true },
+    { name: 'DoniAttesaDiConferma', align: 'center', label: '🎁 Wait', field: 'DoniAttesaDiConferma', sortable: true },
+    { name: 'DoniMancanti', align: 'center', label: '🎁 Mancano', field: 'DoniMancanti', sortable: true },
+    { name: 'DoniConfermati', align: 'center', label: '🎁 OK', field: 'DoniConfermati', sortable: true },
+  ]
+
+  public async mounted() {
+    this.incaricamento = true
+    this.$q.loading.show({ message: this.$t('otherpages.update') })
+
+    const ris = await GlobalStore.actions.GetArrDoniNavi()
+    console.log('ris', ris)
+    this.arrdoninavi = ris.arrnavi
+
+    this.$q.loading.hide()
+
+    this.incaricamento = false
+
+  }
+
+}

src/rootgen/admin/listadoninavi/listadoninavi.vue

@@ -0,0 +1,76 @@
+<template>
+    <div>
+        <div class="q-my-xs q-gutter-xs q-py-xs text-center">
+            <CTitleBanner class="q-pa-xs"
+                          title="Navi"
+                          bgcolor="bg-primary"
+                          clcolor="text-white"
+                          mystyle="" myclass="myshad" canopen="true">
+
+                <q-table
+                        dense
+                        color="primary"
+                        title="Doni Navi"
+                        :data="arrdoninavi"
+                        :columns="coldoninavi"
+                        :Pagination.sync="MyPagination"
+                        row-key="index">
+                    <template v-slot:body="props">
+                        <q-tr :props="props">
+                            <q-td key="index" :props="props">
+                                {{ props.row.index }}
+                            </q-td>
+                            <q-td key="rigacol" :props="props">
+                                {{ props.row.riga }}.{{ props.row.col }}
+                            </q-td>
+                            <q-td key="col" :props="props">
+                                {{ props.row.col }}
+                            </q-td>
+                            <q-td key="date_gift_chat_open" :props="props">
+
+                                <div v-if="!!props.row.rec.mediatore.arrdonatori">
+                                    {{ tools.getstrshortDate(props.row.rec.mediatore.arrdonatori[0].date_gift_chat_open)
+                                    }}
+                                </div>
+
+                                <a v-if="!!props.row.rec.mediatore.recmediatore.link_chat" :href="props.row.rec.mediatore.recmediatore.link_chat" target="_blank">Link</a>
+                            </q-td>
+                            <q-td key="date_start" :props="props">
+                                <div v-if="!!props.row.rec.mediatore.arrdonatori">
+                                    {{ tools.getstrshortDate(props.row.rec.mediatore.arrdonatori[0].date_start) }}
+                                </div>
+                            </q-td>
+                            <q-td key="mediatore" :props="props">
+                                <div v-if="!!props.row.rec.mediatore.recmediatore">
+                                    {{ props.row.rec.mediatore.recmediatore.name }} {{
+                                    props.row.rec.mediatore.recmediatore.surname }}
+                                </div>
+                            </q-td>
+                            <q-td key="sognatore" :props="props">
+                                <div v-if="!!props.row.rec.mediatore.recsognatori[0]">
+                                    {{ props.row.rec.mediatore.recsognatori[0].name }} {{
+                                    props.row.rec.mediatore.recsognatori[0].surname }}
+                                </div>
+                            </q-td>
+                            <q-td key="DoniAttesaDiConferma" :props="props">
+                                <div v-if="props.row.DoniAttesaDiConferma > 0" class="DoniAttesaDiConferma">{{ props.row.DoniAttesaDiConferma }} </div>
+                            </q-td>
+                            <q-td key="DoniMancanti" :props="props">
+                                <div v-if="props.row.DoniMancanti > 0" class="DoniMancanti">{{ props.row.DoniMancanti }}</div>
+                            </q-td>
+                            <q-td key="DoniConfermati" :props="props">
+                                <div v-if="props.row.DoniConfermati > 0" class="DoniConfermati">{{ props.row.DoniConfermati }}</div>
+                            </q-td>
+                        </q-tr>
+                    </template>
+                </q-table>
+
+            </CTitleBanner>
+        </div>
+    </div>
+</template>
+<script lang="ts" src="./listadoninavi.ts">
+</script>
+<style lang="scss" scoped>
+    @import './listadoninavi.scss';
+</style>