created thematique page

web/themes/custom/materiotheme/vuejs/components/Content/Card.vue

@@ -118,7 +118,8 @@ export default {
       }
     },
     openModalCard (e) {
-      if(this.isLoggedin){
+      console.log('openModalCard', this.isLoggedin);
+      if(this.isloggedin){
         this.$modal.show(
           ModalCard,
           { item: this.item },

web/themes/custom/materiotheme/vuejs/components/Content/CardThematique.vue

@@ -1,10 +1,13 @@
 <template>
   <article class="card card-thematique search-card">
-    <header
-      @click="openThematique"
-    >
-      <h1>{{ item.title }}</h1>
-      <h4>{{ item.short_description }}</h4>
+    <header>
+      <a
+        :href="item.path"
+        @click.prevent="openThematique"
+      >
+        <h1>{{ item.title }}</h1>
+        <h4>{{ item.short_description }}</h4>
+      </a>
     </header>
     <section class="images" v-switcher>
       <figure
@@ -14,7 +17,7 @@
         <img
           class="lazy"
           v-lazy="index"
-          :data-src="img.style_cardmedium.url"
+          :data-src="img.style_cardmedium_url"
           :title="img.title"
         />
         <img
@@ -27,7 +30,7 @@
     <CoolLightBox
       :items="item.visuels"
       :index="lightbox_index"
-      srcName="url"
+      srcName="style_hd_url"
       :loop="true"
       @close="lightbox_index = null">
     </CoolLightBox>
@@ -50,7 +53,8 @@ export default {
     return {
       blanksrc:`${drupalSettings.path.themePath}/assets/img/blank.gif`,
       // loadingFlag: false,
-      lightbox_index: null
+      lightbox_index: null,
+      alias: this.item.path.replace(/^.?\/thematique\//g, '')
     }
   },
   // computed: {
@@ -95,15 +99,12 @@ export default {
     // },
     openThematique (e) {
       console.log('openThematique', e);
-      // this.$modal.show(
-      //   ModalCard,
-      //   { item: this.item },
-      //   {
-      //     draggable: true,
-      //     width: '850px',
-      //     height: '610px'
-      //   }
-      // )
+      this.$router.push({
+        name:`thematique`,
+        params: { alias:this.alias }
+        // query: { nid: this.item.nid }
+        // meta: { uuid:this.item.uuid },
+      })
     }
   }
 }