list.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {% extends 'base.html' %}
  2. {% block content %}
  3. <div class="container">
  4. <form method="post" action="{{ url_for('add_link', link_name='') }}">
  5. <div class="row">
  6. <div class="col-sm-2">
  7. <input type="text" name="link_name" placeholer="name"></input>
  8. </div>
  9. <div class="col-sm-8">
  10. <input type="text" name="target" placeholder="http://example.com"></input>
  11. </div>
  12. <div class="col-sm-1">
  13. <button type="submit">Add</button>
  14. </div>
  15. </div>
  16. </form>
  17. <div>{{ request }}</div>
  18. {% for link in links %}
  19. <div class="row gx-5 border">
  20. <div class="col-sm-2" >
  21. <div class="border bg-light">
  22. <a href="/{{ link['name'] }}">{{ link['name'] }}</a>
  23. </div>
  24. </div>
  25. <div class="col-sm-8">
  26. {{ link['target'] }}
  27. </div>
  28. <div class="col-sm-1">
  29. <a class="btn btn-primary" data-bs-toggle="collapse" href="#linkCollapse{{ link['id'] }}" role="button" aria-expanded="false" aria-controls="linkCollapse{{ link['id'] }}">
  30. Details
  31. </a>
  32. </div>
  33. <div class="collapse" id="linkCollapse{{ link['id'] }}">
  34. <div class="card card-body">
  35. <div>
  36. <div class="container">
  37. <form method="post" action="{{ url_for('edit_link', link_name=link.name) }}">
  38. <div class="mb-3">
  39. <label for="formNameInput" class="form-label">Name</label>
  40. <input type="text" readonly class="form-control-plaintext" id="formNameInput" name="link_name" placeholder="{{ link.name }}">
  41. </div>
  42. <div class="mb-3">
  43. <label for="formTargetInput" class="form-label">Target</label>
  44. <input type="text" class="form-control" id="formTargetInput" name="target" value="{{ link.target }}">
  45. </div>
  46. <div class="mb-3">
  47. <button type="submit">Update</button>
  48. </form>
  49. <form method="post" action="{{ url_for('delete_link', link_id=link.id) }}">
  50. <button type="submit">Delete</button>
  51. </form>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. {% endfor %}
  59. </div>
  60. {% endblock %}