kopia lustrzana https://github.com/jbruce12000/kiln-controller
103 wiersze
4.1 KiB
HTML
103 wiersze
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<title>PicoReflow</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<script src="assets/js/jquery-1.10.2.min.js"></script>
|
|
<script src="assets/js/highcharts.js"></script>
|
|
<script src="assets/js/draggable-points.js"></script>
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/jquery.bootstrap-growl.min.js"></script>
|
|
<script src="assets/js/select2.min.js"></script>
|
|
<script src="assets/js/picoreflow.js"></script>
|
|
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
|
|
<link rel="stylesheet" href="assets/css/bootstrap-theme.min.css"/>
|
|
<link rel="stylesheet" href="assets/css/select2.css"/>
|
|
<link rel="stylesheet" href="assets/css/picoreflow.css"/>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<div id="main_status">
|
|
<div class="pull-left" style="margin: 14px">
|
|
<span id="act_temp" class="display" style="color: #75890c">25 °C</span>
|
|
<span id="target_temp" class="display">OFF</span>
|
|
<span id="state" class="display" style="font-size: 14px; text-align: center; padding-right:0">Idle</span>
|
|
<span id="power" class="display" style="width: 35px;"> </span>
|
|
<span id="cyclic" class="display" style="width: 35px;"> </span>
|
|
<span id="cool" class="display" style="width: 35px;"> </span>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="progress progress-striped active" style="margin: 14px; margin-top: 0">
|
|
<div id="progressBar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
|
|
<span class="sr-only"></span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
|
|
<select id="e2" style="margin-top: 4px"></select>
|
|
|
|
<div id="saveas" class="input-group" style="display:none;">
|
|
<span class="input-group-addon">Profile Name</span>
|
|
<input id="form_profile_name" type="text" class="form-control" />
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-success" type="button" onclick="saveProfile();">Save</button>
|
|
<button id="btn_exit" type="button" class="btn btn-danger" onclick="leaveEditMode()" style="display:none"><span class="glyphicon glyphicon-remove"></span></button>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="btn-group btn-group-sm">
|
|
<button id="btn_edit" type="button" class="btn btn-default" onclick="enterEditMode()"><span class="glyphicon glyphicon-pencil"></span></button>
|
|
</div>
|
|
|
|
<div class="pull-right" style="margin-top: 3px">
|
|
<button id="nav_start" type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal" style="display:none"><span class="glyphicon glyphicon-play"></span> Start</button>
|
|
<button id="nav_stop" type="button" class="btn btn-danger" onclick="abortTask()" style="display:none" ><span class="glyphicon glyphicon-stop"></span> Stop</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="panel-body" style='padding: 0'>
|
|
<div id="graph_container" style="height: 400px; margin: 0 auto"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3 class="modal-title" id="myModalLabel">Task Overview</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table table-bordered">
|
|
<tr><td>Selected Profile</td><td><b><span id="sel_prof"></span></b></td></tr>
|
|
<tr><td>Estimated Runtime</td><td><b>5 Minutes</b></td></tr>
|
|
<tr><td>Estimated Power consumption</td><td><b>0.320 kWh (EUR 0.08)</b></td></tr>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="btn-group" style="width: 100%">
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal">No, take me back</button>
|
|
<button type="button" class="btn btn-success" data-dismiss="modal" onclick="runTask()">Yes, start the Run</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|