- Table of Disciplines #101

- Insert Facebook bar to the Site #97

src/components/CCardDiscipline/CCardDiscipline.scss

@@ -0,0 +1,84 @@
+$heightBtn: 100%;
+$grayshadow: #555;
+
+.text-subtitle-carica {
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+}
+
+.text-subtitle-certificato {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .text-subtitle-carica {
+    font-size: 1rem;
+  }
+}
+
+.my-card-discipline {
+  width: 100%;
+  max-width: 350px;
+  min-width: 300px;
+  padding: 1rem 1rem;
+
+  box-shadow: none;
+  border-radius: 20px;
+  margin: 1rem 1rem;
+  transition: transform .2s ease-out;
+}
+
+.my-card-discipline:hover {
+  transition: transform .2s ease-in;
+  transform: scale(1.03);
+}
+
+.disc {
+  text-align: center !important;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.75rem;
+  letter-spacing: .00937em;
+  text-shadow: .1rem .1rem .1rem $grayshadow;
+
+  &__title {
+    //color: white;
+    text-shadow: .125rem .125rem .125rem #2d2260;
+  }
+
+  &__cell {
+    font-size: 1rem;
+    color: red;
+  }
+
+  &__email {
+    font-size: 1rem;
+    color: #3b5998;
+  }
+
+  &__description {
+    font-size: 1rem;
+    color: #000000;
+  }
+
+  &__email a {
+    text-decoration: none;
+  }
+
+}
+
+.myimg {
+  border-radius: 30px !important;
+  margin: 30px auto 10px;
+}
+
+.q-img {
+  &__image {
+    border-radius: 30px !important;
+  }
+}

src/components/CCardDiscipline/CCardDiscipline.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+
+import { tools } from '../../store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+import { IDiscipline } from '../../model'
+import MixinBase from '../../mixins/mixin-base'
+
+@Component({
+  mixins: [MixinBase],
+  name: 'CCardDiscipline'
+})
+
+export default class CCardDiscipline extends Vue {
+  @Prop({ required: true }) public discipline: IDiscipline
+
+  public getNextLesson(typol) {
+    // Get next lesson
+    return ''
+  }
+}

src/components/CCardDiscipline/CCardDiscipline.vue

@@ -0,0 +1,35 @@
+<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>
+                </q-btn>
+            </div>
+        </q-img>
+
+        <q-card-section>
+            <div class="disc__description">{{discipline.description}}</div>
+        </q-card-section>
+
+        <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-btn rounded size="sm" color="primary" :to="discipline.linkpage">Leggi tutto</q-btn>
+
+
+        <!--<q-card-section>-->
+        <!--<div class="text-subtitle3">{{myop.disciplines}}</div>-->
+        <!--{{myop.info}}-->
+        <!--</q-card-section>-->
+    </q-card>
+</template>
+
+<script lang="ts" src="./CCardDiscipline.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './CCardDiscipline.scss';
+</style>

src/components/CCardDiscipline/index.ts

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

src/components/CEventsCalendar/CEventsCalendar.ts

@@ -890,6 +890,10 @@ export default class CEventsCalendar extends MixinEvents {
     return CalendarStore.state.wheres
   }
 
+  get getDisciplines() {
+    return GlobalStore.state.disciplines
+  }
+
   public createContribType(value) {
     console.log('createContribType', value)
     tools.createNewRecord(this, 'contribtype', { label: value }).then((myrec) => {

src/components/CEventsCalendar/CEventsCalendar.vue

@@ -122,6 +122,12 @@
                             v-if="contextDay"
                             ref='myevent'
                             class="q-gutter-sm">
+
+                        <CMySelect :label="$t('event.typol')" :value.sync="eventForm.typol" optval="typol_code"
+                                   optlab="label"
+                                   :options="getDisciplines" :useinput="false">
+                        </CMySelect>
+
                         <q-input color="grey-1" v-model="eventForm.short_tit" autofocus
                                  :input-style="`background-color: ${eventForm.bgcolor} !important; color: white !important; font-weight: bold; `"
                                  borderless rounded dense :label="$t('event.short_tit')"
@@ -133,6 +139,7 @@
                                  :rules="[v => v && v.length > 0 || $t('event.notempty')]"></q-input>
 
 
+
                         <q-tabs
                                 v-model="tabeditor"
                                 dense

src/components/CFacebookFrame/CFacebookFrame.ts

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import { Component, Prop, Watch } from 'vue-property-decorator'
+import { tools } from '@src/store/Modules/tools'
+import { toolsext } from '@src/store/Modules/toolsext'
+
+import { date } from 'quasar'
+import { CalendarStore } from '../../store/Modules'
+import MixinBase from '../../mixins/mixin-base'
+
+@Component({
+  name: 'CFacebookFrame',
+  mixins: [MixinBase]
+})
+
+export default class CFacebookFrame extends Vue {
+  public $q
+  public $t
+  @Prop({ required: true }) public urlfbpage: string
+  @Prop({ required: true }) public title: string
+  @Prop({ required: false, default: '' }) public myclass: string
+
+  public geturlfbpageEncoded() {
+    return encodeURIComponent(this.urlfbpage)
+  }
+}

src/components/CFacebookFrame/CFacebookFrame.vue

@@ -0,0 +1,22 @@
+<template>
+    <div v-if="urlfbpage" :class="myclass">
+        <!--<div class="fb-page" :data-href="urlfbpage" data-tabs="timeline"-->
+        <!--data-width="" data-height="" data-small-header="false" data-adapt-container-width="true"-->
+        <!--data-hide-cover="false" data-show-facepile="true">-->
+        <!--<blockquote :cite="urlfbpage" class="fb-xfbml-parse-ignore"><a-->
+        <!--:href="urlfbpage">{{title}}</a>-->
+        <!--</blockquote>-->
+        <!--</div>-->
+
+        <iframe :src="`https://www.facebook.com/plugins/page.php?href=`+geturlfbpageEncoded()+`&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=164292303671962`"
+                width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
+                allowTransparency="true" allow="encrypted-media"></iframe>
+    </div>
+</template>
+
+<script lang="ts" src="./CFacebookFrame.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './CFacebookFrame.scss';
+</style>

src/components/CFacebookFrame/index.ts

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

src/components/CGridTableRec/CGridTableRec.ts

@@ -97,7 +97,7 @@ export default class CGridTableRec extends Vue {
   }
 
   public SaveValue(newVal, valinitial) {
-    console.log('SaveValue', newVal, 'rowsel', this.rowsel)
+    // console.log('SaveValue', newVal, 'rowsel', this.rowsel)
 
     // Update value in table memory
     if (this.colsel.subfield !== '') {

src/components/CMyPopupEdit/CMyPopupEdit.ts

@@ -52,13 +52,13 @@ export default class CMyPopupEdit extends Vue {
   }
 
   public OpenEdit() {
-    console.log('OpenEdit')
+    // console.log('OpenEdit')
     this.$emit('show')
   }
 
   public SaveValueInt(newVal, valinitial) {
 
-    console.log('SaveValueInt', newVal)
+    // console.log('SaveValueInt', newVal)
 
     // Update value in table memory
     if (this.subfield !== '') {

src/components/Header/Header.vue

@@ -128,7 +128,6 @@
 
         </q-drawer>
 
-
         <!-- USER BAR -->
         <q-drawer v-if="static_data.functionality.SHOW_USER_MENU" v-model="rightDrawerOpen" side="right" elevated>
             <div id="profile">

src/components/index.ts

@@ -3,6 +3,7 @@ export * from './todos'
 export * from './logo'
 export * from './CProgress'
 export * from './CCard'
+export * from './CCardDiscipline'
 export * from './CBook'
 export * from './CMyPage'
 export * from './CTitle'
@@ -25,4 +26,5 @@ export * from './BannerCookies'
 export * from './PagePolicy'
 export * from './FormNewsletter'
 export * from './CGridTableRec'
+export * from './CFacebookFrame'
 export * from './Shen/CTesseraElettronica'