CurrStatVDP/Diagram-Canvas/index.html
2021-05-18 10:47:29 +05:00

67 lines
3.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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" type="text/css" href="Content/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="Content/main.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">2018.02.27 08:41:24</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" style="display:none;" 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> </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 style="display:inline-block; margin:0px 5px 0px 0px; background-color: #0ff ; padding:10px;"></span>Выгрузка-загрузка,
<span style="display:inline-block; margin:0px 5px 0px 0px; background-color: #00f ; padding:10px;"></span>Вакуумирование,
<span style="display:inline-block; margin:0px 5px 0px 0px; background-color: #f00 ; padding:10px;"></span>Токовая операция,
<span style="display:inline-block; margin:0px 5px 0px 0px; background-color: #0f0 ; padding:10px;"></span>Охлаждение,
<span style="display:inline-block; margin:0px 5px 0px 0px; background-color: #8500b6 ; padding:10px;"></span>Разведение,
<span style="display:inline-block; margin:0px 5px 0px 0px; background-color: #f0f ; padding:10px;"></span>ВУР
</div>
<div class="col-12 text-left">
<span style="display:inline-block; height:9px; margin:10px 5px 0px 0px; background-color: #00f ; padding:0px 19px 0px 0px;"></span>Приварка,
<span style="display:inline-block; height:9px; margin:10px 5px 0px 0px; background-color: #0f0 ; padding:0px 19px 0px 0px;"></span>Плавка,
<span style="display:inline-block; height:9px; margin:10px 5px 0px 0px; background-color: #f00 ; padding:0px 19px 0px 0px;"></span>Оплав
</div>
</div>
<script src="Scripts/jquery-3.6.0.min.js"></script>
<script src="Scripts/umd/popper.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<!--<script src="DiagramStoveDll/Rectangle.js"></script>
<script src="DiagramStoveDll/PercentColumn.js"></script>
<script src="DiagramStoveDll/ProcessColumn.js"></script>
<script src="DiagramStoveDll/BlinkStatus.js"></script>
<script src="DiagramStoveDll/NumberColumn.js"></script>
<script src="DiagramStoveDll/Diagram.js"></script>-->
<script src="DiagramStoveDll/Diagram.min.js"></script>
<script src="index.js"></script>
</div>
</body>
</html>