web-shared-folder
Version:
Web server for sharing folder on local network or Internet
146 lines (145 loc) • 5.11 kB
HTML
<!--Language-->
<html lang="~%~" translate="no">
<head>
<!--Title-->
<title>~%~</title>
<meta charset="UTF-8">
<meta name="google" content="notranslate">
<link rel="icon" type="image/x-icon" href="/wsf_app_files/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/wsf_app_files/icons.css">
<link rel="stylesheet" href="/wsf_app_files/index.css">
<link rel="stylesheet" href="/wsf_app_files/dark.css" id="dark-theme-css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="/wsf_app_files/light.css" id="light-theme-css" media="(prefers-color-scheme: light)">
</head>
<body class="notranslate">~%~
<!--User name and sign out link-->
<section>
<span>~%~ <b>~%~</b>. </span>
<a href="/wsf_app_files/logout">~%~</a>
</section>~%~
<form id="select_form" method="post" enctype="application/x-www-form-urlencoded" name="select_form" tabindex="-1">
<div class="header">
<!--Current path-->
<h2>~%~</h2>
<div class="header__controls">
<!--If JS is enabled, then the "Select all" and "Deselect all" buttons appears below.-->
<button id="selectAll" hidden>~%~</button>
<!--Download files submit-->
<button type="submit" name="download" value="true" formmethod="get">~%~</button>
<button id="deselectAll" hidden>~%~</button>~%~
<!--Delete files submit-->
<button type="submit" name="delete" value="true">~%~</button>
<button hidden id="select_for_copy_or_move_button">~%~</button>
<div class="header__controls">
<button hidden id="copy_button">~%~</button>
<button hidden id="move_button">~%~</button>
</div>~%~
</div>
<div class="header__stats">
~%~
</div>
<hr>
</div>
<div class="main_container">
<div class="main_container__head">
<!--Name-->
<b>~%~</b>
<div>
<!--Sort arrows-->
~%~
</div>
</div>
<div class="main_container__head">
<!--Size-->
<b>~%~</b>
<div>
<!--Sort arrows-->
~%~
</div>
</div>
<div class="main_container__head">
<!--Date-->
<b>~%~</b>
<div>
<!--Sort arrows-->
~%~
</div>
</div>
<!--Links to files and folders-->
~%~ </div>
</form>~%~
<div class="footer">
<div class="footer__dnd_placer">
<div class="footer__controls">
<hr>
<!--Create folder form-->
<form class="footer__mk_dir_form" method="post" enctype="application/x-www-form-urlencoded" name="mk_dir">
<!--Create folder files-->
<input type="submit" value="~%~">
<input type="text" name="dir" data-invalid-message="~%~" aria-label="~%~" required pattern="^[^<>":?*\|\\\/]+$">
</form>
<!--Upload files form-->
<form class="footer__upload_files_form" method="post" enctype="multipart/form-data" name="upload_files">
<input type="file" name="upload" multiple>
<!--Upload files-->
<input type="submit" value="~%~">
</form>
<progress max="100" class="hidden_in_flow"></progress>
</div>
<div class="footer__drag_and_drop hidden">
~%~
</div>
</div>
<div></div>
</div>
<dialog id="delete-warning-dialog" class="dialog">
<p><b data-id="dialog_message">~%~</b></p>
<form method="dialog">
<div class="dialog__buttons">
<button value="yes">~%~</button>
<button value="no">~%~</button>
</div>
<label>~%~<input type="checkbox"></label>
</form>
</dialog>~%~
<!--Error while sending file-->
<p class="error_message footer">~%~</p>
<div class="block_center">
<p>~%~ <a href="https://www.npmjs.com/package/web-shared-folder">web-shared-folder</a></p>
</div>
<fieldset class="theme_selector">
<label for="radio-light-theme" aria-label="~%~"></label>
<input type="radio" id="radio-light-theme" title="~%~" name="theme">
<label for="radio-auto-theme" aria-label="~%~"></label>
<input type="radio" id="radio-auto-theme" title="~%~" name="theme">
<label for="radio-dark-theme" aria-label="~%~"></label>
<input type="radio" id="radio-dark-theme" title="~%~" name="theme">
<div></div>
</fieldset>~%~
<dialog id="rename-dialog" class="dialog">
<p><b>~%~:</b></p>
<p>
<input type="text" data-invalid-message="~%~" aria-label="~%~" pattern="^[^<>":?*\|\\\/]+$">
</p>
<form method="dialog">
<div class="dialog__buttons">
<button value="ok">~%~</button>
<button value="cancel">~%~</button>
</div>
</form>
</dialog>
<dialog id="replace-warning-dialog" class="dialog">
<p><b data-id="dialog_message">~%~</b></p>
<form method="dialog">
<div class="dialog__buttons">
<button value="ok">~%~</button>
<button value="cancel">~%~</button>
</div>
<label>~%~<input type="checkbox"></label>
</form>
</dialog>~%~
<script type="text/javascript" src="/wsf_app_files/index.js"></script>
</body>
</html>