ver 0.5.73:

- corretto invia monete da Conto Collettivo a Utente
- Aggiunto Provincia (tutorial).. in corso...

src/components/CMyElem/CMyElem.ts

@@ -22,6 +22,7 @@ import { CMyEditor } from '@src/components/CMyEditor'
 import { CMyFieldRec } from '@src/components/CMyFieldRec'
 import { CSelectColor } from '@src/components/CSelectColor'
 import { CMainView } from '@src/components/CMainView'
+import { CMyProfileTutorial } from '@src/components/CMyProfileTutorial'
 import { CDashboard } from '@src/components/CDashboard'
 import { CCheckAppRunning } from '@src/components/CCheckAppRunning'
 import { CStatusReg } from '@src/components/CStatusReg'
@@ -48,6 +49,7 @@ export default defineComponent({
     CSelectColor, CSelectFontSize, CImgPoster,
     CCheckIfIsLogged, CStatusReg, CDashboard, CMainView, CNotifAtTop,
     CPresentazione, CMyActivities,
+    CMyProfileTutorial,
     CTitleBanner, CShareSocial, CCheckAppRunning, CRegistration,
   },
   emits: ['selElemClick'],

src/components/CMyElem/CMyElem.vue

@@ -435,6 +435,10 @@
         <div v-if="editOn" class="elemEdit">CMainView</div>
         <CMainView></CMainView>
       </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.PROFILETUTORIAL">
+        <div v-if="editOn" class="elemEdit">CMyProFileTutorual</div>
+        <CMyProfileTutorial />
+      </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKAPPRUNNING">
         <div v-if="editOn" class="elemEdit">CheckAppRunning</div>
         <CCheckAppRunning />

src/components/CMyProfileTutorial/CMyProfileTutorial.scss

@@ -0,0 +1,4 @@
+.myflex{
+  display: flex;
+  flex: 1;
+}

src/components/CMyProfileTutorial/CMyProfileTutorial.ts

@@ -0,0 +1,120 @@
+import { defineComponent, onMounted, PropType, ref, watch, computed } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { ICircuit, IImgGallery, IUserFields, IUserProfile } from 'model'
+import { costanti } from '@costanti'
+import { shared_consts } from '@/common/shared_vuejs'
+import { tools } from '@store/Modules/tools'
+import { useQuasar } from 'quasar'
+import { CSendCoins } from '@/components/CSendCoins'
+import { CMyFieldRec } from '@/components/CMyFieldRec'
+import { CSaldo } from '@/components/CSaldo'
+import { CMySelectCity } from '@/components/CMySelectCity'
+import { CMySelect } from '@/components/CMySelect'
+import { CUserInfoAccount } from '@/components/CUserInfoAccount'
+import { useI18n } from '@/boot/i18n'
+import { useRoute, useRouter } from 'vue-router'
+import { useCircuitStore } from '@store/CircuitStore'
+
+export default defineComponent({
+  name: 'CMyProfileTutorial',
+  components: { CSendCoins, CSaldo, CUserInfoAccount,
+    CMySelectCity, CMyFieldRec, CMySelect },
+  emits: ['setCmd'],
+  props: {
+    mycontact: {
+      type: Object as PropType<IUserFields | null>,
+      required: false,
+      default: null,
+    },
+    myusername: {
+      type: String,
+      required: false,
+      default: null,
+    },
+  },
+
+  setup(props, { emit }) {
+
+    const userStore = useUserStore()
+    const circuitStore = useCircuitStore()
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const $router = useRouter()
+    const $route = useRoute()
+
+    const showAccountInfo = ref(false)
+    const slide = ref('1')
+
+    const username = ref('')
+    const showsendCoinTo = ref(false)
+
+    const contact = ref(<IUserFields | null>null)
+    const circuit = ref(<ICircuit | null | undefined>null)
+
+    watch(() => props.mycontact, (newval, oldval) => {
+      console.log('watch: mycontact')
+      mounted()
+    })
+
+    function mounted() {
+      if (!props.mycontact) {
+        if (props.myusername) {
+          username.value = props.myusername
+          //++Todo: carica contact
+          contact.value = null
+        } else {
+          contact.value = userStore.my
+        }
+      } else {
+        if (props.mycontact) {
+          contact.value = props.mycontact
+          username.value = props.mycontact.username
+        }
+      }
+
+      // circuit.value = circuitStore.getCircuitByName(props.circuitname)
+    }
+
+    function getImgUser(profile: IUserFields) {
+      return userStore.getImgByProfile(profile)
+    }
+
+    function naviga(path: string) {
+      $router.push(path)
+    }
+
+    function setCmd($q: any, cmd: number, myusername: string, value: any, dest: string) {
+      emit('setCmd', $q, cmd, myusername, value, dest)
+    }
+
+    const checkifDisabled = computed(() => {
+      let ret = true
+      if (slide.value === '1') {
+        // Invitante + Email
+      } else if (slide.value === '2') {
+        // Username
+      } else if (slide.value === '3') {
+        // Password
+      }
+
+      return ret
+    })
+
+    onMounted(mounted)
+
+    return {
+      contact,
+      costanti,
+      checkifDisabled,
+      getImgUser,
+      naviga,
+      setCmd,
+      shared_consts,
+      tools,
+      showsendCoinTo,
+      circuit,
+      showAccountInfo,
+      slide,
+    }
+  },
+})

src/components/CMyProfileTutorial/CMyProfileTutorial.vue

@@ -0,0 +1,104 @@
+<template>
+  <div v-if="contact">
+    <div class="q-gutter-md">
+      <q-carousel
+        v-model="slide"
+        transition-prev="slide-right"
+        transition-next="slide-left"
+        swipeable
+        animated
+        control-color="white"
+        navigation
+        padding
+        arrows
+        height="200px"
+        class="text-white shadow-1 rounded-borders"
+      >
+        <q-carousel-slide name="1" class="column no-wrap flex-center">
+          <q-icon name="house" size="56px" />
+          <div class="q-mt-sm text-center">
+            <CMySelectCity
+              :label="$t('reg.resid_province')"
+              table="users"
+              jointable="provinces"
+              v-model="contact.profile.resid_province"
+              myclass="selectorwide"
+              :db_type="costanti.FieldType.string"
+              db_field="profile"
+              db_subfield="resid_province"
+              :db_id="contact._id"
+              :db_rec="contact"
+            >
+            </CMySelectCity>
+          </div>
+        </q-carousel-slide>
+        <q-carousel-slide name="2" class="column no-wrap flex-center">
+          <q-icon name="live_tv" size="56px" />
+          <div class="q-mt-md text-center"></div>
+        </q-carousel-slide>
+        <q-carousel-slide name="3" class="column no-wrap flex-center">
+          <q-icon name="layers" size="56px" />
+          <div class="q-mt-md text-center"></div>
+        </q-carousel-slide>
+        <q-carousel-slide name="4" class="column no-wrap flex-center">
+          <q-icon name="terrain" size="56px" />
+          <div class="q-mt-md text-center"></div>
+        </q-carousel-slide>
+        <template v-slot:control>
+          <q-carousel-control
+            position="bottom-right"
+            :offset="[18, 18]"
+            class="q-gutter-xs"
+          >
+            <q-btn
+              v-if="slide !== '1'"
+              push
+              text-color="black"
+              icon="arrow_left"
+              :label="$t('dialog.indietro')"
+              @click="$refs.carousel.previous()"
+            />
+            <q-btn
+              v-if="slide !== '4'"
+              push
+              color="primary"
+              icon="arrow_right"
+              :label="$t('dialog.avanti')"
+              :disabled="checkifDisabled"
+              @click="!checkifDisabled ? $refs.carousel.next() : null"
+            />
+          </q-carousel-control>
+        </template>
+      </q-carousel>
+      <div class="row justify-center">
+        <q-btn-toggle
+          glossy
+          v-model="slide"
+          :options="[
+            { label: '1', value: '1' },
+            { label: 2, value: '2' },
+            { label: 3, value: '3' },
+            { label: 4, value: '4' },
+          ]"
+        />
+      </div>
+    </div>
+  </div>
+  <q-dialog v-model="showAccountInfo" full-height full-width>
+    <q-card v-if="true">
+      <q-toolbar class="bg-primary text-white">
+        <q-toolbar-title class="text-h7">
+          {{ tools.getNomeUtenteByRecUser(contact) }}
+        </q-toolbar-title>
+        <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+      </q-toolbar>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script lang="ts" src="./CMyProfileTutorial.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CMyProfileTutorial.scss';
+</style>

src/components/CMyProfileTutorial/index.ts

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

src/components/CMySelect/CMySelect.vue

@@ -25,8 +25,8 @@
         :options="valori"
         :option-value="optval"
         options-selected-class="text-deep-blue"
-        class="combowidth"
-        style="min-width: 250px"
+        :class="myclass ? myclass : 'combowidth'"
+        style="min-width: 250px !important"
       >
         <template v-if="getIcon() && !sola_lettura" v-slot:prepend>
           <q-icon :name="getIcon()" />
@@ -196,7 +196,7 @@
         options-selected-class="text-deep-blue"
         map-options
         v-bind="$attrs"
-        class="combowidth">
+        :class="myclass ? myclass : 'combowidth'">
         <template v-if="getIcon()" v-slot:prepend>
           <q-icon :name="getIcon()" />
         </template>

src/components/CMySelectCity/CMySelectCity.scss

@@ -0,0 +1,9 @@
+.myflex{
+  display: flex;
+  flex: 1;
+}
+
+.hint{
+  color: gray;
+  font-style: italic;
+}

src/components/CMySelectCity/CMySelectCity.ts

@@ -0,0 +1,124 @@
+import { computed, defineComponent, onMounted, PropType, ref, toRef, watch } from 'vue'
+import { useI18n } from '@src/boot/i18n'
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { useQuasar } from 'quasar'
+import { CMySelect } from '@/components/CMySelect'
+
+import { costanti } from '@costanti'
+import { fieldsTable } from '@store/Modules/fieldsTable'
+import { shared_consts } from '@/common/shared_vuejs'
+import { tools } from '@store/Modules/tools'
+import MixinBase from '@/mixins/mixin-base'
+import { ISpecialField } from '@src/model'
+
+export default defineComponent({
+  name: 'CMySelectCity',
+  emits: ['update:modelValue'],
+  props: {
+    modelValue: [String, Number, Object],
+    label: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    table: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    myclass: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    jointable: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    db_field: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    db_type: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
+    db_subfield: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    db_subsubfield: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    db_specialField: {
+      type: Object as PropType<ISpecialField>,
+      required: false,
+      default: null,
+    },
+    db_id: {
+      type: [String, Number],
+      required: false,
+      default: '',
+    },
+    db_rec: {
+      type: Object,
+      required: false,
+      default: null,
+    },
+  },
+  components: { CMySelect },
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const optFiltered = ref(<any>[])
+    const valori = ref(<any>[])
+
+    const { setValDb, getValDb } = MixinBase()
+
+    const myvalue = ref(<string | number | object | undefined>'')
+
+    watch(() => myvalue.value, (value: any, oldval: any) => {
+      update()
+    },
+    )
+
+    function mounted() {
+      myvalue.value = props.modelValue
+      update()
+    }
+
+    function update() {
+      //
+      emit('update:modelValue', myvalue.value)
+    }
+
+    function changevalRec(newval: any) {
+      if (props.db_type > 0)
+        setValDb($q, props.db_field, newval, props.db_type, false, props.table, props.db_subfield, props.db_id, 0, props.db_subsubfield, props.db_specialField)
+
+    }
+
+    onMounted(mounted)
+
+    return {
+      tools,
+      costanti,
+      globalStore,
+      shared_consts,
+      fieldsTable,
+      myvalue,
+      changevalRec,
+    }
+  }
+})
+

src/components/CMySelectCity/CMySelectCity.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <CMySelect
+      :type_out="costanti.FieldType.object"
+      :label="label"
+      v-model="myvalue"
+      :pickup="false"
+      :addnone="true"
+      :tablesel="table"
+      :myclass="myclass"
+      :optval="fieldsTable.getKeyByTable(jointable)"
+      :optlab="fieldsTable.getLabelByTable(jointable)"
+      :options="
+        globalStore.getTableJoinByName(
+          jointable,
+          false,
+          false,
+          ''
+        )"
+      :useinput="false"
+      @update:value="changevalRec"
+    >
+    </CMySelect>
+  </div>
+</template>
+
+<script lang="ts" src="./CMySelectCity.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CMySelectCity.scss';
+</style>

src/components/CMySelectCity/index.ts

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

src/components/CMyUser/CMyUser.ts

@@ -72,10 +72,11 @@ export default defineComponent({
     const $router = useRouter()
     const $route = useRoute()
 
+    const showsendCoinTo = ref(false)
+
     const showAccountInfo = ref(false)
 
     const username = ref('')
-    const showsendCoinTo = ref(false)
 
     const contact = ref(<IUserFields | null>null)
     const circuit = ref(<ICircuit | null | undefined>null)
@@ -86,17 +87,9 @@ export default defineComponent({
     })
 
     function mounted() {
-      if (!props.mycontact) {
-        if (props.myusername) {
-          username.value = props.myusername
-          //++Todo: carica contact
-          contact.value = null
-        }
-      } else {
-        if (props.mycontact) {
-          contact.value = props.mycontact
-          username.value = props.mycontact.username
-        }
+      if (props.mycontact) {
+        contact.value = props.mycontact
+        username.value = props.mycontact.username
       }
 
       circuit.value = circuitStore.getCircuitByName(props.circuitname)
@@ -129,9 +122,9 @@ export default defineComponent({
       shared_consts,
       userStore,
       tools,
-      showsendCoinTo,
       circuit,
       showAccountInfo,
+      showsendCoinTo,
     }
   },
 })

src/components/CSendCoins/CSendCoins.ts

@@ -106,7 +106,7 @@ export default defineComponent({
 
       if (tipoConto.value === costanti.AccountType.COLLECTIVE_ACCOUNT) {
         if (arrGroupsList.value.length >= 1)
-          from_groupname.value = arrGroupsList.value[0]
+          from_groupname.value = arrGroupsList.value[0].value
       }
 
       aggiorna()

src/components/CSendCoins/CSendCoins.vue

@@ -24,9 +24,7 @@
             label="Circuito"
           >
           </q-select>
-          <div v-else>
-            Circuito: {{circuitname}}
-          </div>
+          <div v-else>Circuito: {{ circuitname }}</div>
 
           <q-banner
             rounded
@@ -86,7 +84,7 @@
             </div>
 
             <CSaldo
-              v-if="circuitloaded"
+              v-if="circuitloaded && circuitloaded.symbol"
               :symbol="circuitloaded.symbol"
               :color="circuitloaded.color"
               :saldo="accountloaded ? accountloaded.saldo : 0"
@@ -224,29 +222,34 @@
         </q-card-section>
         <q-card-actions align="center">
           <q-btn
-            v-if="circuitloaded && (qtyRef
-                ? !(qtyRef.hasError ||
-                  !circuitloaded.transactionsEnabled ||
-                  (tipoConto === costanti.AccountType.USER &&
-                    to_user &&
-                    from_username === to_user.username) ||
-                  (tipoConto === costanti.AccountType.COLLECTIVE_ACCOUNT &&
-                    !from_groupname) ||
-                  (tipoConto === costanti.AccountType.COLLECTIVE_ACCOUT &&
-                    to_group &&
-                    from_groupname &&
-                    to_group.groupname === from_groupname) ||
-                  (tipoConto === costanti.AccountType.COMMUNITY_ACCOUNT &&
-                    !from_contocom))
-                : true)"
+            v-if="
+              circuitloaded &&
+              (qtyRef
+                ? !(
+                    qtyRef.hasError ||
+                    !circuitloaded.transactionsEnabled ||
+                    (tipoConto === costanti.AccountType.USER &&
+                      to_user &&
+                      from_username === to_user.username) ||
+                    (tipoConto === costanti.AccountType.COLLECTIVE_ACCOUNT &&
+                      !from_groupname) ||
+                    (tipoConto === costanti.AccountType.COLLECTIVE_ACCOUT &&
+                      to_group &&
+                      from_groupname &&
+                      to_group.groupname === from_groupname) ||
+                    (tipoConto === costanti.AccountType.COMMUNITY_ACCOUNT &&
+                      !from_contocom)
+                  )
+                : true)
+            "
             :label="
               $t('circuit.sendcoinsto', {
                 qty,
-                coin: circuitsel,
+                coin: circuitloaded.symbol,
                 dest: to_group
                   ? to_group.groupname
                   : to_user
-                  ? to_user.username
+                  ? tools.getNomeUtenteByRecUser(to_user)
                   : to_contocom,
               })
             "

src/components/CSignUp/CSignUp.vue

@@ -323,7 +323,7 @@
                     push
                     text-color="black"
                     icon="arrow_left"
-                    label="Indietro"
+                    :label="$t('dialog.indietro')"
                     @click="$refs.carousel.previous()"
                   />
                   <q-btn
@@ -331,7 +331,7 @@
                     push
                     color="primary"
                     icon="arrow_right"
-                    label="Avanti"
+                    :label="$t('dialog.avanti')"
                     :disabled="checkifDisabled"
                     @click="!checkifDisabled ? $refs.carousel.next() : null"
                   />

src/components/MyFooter/MyFooter.vue

@@ -36,7 +36,7 @@
             class="mylabfooter"
             :label="$t('tabdown.circuits')"
             to="/circuits"
-            icon="fas fa-coins"
+            icon="img: images/1ris_rosso_100.png"
           />
           <q-route-tab
             v-if="site.confpages.showViewUsers"