Fix index page

2024-09-21 01:34:53 +05:00
parent e10cb6795e
commit 791aa1e85b
4 changed files with 246 additions and 1 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>Текущий статус печей</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="styles/index.css">
+</head>
+<body>
+  <div class="container-fluid">
+    <div id="First_Head" class="row m-0 pl-1 pr-1 pt-1 pb-0">
+      <div id="Main" class="col-12 text-center">
+        Диаграмма статуса печей
+      </div>
+    </div>
+    <div id="Second_Head" class="row m-0 pl-1 pr-1 pt-0 pb-1 align-items-center">
+      <div class="col-12 col-lg-4 text-center">
+        Время клиента: <span id="DateClient"></span>
+      </div>
+      <div class="col-12 col-lg-4 text-center">
+        Время сервера: <span id="DateServer"></span>
+      </div>
+      <div class="col-12 col-lg-4 text-center">
+        Время синхр.: <span id="DateSynch"></span>
+      </div>
+      <div id="Error_Border" class="col-12 text-center m-0 alert alert-danger alert-dismissible fade show" role="alert">
+        <strong>Ошибка: </strong> <span id="Error_Message">Здесь будет текст ошибки</span>
+        <button id="Update_Button" type="button" class="close" aria-label="Close">&#8635;</button>
+      </div>
+    </div>
+
+    <div id="Canvas_Body">
+      <canvas id="canvas"> </canvas>
+    </div>
+
+    <div id="Third_Head" class="row m-0 pl-1 pr-1 pt-0 pb-0 align-items-center">
+      <div class="col-12 text-left">
+        <span class="status-indicator" style="background-color: #0ff;"></span>Выгрузка-загрузка,
+        <span class="status-indicator" style="background-color: #00f;"></span>Вакуумирование,
+        <span class="status-indicator" style="background-color: #f00;"></span>Токовая операция,
+        <span class="status-indicator" style="background-color: #0f0;"></span>Охлаждение,
+        <span class="status-indicator" style="background-color: #8500b6;"></span>Разведение,
+        <span class="status-indicator" style="background-color: #f0f;"></span>ВУР
+      </div>
+      <div class="col-12 text-left">
+        <span class="status-indicator-small" style="background-color: #00f;"></span>Приварка,
+        <span class="status-indicator-small" style="background-color: #0f0;"></span>Плавка,
+        <span class="status-indicator-small" style="background-color: #f00;"></span>Оплав
+      </div>
+    </div>
+	
+	<div class="text-right fixed-button">
+		<a href="test.html" class="btn btn-primary">Тест</a>
+	</div>
+
+	<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+    <script src="CanvasCycleVDP/Diagram.min.js"></script>
+    <script src="scripts/index.js"></script>
+  </div>
+</body>
+</html>