unavailable_videos.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. {% extends 'base.html' %}
  2. {% block content %}
  3. <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 mb-3">
  4. <h1 class="h2"><span style="border-bottom: 3px #e24949 dashed;">Unavailable Videos</span> <span class="badge bg-primary rounded-pill">{{ videos.count }}</span></h1>
  5. </div>
  6. {% if videos %}
  7. <input class="form-control border border-secondary" type="text"
  8. name="search" placeholder="Begin to search playlists..."
  9. hx-post="{% url 'search_library' 'unavailable-videos' %}"
  10. hx-trigger="keyup changed delay:700ms"
  11. hx-target="#search-results"
  12. hx-indicator=".htmx-indicator"
  13. aria-describedby="searchHelp">
  14. <div id="searchHelp" class="form-text">For a more extensive name search and filtering, <a href="{% url 'search' %}?mode=videos&type=unavailable">click here</a>.</div>
  15. <br>
  16. <div id="search-results" class="row row-cols-1 row-cols-md-4 g-4">
  17. {% include 'intercooler/video_cards.html' with videos=videos %}
  18. </div>
  19. {% else %}
  20. <div class="card bg-dark text-white mb-3">
  21. <div class="card-body">
  22. <div class="d-flex justify-content-center h3">
  23. Nothing here!
  24. </div>
  25. <div class="d-flex justify-content-center h5">
  26. Any videos in your present UnTube collection that go unavailable on YouTube will all show up here. <br>Note that only
  27. video names will show up here.
  28. </div>
  29. </div>
  30. </div>
  31. {% endif %}
  32. <br>
  33. {% endblock %}