AITools prime cose

src/components/CAITools/CAITools.scss

@@ -0,0 +1,78 @@
+.colmodif {
+  cursor: pointer;
+}
+
+.coldate {
+  max-width: 250px;
+  min-width: 200px;
+}
+
+.tdclass, .trclass{
+  min-height: 20px !important;
+  margin-top: 5px;
+}
+
+.q-table td {
+  padding-left: 1px;
+  padding-right: 2px;
+  padding-top: 0;
+  padding-bottom: 0;
+  &__title {
+    font-size: 1rem;
+  }
+}
+
+.q-table {
+  &__col {
+    font-size: 1rem;
+    color: gray;
+  }
+}
+
+.newrec_fields{
+  display: flex;
+  padding: 2px;
+  margin: 2px;
+  align-items: center;
+  justify-content: center;
+}
+
+.riduci_pad {
+  min-height: 30px;
+  padding: 4px 8px !important;
+}
+
+
+.q-table__top{
+  padding-top: 0 !important;
+}
+
+
+.barselection {
+  padding: 0;
+  flex-wrap: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.myitem {
+  padding: 0px 0px 0px 0px !important;
+}
+
+.myitem-0 {
+  flex-grow: 0;
+  padding-left: 2px;
+}
+
+.myitem-1 {
+  flex-grow: 0;
+}
+
+.myitem-2 {
+	flex-grow: 0;
+}
+
+.myitem-3 {
+	flex-grow: 1;
+}

src/components/CAITools/CAITools.ts

@@ -0,0 +1,46 @@
+import { defineComponent, ref, onMounted, computed } from 'vue'
+import { useI18n } from '@src/boot/i18n'
+
+import { tools } from '../../store/Modules/tools'
+
+import { shared_consts } from '@/common/shared_vuejs'
+
+import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore'
+import { useQuasar } from 'quasar'
+import { costanti } from '@costanti'
+import { useRouter } from 'vue-router'
+
+export default defineComponent({
+  name: 'CAITools',
+  props: {
+  },
+  components: {
+  },
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const isfinishLoading = computed(() => globalStore.finishLoading)
+
+    const $router = useRouter()
+
+    const querySel = ref('')
+
+    function mount() {
+      // Mount
+
+
+    }
+
+    onMounted(mount)
+
+    return {
+      t,
+      querySel,
+      $q,
+      globalStore,
+    }
+  }
+})

src/components/CAITools/CAITools.vue

@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <q-select
+      :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+      outlined
+      v-model="querySel"
+      :options="globalStore.getQueryAI()"
+      :label="t('ai.selectquery') + `:`"
+      emit-value
+      map-options
+    >
+    </q-select>
+  </div>
+</template>
+<script lang="ts" src="./CAITools.ts">
+</script>
+
+<style lang="scss">
+@import './CAITools.scss';
+</style>

src/components/CAITools/index.ts

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

src/components/CCatalogo/CCatalogo.ts

@@ -0,0 +1,8 @@
+import { defineComponent } from 'vue'
+
+import { Catalogo } from '@src/views/ecommerce'
+
+export default defineComponent({
+  name: 'CCatalogo',
+  components: { Catalogo },
+})

src/components/CCatalogo/CCatalogo.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <Catalogo>
+
+    </Catalogo>
+  </div>
+</template>
+
+<script lang="ts" src="./CCatalogo.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CCatalogo.scss';
+</style>

src/components/CCatalogo/index.ts

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

src/components/CMyElem/CMyElem.ts

@@ -14,6 +14,8 @@ import { shared_consts } from '@/common/shared_vuejs'
 import { LandingFooter } from '@/components/LandingFooter'
 import { CMyActivities } from '@/components/CMyActivities'
 import { CECommerce } from '@/components/CECommerce'
+import { CAITools } from '@/components/CAITools'
+import { CCatalogo } from '@/components/CCatalogo'
 import { COpenStreetMap } from '@src/components/COpenStreetMap'
 import { CCardCarousel } from '@src/components/CCardCarousel'
 import { CMyPage } from '@src/components/CMyPage'
@@ -54,7 +56,7 @@ export default defineComponent({
     CPresentazione, CMyActivities,
     CMyProfileTutorial, CSendRISTo,
     CTitleBanner, CShareSocial, CCheckAppRunning, CRegistration,
-    CVisuVideoPromoAndPDF, CECommerce,
+    CVisuVideoPromoAndPDF, CECommerce, CCatalogo, CAITools,
   },
   emits: ['selElemClick'],
   props: {

src/components/CMyElem/CMyElem.vue

@@ -531,7 +531,15 @@
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.ECOMMERCE">
         <div v-if="editOn" class="elemEdit">PRODOTTI ECOMMERCE:</div>
-        <CECommerce> </CECommerce>
+        <CECommerce></CECommerce>
+      </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGO">
+        <div v-if="editOn" class="elemEdit">PRODOTTI CATALOGO:</div>
+        <CCatalogo> </CCatalogo>
+      </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.TOOLSAI">
+        <div v-if="editOn" class="elemEdit">STRUMENTI AI:</div>
+        <CAITools></CAITools>
       </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.NOTIFATTOP">
         <div v-if="editOn" class="elemEdit">Notifiche in Cima</div>