other components...

src/views/admin/extralist/extralist.ts

@@ -0,0 +1,74 @@
+import { defineComponent, PropType, ref } from 'vue'
+import { useQuasar } from 'quasar'
+import CTitleBanner from '@/components/CTitleBanner/CTitleBanner'
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { tools } from '@store/Modules/tools'
+
+export default defineComponent({
+  name: 'Extralist',
+  components: { CTitleBanner },
+  props: {
+    mystr: {
+      type: String,
+      required: true,
+      default: '',
+    },
+    myval: {
+      type: Number,
+      required: true,
+      default: 0,
+    },
+    mybool: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
+  },
+  setup() {
+    const userStore = useUserStore()
+
+    const users_imported = ref('')
+    const myloadingImport = ref(false)
+    const errimport = ref(false)
+    const okimport = ref(false)
+    const myrisimport = ref('')
+
+    async function importExtraList() {
+      myloadingImport.value = true
+      errimport.value = false
+      okimport.value = false
+
+      const mydata = {
+        strdata: users_imported,
+        locale: tools.getLocale(),
+      }
+
+      const res: any = await userStore.importExtraList(mydata)
+
+      let esistiti = ''
+      if (res.data.numalreadyexisted > 0)
+        esistiti = ` ${res.data.numalreadyexisted} email già esistenti`
+
+      if (res.data.numadded > 0) {
+        okimport.value = true
+        myrisimport.value = `(${res.data.numadded} / ${res.data.numtot}) utenti extra importati !` + esistiti
+      } else {
+        errimport.value = true
+        myrisimport.value = `Nessun utente extra importato (trovate ${res.data.numtot})` + esistiti
+      }
+
+      myloadingImport.value = false
+    }
+
+
+    return {
+      users_imported,
+      myloadingImport,
+      errimport,
+      okimport,
+      myrisimport,
+      importExtraList,
+    }
+  },
+})

src/views/admin/extralist/extralist.vue

@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <CTitleBanner title="Importa Lista Utenti Extra:"></CTitleBanner>
+    <div class="q-ma-md q-pa-sm text-center rounded-borders q-list--bordered">
+
+      <q-input
+        v-model="users_imported"
+        autofocus
+        filled
+        bordered
+        color="blue-12"
+        @keyup.enter.stop
+        type="textarea"
+      >
+      </q-input>
+      <div class="q-ma-md q-pa-sm text-center">
+        <q-btn
+          :loading="myloadingImport" rounded outline :disable="users_imported === ''"
+          @click="importExtraList" color="primary" icon="email">
+          Importa Lista Utenti Extra
+          <template v-slot:loading>
+            <q-spinner-hourglass class="on-left"/>
+            Importazione Utenti in corso ...
+          </template>
+        </q-btn>
+      </div>
+
+      <transition
+        enter-active-class="animated fadeIn"
+        leave-active-class="animated fadeOut"
+        appear
+
+      >
+        <CTitleBanner v-if="errimport" bgcolor="bg-warning" :title="myrisimport"></CTitleBanner>
+        <CTitleBanner v-if="okimport" :title="myrisimport"></CTitleBanner>
+      </transition>
+    </div>
+
+  </div>
+</template>
+<script lang="ts" src="./extralist.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './extralist';
+</style>

src/views/admin/extralist/index.ts

@@ -0,0 +1 @@
+export {default as extralist} from './extralist.vue'