queue.gohtml 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. {{define "queue-get" -}}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>File {{ .info.Name }}</title>
  7. <link rel="stylesheet" href="/assets/styles.css"/>
  8. <link rel="stylesheet" href="/assets/bootstrap.min.css">
  9. </head>
  10. <body>
  11. <main class="container">
  12. <div class="container mt-5">
  13. <nav aria-label="breadcrumb">
  14. <ol class="breadcrumb">
  15. <li class="breadcrumb-item"><a href="#">Home</a></li>
  16. <li class="breadcrumb-item active" aria-current="page">{{ .info.Name }}</li>
  17. </ol>
  18. </nav>
  19. <h1 class="text-3xl font-bold underline">Queue view for {{ .info.Name }}</h1>
  20. {{ template "flashes" .flashes }}
  21. <div class="alert alert-secondary alert-dismissible fade show row">
  22. <div class="col col-2">Délai SQS info</div>
  23. <div class="col col-4">{{ .latency.info }}</div>
  24. <div class="col col-2">Délai SQS messages</div>
  25. <div class="col col-4">{{ .latency.items }}</div>
  26. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  27. </div>
  28. <table class="table">
  29. <thead>
  30. <tr>
  31. <th scope="col">Propriété</th>
  32. <th scope="col">Propriété</th>
  33. <th scope="col">Valeur</th>
  34. </tr>
  35. </thead>
  36. <tbody>
  37. <tr>
  38. <th scope="row">Nom</th>
  39. <td>{{ .info.Name }}
  40. </td>
  41. </tr>
  42. <tr>
  43. <th scope="row">URL</th>
  44. <td><a href="{{ .info.URL }}">{{ .info.URL }}</a>
  45. </td>
  46. </tr>
  47. <tr>
  48. <th scope="row">Info</th>
  49. <td>{{ dump .info }}</td>
  50. </tr>
  51. <tr>
  52. <th scope="row">Items</th>
  53. <td>{{ dump .items }}</td>
  54. </tr>
  55. </tbody>
  56. </table>
  57. </div>
  58. <section class="container mt-5">
  59. <form method="get" id="msg-form" action="/queue/{{ .info.Name }}/confirm">
  60. <div class="d-flex align-items-center justify-content-between">
  61. <h2 class="my-5">Messages</h2>
  62. <button type="submit" form="msg-form" id="redrive" name="redrive" class="btn btn-outline-success" disabled>
  63. Redrive selection
  64. </button>
  65. <button type="submit" form="msg-form" id="delete" name="delete" class="btn btn-outline-danger" disabled>
  66. Delete selection
  67. </button>
  68. </div>
  69. <table class="table">
  70. <thead>
  71. <tr>
  72. <th scope="col" class="d-flex align-items-center">
  73. <input id="select-all" class="form-check-input mt-0 me-3" type="checkbox">
  74. <span>Select all</span>
  75. </th>
  76. <th scope="col">Propriété</th>
  77. <th scope="col">Valeur</th>
  78. </tr>
  79. </thead>
  80. <tbody>
  81. <tr>
  82. <td><input class="form-check-input checkbox" type="checkbox" name="id-1" id="flexCheckDefault"></td>
  83. <td><label for="flexCheckDefault">info message</label></td>
  84. <td>Some value ?</td>
  85. </tr>
  86. <tr>
  87. <td><input class="form-check-input checkbox" type="checkbox" name="id-2" id="flexCheckChecked"></td>
  88. <td><label for="flexCheckChecked">info message</label></td>
  89. <td>Some value ?</td>
  90. </tr>
  91. <tr>
  92. <td><input class="form-check-input checkbox" type="checkbox" name="id-3" id="flexCheckChecked2"></td>
  93. <td><label for="flexCheckChecked2">info message</label></td>
  94. <td>Some value ?</td>
  95. </tr>
  96. </tbody>
  97. </table>
  98. </form>
  99. </section>
  100. </main>
  101. <script src="/assets/bootstrap.js"></script>
  102. <script src="/assets/script.js"></script>
  103. </body>
  104. </html>
  105. {{end}}