list.html 2.2 KB

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