episodes.html

---
title: Liste des épisodes
layout: page
---

<div class="form-group row">
  <div class="input-group mt-3 mb-3">
    <div class="input-group-prepend">
      <div class="input-group-text">
        <em class="bi bi-search"></em>
      </div>
    </div>
    <input id="search-input" class="form-control form-control-lg form-control-borderless"
           type="text" placeholder="Rechercher..." aria-label="Rechercher">
  </div>
</div>

<div id="all-results-container" class="post-list">
  {%- for post in site.posts -%}
  <div class="card post-list-item border-0">
    <div class="card-body m-0 p-0">
      <h2 class="card-title h4">
        <a class="post-link" href="{{ post.url | relative_url }}">
          {{ post.title | escape }} ({{ post.date | date: site.date_format }})
        </a>
      </h2>

      {{ post.excerpt }}
    </div>
  </div>
  <hr>
  {%- endfor -%}
</div>

<div id="results-container" class="post-list d-none"></div>

<script>
  const searchInput = document.getElementById('search-input');
  const resultsContainer = document.getElementById('results-container');
  const allResultsContainer = document.getElementById('all-results-container');
  SimpleJekyllSearch({
    searchInput: searchInput,
    resultsContainer: resultsContainer,
    searchResultTemplate: `<div class="card post-list-item border-0">
  <div class="card-body m-0 p-0">
    <h2 class="card-title h4">
      <a class="post-link" href="{url}">
        {title}
      </a>
    </h2>
    <span class="card-subtitle mb-2 text-muted">Posté le {date}</span>

    <p class="card-text">{excerpt}</p>
  </div>
</div>
<hr>`,
    noResultsText: 'Aucun résultat',
    json: '/search.json',
    limit: 1000,
    debounceTime: 300
  });
  searchInput.focus();

  searchInput.addEventListener('input', function () {
    const value = searchInput.value;
    if(value) {
      allResultsContainer.classList.add('d-none');
      resultsContainer.classList.remove('d-none');
    } else {
      allResultsContainer.classList.remove('d-none');
      resultsContainer.classList.add('d-none');
    }
  });
</script>