farooqkz
/
WriteFreelyImages


			
				
					
						
						
							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>