diff options
| author | zhanghongqing <[email protected]> | 2022-08-09 16:54:16 +0800 |
|---|---|---|
| committer | zhanghongqing <[email protected]> | 2022-08-09 16:54:16 +0800 |
| commit | b3fa11d4b1b5a68d7b04fde5eb6cfbda557927eb (patch) | |
| tree | a49d344e49fc427fbf4cf00aa4963c4d04cd98a4 /src/main/resources/static/home.html | |
| parent | d8a2be0d094ac9ba2d47c81ebf03b3fe6e34a078 (diff) | |
Diffstat (limited to 'src/main/resources/static/home.html')
| -rw-r--r-- | src/main/resources/static/home.html | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/src/main/resources/static/home.html b/src/main/resources/static/home.html new file mode 100644 index 0000000..7dac764 --- /dev/null +++ b/src/main/resources/static/home.html @@ -0,0 +1,118 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <!-- Meta tags --> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <!-- Title --> + <title>Websketch - {{ directory }}</title> + <!-- Stylesheets --> + <link rel="stylesheet" href="{{ url_for('sketch', filename='css/bootstrap.min.css') }}"> + <link rel="stylesheet" href="{{ url_for('sketch', filename='vendor/fontawesome-5.1/css/all.min.css') }}"> + <link rel="stylesheet" href="{{ url_for('sketch', filename='vendor/datatable/datatables.min.css') }}"> + <link rel="stylesheet" href="{{ url_for('sketch', filename='css/style.min.css') }}"> +</head> + +<body> +<div class="conn"> + + <!-- Header --> + <header id="header" class="d-flex align_item_center"> + <div onclick="document.location='/'" class="logo_p"> + <img src="{{ url_for('sketch', filename='images/att-globe.svg') }}" alt="att-globe"> + </div> + + <div class="heading_title_p"> + <h2>Directory: {{ directory }}</h2> + </div> + </header> + + <!-- ----- Upload Form ----- --> + <div class="inputUploadP"> + <form method="post" action="/upload" enctype="multipart/form-data" class="uploadForm"> + <!-- -- Upload File -- --> + <div class="uploadFile_P"> + <input type="file" name="file" id="file" class="uploadFile" + data-multiple-caption="{count} files selected" multiple/> + <label for="file"> + <i class="fa fa-upload"></i> + <span>Choose a file…</span> + </label> + <input type="hidden" name="path" value="{{ directory }}"> + </div> + <!-- -- Upload Btn -- --> + <p class="uploadBtn_P"> + <button type="submit" class="uploadBtn btn btn-primary"> + Upload + </button> + </p> + </form> + </div> + + {% if is_subdirectory %} + <section class="backBtn_p"> + <a href="/{{ back }}"> + <i class="fas fa-level-up-alt"></i> + <span>Back</span> + </a> + </section> + {% endif %} + + <!-- Table --> + <section class="table_p table-responsive"> + <table id="tableData" class="table table-hover compact"> + <thead> + <tr> + <th width="4%"><!--Type (Directory or File)--></th> + <th>Name</th> + <th>Size</th> + <th>Last Modified</th> + <th></th> <!-- View file --> + </tr> + </thead> + <tbody> + {% for file in files %} + <tr> + <td> <!-- Icon --> + {% if file.is_dir %} + <button class="file_ic"><i class="far fa-folder"></i></button><!-- Directory icon --> + {% else %} + <button class="file_ic"><i class="far fa-file"></i></button><!-- File icon --> + {% endif %} + </td> + <td> <!-- Name --> + <a href="/{{ file.rel_path }}">{{ file.name }}{% if file.is_dir %}/{% endif %}</a> + </td> + <td data-order="{{ file.size_sort }}"> <!-- File size --> + {{ file.size }} + </td> + <td data-order="{{ file.last_modified_sort }}"> <!-- File last modified --> + {{ file.last_modified }} + </td> + <td> <!-- View file --> + {% if not file.is_dir %} + <a href="/{{ file.rel_path }}?view">View in browser</a> + {% endif %} + </td> + </tr> + {% endfor %} + </tbody> + </table> + </section> + + <footer> + <p> + Websketch V22.03 + </p> + </footer> + +</div> <!-- end class conn --> + +<!-- Scripts --> +<script src="{{ url_for('sketch', filename='js/jquery-3.4.1.min.js') }}"></script> +<script src="{{ url_for('sketch', filename='vendor/datatable/datatables.min.js') }}"></script> +<script src="{{ url_for('sketch', filename='js/main.js') }}"></script> + +</body> +</html>
\ No newline at end of file |