panel.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>loli-safe - A self hosted upload service</title>
  5. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css">
  6. <link rel="stylesheet" type="text/css" href="/css/style.css">
  7. <script type="text/javascript" src="/js/panel.js"></script>
  8. </head>
  9. <body>
  10. <section id='auth' class="hero is-light is-fullheight">
  11. <div class="hero-body">
  12. <div class="container">
  13. <h1 class="title">
  14. Admin dashboard
  15. </h1>
  16. <h2 class="subtitle">
  17. <p class="control has-addons">
  18. <input id='token' class="input is-danger" type="text" placeholder="Your admin token">
  19. <a id='tokenSubmit' class="button is-danger is-outlined">Check</a>
  20. </p>
  21. </h2>
  22. </div>
  23. </div>
  24. </section>
  25. <section id='dashboard' class="section">
  26. <!--<div id="auth" class="container">
  27. <div class="columns">
  28. <div class="column"></div>
  29. <div class="column">
  30. <p class="control has-addons has-addons-centered">
  31. <input id='token' class="input is-danger" type="text" placeholder="Your admin token">
  32. <a id='tokenSubmit' class="button is-danger">Check</a>
  33. </p>
  34. </div>
  35. <div class="column"></div>
  36. </div>
  37. </div>-->
  38. <div id="panel" class="container">
  39. <h1 class="title">Dashboard</h1>
  40. <h2 class="subtitle">A simple <strong>dashboard</strong>, to sort your uploaded stuff</h2>
  41. <hr>
  42. <div class="columns">
  43. <div class="column is-3">
  44. <aside class="menu">
  45. <p class="menu-label">General</p>
  46. <ul class="menu-list">
  47. <li><a href="/">Frontpage</a></li>
  48. <li><a id='itemUploads'>Uploads</a></li>
  49. </ul>
  50. <p class="menu-label">Galleries</p>
  51. <ul class="menu-list">
  52. <li><a id='itemManageGallery'>Manage your galleries</a></li>
  53. <li>
  54. <ul id='galleryContainer'>
  55. <li><a>Gallery 1</a></li>
  56. <li><a>Gallery 2</a></li>
  57. <li><a>Gallery 3</a></li>
  58. </ul>
  59. </li>
  60. </ul>
  61. <p class="menu-label">Administration</p>
  62. <ul class="menu-list">
  63. <li><a>Change your tokens</a></li>
  64. </ul>
  65. </aside>
  66. </div>
  67. <div class="column has-text-centered" id='page'>
  68. <img src="/images/logo.png">
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73. </body>
  74. </html>