manage_playlists_import.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <br>
  2. <hr>
  3. <br>
  4. <div class="container-fluid">
  5. <h2>Enter a Playlist link or list multiple Playlist links line by line</h2>
  6. <br>
  7. <div id="import-playlists-from">
  8. <textarea name="import-playlist-textarea" class="form-control bg-dark text-white" id="video-notes-text-area" placeholder="Enter here" rows="5"
  9. hx-post="{% url 'manage_save' 'manage_playlists_import_textarea' %}"
  10. hx-trigger="keyup changed delay:500ms"
  11. hx-indicator="#spinner">{{ manage_playlists_import_textarea }}</textarea>
  12. <!--
  13. <input class="form-check-input mx-3 big-checkbox" type="checkbox" name="e" id="checkbox"> <br>
  14. <input class="form-check-input mx-3 big-checkbox" type="checkbox" name="f" id="checkbox"> <br>
  15. <input class="form-check-input mx-3 big-checkbox" type="checkbox" name="g" id="checkbox"> <br>
  16. <input class="form-check-input mx-3 big-checkbox" type="checkbox" name="h" id="checkbox"> <br>
  17. -->
  18. </div>
  19. <br>
  20. <div class="d-flex justify-content-start">
  21. <button type="button" hx-post="{% url 'manage_import_playlists' %}" hx-include="[id='import-playlists-from']" hx-target="#import-playlists-results" hx-indicator="#spinner" class="btn btn-success">Import!</button>
  22. <div id="spinner" class="htmx-indicator ms-3 mt-2">
  23. <div class="spinner-border text-light" role="status">
  24. </div>
  25. </div>
  26. </div>
  27. <br>
  28. <div id="import-playlists-results">
  29. </div>
  30. <br>
  31. </div>