Lista Navi

src/components/CTitleBanner/CTitleBanner.ts

@@ -24,7 +24,7 @@ import { Screen } from 'quasar'
   name: 'CTitleBanner'
 })
 export default class CTitleBanner extends Vue {
-  @Prop({ required: true}) public title: string
+  @Prop({ required: true }) public title: string
   @Prop({ required: false, default: 'bg-primary' }) public bgcolor: string
   @Prop({ required: false, default: 'text-white' }) public clcolor: string
   @Prop({ required: false, default: '' }) public mystyle: string
@@ -47,4 +47,10 @@ export default class CTitleBanner extends Vue {
     else
       return 'fas fa-chevron-down q-icon q-expansion-item__toggle-icon q-focusable rotate-180'
   }
+
+  public apri() {
+    this.myvisible = !this.myvisible
+    if (this.myvisible)
+      this.$emit('apri')
+  }
 }

src/components/CTitleBanner/CTitleBanner.vue

@@ -3,9 +3,9 @@
     <q-banner
       inline-actions
       rounded dense
-      :class="bgcolor+` q-my-sm `+clcolor+ ` ` + myclass"
+      :class="bgcolor+` cursor-pointer q-my-sm `+clcolor+ ` ` + myclass"
       style="text-align: center; "
-      @click="myvisible = !myvisible"
+      @click="apri()"
     >
       <template v-slot:avatar>
         <q-icon v-if="canopen && icon" :name="icon" color="white"/>