123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!doctype html>
- <html>
- <head>
- <title>WriteFreelyImages | Home</title>
- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/meshki/2.3.0/css/meshki.min.css">
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/meshki/2.3.0/js/meshki.min.js"></script>
- <script>
- function rename(old, new_) {
- if (new_)
- window.location = `${window.location}rename?old=${old}&new=${new_}`;
- }
- </script>
- <style>
- .thegrid {
- display: flex;
- flex-direction: column;
- }
- .innerflex {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .innerflex:hover {
- background-color: gray;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <nav>
- <ul>
- <li><a href="{{app_root}}/">Home</a></li>
- {{#is_admin}}
- <li><a href="{{app_root}}/admin">Admin panel</a></li>
- {{/is_admin}}
- <li><a href="{{app_root}}/logout">Logout</a></li>
- <li>Logged in as {{logged_as}}</li>
- </ul>
- </nav>
- <div class="content">
- <form action="upload" method="POST" enctype="multipart/form-data">
- <input type="file" name="files" multiple>
- <input type="submit" value="Upload">
- </form>
- <hr style="width: 50%">
- <div class="thegrid">
- {{#files}}
- <div class="innerflex">
- <div>
- <div>
- <a href="{{app_root}}/{{logged_as}}/{{name}}">{{name}}</a>
- </div>
- <div>
- {{size}}
- </div>
- </div>
- <div>
- <a onclick="window.location = `{{app_root}}/delete?image={{name}}`;" class="button red small">Delete</a>
- <a onclick="rename('{{name}}', prompt('Rename','{{name}}'));" class="button blue small">Rename</a>
- </div>
- </div>
- {{/files}}
- </div>
- </div>
- </div>
- </body>
- </html>
|