- Open Dialog for Operators when click on Chip #91

- HOME: Show last 5 Events #99
- Creating HOME page with the Services Offering (Disciplines...) #96
- CCardDiscipline #104

src/components/CCardDiscipline/CCardDiscipline.vue

@@ -1,30 +1,43 @@
 <template>
-    <q-card class="my-card-discipline text-center fa-border inset-shadow">
-        <q-img :src="`statics/` + discipline.img_small" class="myimg">
-            <div class="absolute-bottom text-spacetrans">
-                <q-btn rounded :to="discipline.linkpage">
-                    <div class="text-h4 text-trans disc__title shadow-max">{{discipline.label}}</div>
+    <div class="my-card-shadow yes_shadow" style="opacity: 1 !important;">
+        <q-card class="my-card-discipline text-center inset-shadow" :style="mystyle">
+            <q-img :src="`statics/` + discipline.img_small" class="myimg">
+                <div class="absolute-bottom text-spacetrans">
+                    <q-btn rounded :to="discipline.linkpage">
+                        <div class="text-h5 disc__title shadow-max">{{discipline.label}}</div>
+                    </q-btn>
+                </div>
+            </q-img>
+
+            <q-card-section>
+                <div class="disc__description">{{discipline.description}}</div>
+            </q-card-section>
+
+            <q-card-section v-if="ExistLesson()" class="text-blue">
+                {{ $t('cal.nextevent') }}:
+                <q-btn rounded type="a" :to="getLinkEvent" color="primary" icon="event" :label="NextEventDate()">
                 </q-btn>
-            </div>
-        </q-img>
+            </q-card-section>
 
-        <q-card-section>
-            <div class="disc__description">{{discipline.description}}</div>
-        </q-card-section>
+            <q-separator inset></q-separator>
 
-        <q-card-section v-if="getNextLesson(discipline.typol_code)">
-            <i class="icon ion-calendar"></i> Prossima Lezione:
-            <div class="disc__description">{{getNextLesson(discipline.typol_code)}}</div>
-        </q-card-section>
+            <q-card-section class="row justify-center">
+                <div v-for="(teach, index) in discipline.teachers" :key="index"
+                     v-if="getImgTeacherByUsername(teach) && isValidUsername(teach)">
+                    <CMyTeacher :username="teach">
+                    </CMyTeacher>
+                </div>
+            </q-card-section>
 
-        <q-btn rounded size="sm" color="primary" :to="discipline.linkpage">Leggi tutto</q-btn>
+            <q-btn class="q-mb-md" rounded size="md" color="primary" :to="discipline.linkpage" :label="$t('cal.readall')"></q-btn>
 
 
-        <!--<q-card-section>-->
-        <!--<div class="text-subtitle3">{{myop.disciplines}}</div>-->
-        <!--{{myop.info}}-->
-        <!--</q-card-section>-->
-    </q-card>
+            <!--<q-card-section>-->
+            <!--<div class="text-subtitle3">{{myop.disciplines}}</div>-->
+            <!--{{myop.info}}-->
+            <!--</q-card-section>-->
+        </q-card>
+    </div>
 </template>
 
 <script lang="ts" src="./CCardDiscipline.ts">