2024-09-21 01:34:53 +05:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
|
<title>Текущий статус печей</title>
|
2024-09-21 01:41:23 +05:00
|
|
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
2024-09-21 01:34:53 +05:00
|
|
|
|
<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">↻</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>
|
