67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
<!--
|
|
Jekyll Simple Search loader
|
|
See: <https://github.com/christian-fei/Simple-Jekyll-Search>
|
|
-->
|
|
|
|
{% capture result_elem %}
|
|
<article class="px-1 px-sm-2 px-lg-4 px-xl-0">
|
|
<header>
|
|
<h2><a href="{url}">{title}</a></h2>
|
|
<div class="post-meta d-flex flex-column flex-sm-row text-muted mt-1 mb-1">
|
|
{categories}
|
|
{tags}
|
|
{date}
|
|
{datemodif}
|
|
</div>
|
|
</header>
|
|
<p>{snippet}</p>
|
|
</article>
|
|
{% endcapture %}
|
|
|
|
{% capture not_found %}<p class="mt-5">{{ site.data.locales[include.lang].search.no_results }}</p>{% endcapture %}
|
|
|
|
<script>
|
|
{% comment %} Note: dependent library will be loaded in `js-selector.html` {% endcomment %}
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
SimpleJekyllSearch({
|
|
searchInput: document.getElementById('search-input'),
|
|
resultsContainer: document.getElementById('search-results'),
|
|
json: '{{ '/assets/js/data/search.json' | relative_url }}',
|
|
searchResultTemplate: '{{ result_elem | strip_newlines }}',
|
|
noResultsText: '{{ not_found }}',
|
|
templateMiddleware: function(prop, value, template) {
|
|
if (prop === 'categories') {
|
|
if (value === '') {
|
|
return `${value}`;
|
|
} else {
|
|
return `<div class="me-sm-4"><i class="far fa-folder fa-fw"></i>${value}</div>`;
|
|
}
|
|
}
|
|
|
|
if (prop === 'tags') {
|
|
if (value === '') {
|
|
return `${value}`;
|
|
} else {
|
|
return `<div class="me-sm-4"><i class="fa fa-tag fa-fw"></i>${value}</div>`;
|
|
}
|
|
}
|
|
if (prop === 'date') {
|
|
if (value === '') {
|
|
return `${value}`;
|
|
} else {
|
|
return `<div class="me-sm-4"><i class="far fa-calendar fa-fw"></i>${value}</div>`;
|
|
}
|
|
}
|
|
if (prop === 'datemodif') {
|
|
if (value === '') {
|
|
return `${value}`;
|
|
} else {
|
|
return `<div class="me-sm-4" style='color:red'><i class="far fa-calendar fa-fw" style='color:red'></i>${value}</div>`;
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
});
|
|
</script>
|