queue.gohtml 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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. {{ $th := "border border-slate-300 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400" }}
  12. {{ $td := "border border-slate-300 dark:border-slate-700 p-4 text-slate-500 dark:text-slate-400" }}
  13. <main class="container">
  14. <div class="container mt-5">
  15. <nav aria-label="breadcrumb">
  16. <ol class="breadcrumb">
  17. <li class="breadcrumb-item"><a href="#">Home</a></li>
  18. <li class="breadcrumb-item active" aria-current="page">{{ .info.Name }}</li>
  19. </ol>
  20. </nav>
  21. <h1 class="text-3xl font-bold underline">Queue view for {{ .info.Name }}</h1>
  22. {{ template "flashes" .flashes }}
  23. <table class="table">
  24. <thead>
  25. <tr>
  26. <th scope="col" class="{{ $th }}">Propriété</th>
  27. <th scope="col" class="{{ $th }}">Propriété</th>
  28. <th scope="col" class="{{ $th }}">Valeur</th>
  29. </tr>
  30. </thead>
  31. <tbody>
  32. <tr>
  33. <th scope="row" class="{{ $th }}">Nom</th>
  34. <td class="{{ $td }}">
  35. <pre>{{ .info.Name }}</pre>
  36. </td>
  37. </tr>
  38. <tr>
  39. <th scope="row" class="{{ $th }}">URL</th>
  40. <td class="{{ $td }}">
  41. <pre><a href="{{ .info.URL }}">{{ .info.URL }}</a></pre>
  42. </td>
  43. </tr>
  44. </tbody>
  45. </table>
  46. </div>
  47. <section class="container mt-5">
  48. <div class="d-flex align-items-center justify-content-between">
  49. <h2 class="my-5">Messages</h2>
  50. <button type="submit" form="msg-form" id="delete" class="btn btn-outline-danger" disabled>Delete selection</button>
  51. </div>
  52. <table class="table">
  53. <thead>
  54. <tr>
  55. <th scope="col d-flex align-items-center">
  56. <input id="select-all" class="form-check-input mt-0 me-3" type="checkbox">
  57. <span>Select all</span>
  58. </th>
  59. <th scope="col" >Propriété</th>
  60. <th scope="col">Valeur</th>
  61. </tr>
  62. </thead>
  63. <form action="post" id="msg-form">
  64. <tbody>
  65. <tr>
  66. <td><input class="form-check-input checkbox" type="checkbox" id="flexCheckDefault"></td>
  67. <td><label for="flexCheckDefault">info message</label></td>
  68. <td>Some value ?</td>
  69. </tr>
  70. <tr>
  71. <td><input class="form-check-input checkbox" type="checkbox" id="flexCheckChecked"></td>
  72. <td><label for="flexCheckChecked">info message</label></td>
  73. <td>Some value ?</td>
  74. </tr>
  75. <tr>
  76. <td><input class="form-check-input checkbox" type="checkbox" id="flexCheckChecked2"></td>
  77. <td><label for="flexCheckChecked2">info message</label></td>
  78. <td>Some value ?</td>
  79. </tr>
  80. </tbody>
  81. </form>
  82. </table>
  83. </section>
  84. </main>
  85. <srcipt src="/assets/script.js"></srcipt>
  86. </body>
  87. </html>
  88. {{end}}