admin.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meshki/2.3.0/css/meshki.min.css">
  5. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/meshki/2.3.0/js/meshki.min.js"></script>
  6. <style>
  7. .thegrid {
  8. display: flex;
  9. flex-direction: column;
  10. }
  11. .innerflex {
  12. display: flex;
  13. flex-direction: row;
  14. justify-content: space-between;
  15. }
  16. .innerflex:hover {
  17. background-color: gray;
  18. }
  19. </style>
  20. <script>
  21. function rename(old, new_, user) {
  22. if (new_)
  23. window.location =
  24. `{{app_root}}/rename?old=${old}&new=${new_}&user=${user}`;
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. <div class="content">
  30. <div class="thegrid">
  31. {{#user}}
  32. <h3>/{{user}}</h3>
  33. {{#files}}
  34. <div class="innerflex">
  35. <div>
  36. <div>
  37. <a href="{{app_root}}/{{user}}/{{name}}">{{name}}</a>
  38. </div>
  39. <div>
  40. {{size}}
  41. </div>
  42. </div>
  43. <div>
  44. <a onclick="window.location = `{{app_root}}/delete?user={{user}}&image={{name}}`;" class="button small red">Delete</a>
  45. <a
  46. class="button small orange"
  47. onclick="rename('{{name}}', prompt('Rename', '{{name}}'), '{{user}}');">
  48. Rename
  49. </a>
  50. </div>
  51. </div>
  52. {{/files}}
  53. {{/user}}
  54. {{^user}}
  55. {{#files}}
  56. <div class="thegrid">
  57. <div class="innerflex">
  58. <a href="{{app_root}}/admin?user={{name}}">{{name}}</a>
  59. </div>
  60. </div>
  61. {{/files}}
  62. {{/user}}
  63. </div>
  64. </div>
  65. </body>
  66. </html>