'slug' => $this->file->slug,
'tags' => $this->file->fileTags()->pluck('content')->toArray(),
'collection' => (string) $this->file->collection,
- 'ref' => $this->file->ref,
+ 'title' => $this->file->title,
'cover' => $this->file->coverUrl,
'created_at' => $this->file->created_at->format('U'),
],
}),
_vm._v(" "),
_c("div", { staticClass: "card-body" }, [
- _c("h5", { staticClass: "card-title" }, [
- _vm._v(_vm._s(_vm.hit.file.collection) + " - "),
- _c("strong", [_vm._v(_vm._s(_vm.hit.file.ref))])
- ]),
+ _c("h5", {
+ staticClass: "card-title",
+ domProps: { textContent: _vm._s(_vm.hit.file.title) }
+ }),
_vm._v(" "),
_c(
"p",
_c(
"a",
{
- staticClass: "btn btn-primary",
+ staticClass: "btn btn-big mb-0",
attrs: { href: _vm.viewLink, target: "_blank" }
},
[
- _c("i", { staticClass: "fas fa-book-open" }),
+ _c("i", { staticClass: "fas fa-book-open mr-1" }),
_vm._v(" Lire cette édition")
]
)
}
},
[
- _c("ais-configure", { attrs: { hitsPerPage: 10 } }),
+ _c("ais-configure", { attrs: { hitsPerPage: 12 } }),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c(
return _c(
"button",
{
- staticClass: "ais-InfiniteHits-loadMore",
+ staticClass: "btn btn-big",
attrs: { disabled: isLastPage },
on: { click: refineNext }
},
[
- _vm._v(
- "\n Voir plus\n "
- )
+ _c("i", {
+ staticClass: "far fa-plus-square mr-1"
+ }),
+ _vm._v("Voir plus\n ")
]
)
}
}
.highlight-blue,
-.btn-back {
+.btn-back,
+.btn-big {
color: white;
background-color: #074e9c;
}
font-size: small;
}
-.btn-back {
+.btn-back,
+.btn-big {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1rem;
max-height: 120px;
}
+.badge-light {
+ font-weight: 300;
+}
+
}),
_vm._v(" "),
_c("div", { staticClass: "card-body" }, [
- _c("h5", { staticClass: "card-title" }, [
- _vm._v(_vm._s(_vm.hit.file.collection) + " - "),
- _c("strong", [_vm._v(_vm._s(_vm.hit.file.ref))])
- ]),
+ _c("h5", {
+ staticClass: "card-title",
+ domProps: { textContent: _vm._s(_vm.hit.file.title) }
+ }),
_vm._v(" "),
_c(
"p",
_c(
"a",
{
- staticClass: "btn btn-primary",
+ staticClass: "btn btn-big mb-0",
attrs: { href: _vm.viewLink, target: "_blank" }
},
[
- _c("i", { staticClass: "fas fa-book-open" }),
+ _c("i", { staticClass: "fas fa-book-open mr-1" }),
_vm._v(" Lire cette édition")
]
)
}
},
[
- _c("ais-configure", { attrs: { hitsPerPage: 10 } }),
+ _c("ais-configure", { attrs: { hitsPerPage: 12 } }),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c(
return _c(
"button",
{
- staticClass: "ais-InfiniteHits-loadMore",
+ staticClass: "btn btn-big",
attrs: { disabled: isLastPage },
on: { click: refineNext }
},
[
- _vm._v(
- "\n Voir plus\n "
- )
+ _c("i", {
+ staticClass: "far fa-plus-square mr-1"
+ }),
+ _vm._v("Voir plus\n ")
]
)
}
<div class="card w-100">
<img class="card-img-top" :src="hit.file.cover" alt="Cover">
<div class="card-body">
- <h5 class="card-title">{{hit.file.collection}} - <strong>{{hit.file.ref}}</strong></h5>
+ <h5 class="card-title" v-text="hit.file.title"></h5>
<p class="card-text">
<span class="badge badge-light mr-1" v-for="tag in hit.file.tags">
</p>
</div>
- <a :href="viewLink" class="btn btn-primary" target="_blank"><i class="fas fa-book-open"></i> Lire cette édition</a>
+ <a :href="viewLink" class="btn btn-big mb-0" target="_blank"><i class="fas fa-book-open mr-1"></i> Lire cette édition</a>
:index-name="prefix+'searchable_texts'"
>
<ais-configure
- :hits-per-page.camel="10"
+ :hits-per-page.camel="12"
/>
<div class="row">
slot-scope="{ page, isLastPage, refineNext }"
:disabled="isLastPage"
@click="refineNext"
- class="ais-InfiniteHits-loadMore"
+ class="btn btn-big"
>
- Voir plus
+ <i class="far fa-plus-square mr-1"></i>Voir plus
</button>
</ais-infinite-hits>
</div>
}
-.btn-back {
+.btn-back, .btn-big {
@extend .highlight-blue;
text-transform: uppercase;
font-weight: bold;
.mh-campaign{
max-height: 120px;
}
+
+.badge-light {
+ font-weight: 300;
+}