- Finish to fix IOperators

- Fixit Date not change correctly

src/components/CCard/CCard.ts

@@ -3,7 +3,7 @@ import { Component, Prop, Watch } from 'vue-property-decorator'
 
 import { tools } from '../../store/Modules/tools'
 import { toolsext } from '@src/store/Modules/toolsext'
-import { IPerson } from '../../model/GlobalStore'
+import { IOperators } from '../../model/GlobalStore'
 
 @Component({
   name: 'CCard',
@@ -16,28 +16,28 @@ import { IPerson } from '../../model/GlobalStore'
 
 export default class CCard extends Vue {
   @Prop({ required: true, default: 'one' }) public tab
+  @Prop({ required: true }) public op: IOperators
 
   public clicca() {
     this.tab = 'two'
   }
 
-  @Prop({ required: true }) public op: IPerson
-
   get tools() {
     return tools
   }
 
-  get myop() {
+  get myop(): IOperators {
     if (!!this.op) {
       return this.op
     } else {
       return {
-        index: 0,
         tab: '',
+        username: '',
         name: '',
-        sub1: '',
-        sub2: '',
-        sub3: '',
+        surname: '',
+        qualification: '',
+        disciplines: '',
+        certifications: '',
         img: '',
         cell: '',
         email: '',

src/components/CCard/CCard.vue

@@ -1,9 +1,9 @@
 <template>
     <q-card class="my-card text-center">
-        <q-img :src="myop.img" class="myimg">
+        <q-img :src="`statics/images/` + myop.img" class="myimg">
             <div class="absolute-bottom text-spacetrans text-shadow">
-                <div class="text-h6 text-trans">{{myop.name}}</div>
-                <div class="text-subtitle-carica text-trans">{{myop.sub1}}</div>
+                <div class="text-h6 text-trans">{{myop.name}} {{myop.surname}}</div>
+                <div class="text-subtitle-carica text-trans">{{myop.qualification}}</div>
             </div>
         </q-img>
 
@@ -16,8 +16,8 @@
 
         <q-tab-panels v-model="tab" animated>
             <q-tab-panel name="one">
-                <div class="text-subtitle-carica">{{myop.sub2}}</div>
-                <div v-if="myop.sub3" class="text-subtitle-certificato">{{myop.sub3}}</div>
+                <div class="text-subtitle-carica">{{myop.disciplines}}</div>
+                <div v-if="myop.certifications" class="text-subtitle-certificato">{{myop.certifications}}</div>
                 <div class="op__cell">
                     <q-icon class="flex-icon" name="mobile_friendly"></q-icon>
                     {{myop.cell}}
@@ -45,7 +45,7 @@
         </q-tab-panels>
 
         <!--<q-card-section>-->
-        <!--<div class="text-subtitle3">{{myop.sub2}}</div>-->
+        <!--<div class="text-subtitle3">{{myop.disciplines}}</div>-->
         <!--{{myop.info}}-->
         <!--</q-card-section>-->
     </q-card>