index.tmpl.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!doctype html>
  2. <HTML lang="ru">
  3. <head>
  4. <title>ВарТанк</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta pragma="no-cache">
  8. <!-- Bootstrap CSS -->
  9. <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  10. <!-- htmx -->
  11. <script src="/static/js/htmx.min.js"></script>
  12. <script src="/static/js/hyperscript.min.js"></script>
  13. </head>
  14. <body hx-boost="true">
  15. <div id="header" class="container-fluid"><!-- начало боди-контейнера -->
  16. <div class="container-fluid align-middle"><!-- контейнер заголовка -->
  17. <div class="row border align-items-center">
  18. <div class="col-auto border border-primary rounded btn btn-dark">
  19. <h1>WarTank</h1>
  20. </div>
  21. <div class="col">
  22. <a class="btn btn-primary" href="/">Главная</a>
  23. <a class="btn btn-primary" hx-post="/gui/bot/list_show" hx-target="#main">Список ботов</a>
  24. {.btn_lst_bot}
  25. <a class="btn btn-primary" hx-post="/monolit" hx-target="body">Монолит</a>
  26. </div>
  27. </div>
  28. </div>
  29. <div class="counter">
  30. <button _="on click increment the textContent of the next <output/>">Прибавить</button>
  31. [<output>0</output>]
  32. <button _="on click decrement the textContent of the previous <output/>">убавить</button><br>
  33. </div>
  34. <br>
  35. </div>
  36. <div id="main" hx-post="/gui/login_show" hx-trigger="load">
  37. {.main}
  38. </div>
  39. <div id="foother" class="container-fluid border rounded text-info bg-dark">
  40. <span>FunnySoft 20021-2025 (c)</span>
  41. <span hx-post="/api/uptime" hx-trigger="every 5s"></span>
  42. <span hx-post="/api/count_start" hx-trigger="every 30s"></span>
  43. </div>
  44. <script src="/static/js/bootstrap.bundle.min.js"></script>
  45. </body>
  46. </HTML>