- Fix Facebook slow down the loading... inserted only a static image !#106

- Others fix to the CCardDiscipline

src/components/CFacebookFrame/CFacebookFrame.scss

@@ -0,0 +1,7 @@
+.myclassfb{
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  margin-bottom: auto;
+  display: block;
+}

src/components/CFacebookFrame/CFacebookFrame.ts

@@ -7,8 +7,27 @@ import { date } from 'quasar'
 import { CalendarStore } from '../../store/Modules'
 import MixinBase from '../../mixins/mixin-base'
 
+import VueScrollReveal from 'vue-scroll-reveal'
+import { CImgText } from '../CImgText'
+
+
+Vue.use(VueScrollReveal, {
+  class: 'v-scroll-reveal', // A CSS class applied to elements with the v-scroll-reveal directive; useful for animation overrides.
+  duration: 1200,
+  scale: 0.95,
+  distance: '10px',
+  rotate: {
+    x: 0,
+    y: 0,
+    z: 0
+  }
+  // mobile: true
+})
+
+
 @Component({
   name: 'CFacebookFrame',
+  components: { CImgText },
   mixins: [MixinBase]
 })
 
@@ -17,6 +36,7 @@ export default class CFacebookFrame extends Vue {
   public $t
   @Prop({ required: true }) public urlfbpage: string
   @Prop({ required: true }) public title: string
+  @Prop({ required: true }) public fbimage: string
   @Prop({ required: false, default: '' }) public myclass: string
 
   public geturlfbpageEncoded() {

src/components/CFacebookFrame/CFacebookFrame.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="urlfbpage" :class="myclass">
+    <div v-if="urlfbpage && fbimage" :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">-->
@@ -8,9 +8,17 @@
         <!--</blockquote>-->
         <!--</div>-->
 
+        <a :href="urlfbpage" target="_blank">
+            <q-img :src="`statics/` + fbimage" class="myclassfb">
+            </q-img>
+
+        </a>
+
+        <!--
         <iframe :src="`https://www.facebook.com/plugins/page.php?href=`+geturlfbpageEncoded()+`&tabs=timeline&width=`+mywidth+`&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>