111 lines
3.9 KiB
HTML
111 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Загрузчик файлов</title>
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="/images/favicon/site.webmanifest">
|
||
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
||
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
|
||
<meta name="msapplication-TileColor" content="#2b5797">
|
||
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<div class="nav-bar flex">
|
||
<div class="first-holder flex">
|
||
<!-- <h1 class="logo">EasyCode</h1> -->
|
||
<a class="logo"> <img src="/images/favicon/android-chrome-192x192.png" height="40"> СЕРВИС-ВОЛГА </a>
|
||
|
||
<a href="#" id="m-bar"><i class="fas fa-bars hm"></i></a>
|
||
</div>
|
||
|
||
<div id="menu-links" class="hidden">
|
||
<ul>
|
||
<li><a onClick="window.location.reload();" class=" "><i class="fa-solid fa-arrows-rotate"></i> Обновить страницу </a>
|
||
</li>
|
||
<!-- <li><a href="check-serials.html"> <i class="fa-solid fa-list-check"></i> Check Serials</a></li> -->
|
||
<!-- <li><a href="#"> <i class="fa-solid fa-upload"></i> Test</a></li> -->
|
||
<!-- <li><a id="showStorage" class=" show"><div id="history-lable"><i class="fa-solid fa-floppy-disk"></i> Show History</div></a></li> -->
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- <a href="#" id="nav-btn" class="hidden">Signup</a> -->
|
||
<a id="showStorage" class="nav-btn hidden show">
|
||
<div id="history-lable"><i class="fa-solid fa-floppy-disk"></i>Последние файлы </div>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<h2 class="title">
|
||
Загрузчик инженерных файлов
|
||
<div class="tooltip">
|
||
<span> <img src="/images/info.svg" height="20" style="filter: invert(85%) sepia(89%) saturate(5847%) hue-rotate(343deg) brightness(103%) contrast(101%);" alt="" srcset=""></span> <!-- Insert symbol here (question mark) -->
|
||
<span class="tooltiptext">Загружаемый файл Excel инженера из папка "Перевод в платные" должен содержать заголовок <br> ( Модель, Сер.номер, Заявленная неисправность, Произведенная работа ) </span>
|
||
</div></h2>
|
||
|
||
<div id="dropZone" class="drop-zone">
|
||
<p>Перетащите файлы сюда или нажмите, чтобы выбрать</p>
|
||
</div>
|
||
|
||
|
||
<div class="upload-section">
|
||
|
||
<!-- <label for="fileInput" class="btn">
|
||
Select files
|
||
</label> -->
|
||
|
||
<form action="/upload" method="post" enctype="multipart/form-data">
|
||
<!-- <input type="file" name="uploaded" multiple id="fileInput"> -->
|
||
|
||
<input type="file" name="uploaded" multiple id="fileInput" style="display: none;">
|
||
<input type="submit" value="Загружать" class="btn" id="fileUpload">
|
||
</form>
|
||
|
||
|
||
<button id="getFileStateBtn" class="btn" disabled>Получить состояние файлов</button>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div id="selectedFiles"></div>
|
||
</div>
|
||
|
||
<!-- <div class="filesList">
|
||
|
||
<div class="selected">
|
||
<p>Selected files</p>
|
||
|
||
</div>
|
||
|
||
<div class="uploaded">
|
||
<p>Uploaded files</p>
|
||
<div id="result"></div>
|
||
</div>
|
||
|
||
<div class="state">
|
||
<p>Files state</p>
|
||
<div id="state"></div>
|
||
</div> -->
|
||
|
||
</div>
|
||
|
||
|
||
<script src="js.js"></script>
|
||
|
||
<footer>
|
||
|
||
<a> Upload XLSX v0.9 © 2024 Ал Омаири Ахмед </a>
|
||
|
||
</footer>
|
||
|
||
</body>
|
||
|
||
</html> |