Create main html
This commit is contained in:
@@ -1,21 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Diagram Stoves</title>
|
||||
<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.css">
|
||||
<link rel="stylesheet" type="text/css" href="Styles/Main.css">
|
||||
</head>
|
||||
<body style="margin:0px; padding:0px">
|
||||
<canvas id="canvas" style="margin:0px; padding:0px"></canvas>
|
||||
|
||||
<div>
|
||||
<input id="submit" type="button" size="5" value="submit" style=" margin:10px;"/>
|
||||
<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">↻</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="Scripts/jquery-3.3.1.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="Diagram.js"></script>
|
||||
<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/Diagram.min.js"></script>
|
||||
<script src="index.js"></script>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user