Updated WebUI to Bootstrap 4
This commit is contained in:
parent
0d9acaf43e
commit
821e94eec8
@ -7,6 +7,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="static/css/bootstrap.min.css">
|
<link rel="stylesheet" href="static/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="static/css/custom.css">
|
<link rel="stylesheet" href="static/css/custom.css">
|
||||||
|
<link rel="stylesheet" href="static/css/tweaks.css">
|
||||||
<script src="static/js/jquery.min.js"></script>
|
<script src="static/js/jquery.min.js"></script>
|
||||||
<script src="static/js/bootstrap.min.js"></script>
|
<script src="static/js/bootstrap.min.js"></script>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="static/img/apple-touch-icon.png">
|
<link rel="apple-touch-icon" sizes="180x180" href="static/img/apple-touch-icon.png">
|
||||||
@ -17,32 +18,27 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav class="navbar navbar-expand-md navbar-default fixed-top">
|
<nav class="navbar fixed-top navbar-dark bg-primary" id="navbar1">
|
||||||
<div class="navbar-header">
|
<a class="navbar-brand" href="#">
|
||||||
<a class="navbar-brand" href="#">
|
<img src="static/img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
|
||||||
<img src="static/img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="">
|
KTM CAN ChainLube
|
||||||
KTM CAN ChainLube
|
</a>
|
||||||
</a>
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar"
|
||||||
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
|
aria-controls="collapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<span class="icon-bar"></span>
|
</button>
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
<div class="collapse navbar-collapse" id="collapsingNavbar">
|
||||||
</button>
|
<ul class="navbar-nav nav mr-auto mt-2 mt-lg-0">
|
||||||
</div>
|
|
||||||
|
<li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab_home">Home</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab_source">Wegstrecke</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab_lube">Schmierung</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab_maintenance">Wartung</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab_sysinfo">Systeminfo</a></li>
|
||||||
|
<li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab_fwupdate">Update</a></li>
|
||||||
|
|
||||||
<!-- Collection of nav links, forms, and other content for toggling -->
|
|
||||||
<div id="navbarCollapse" class="collapse navbar-collapse">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
<li class="active"><a data-toggle="tab" href="#tab_home">Home</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_source">Wegstrecke</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_lube">Schmierung</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_tank">Öltank</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_maintenance">Wartung</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_sysinfo">Systeminfo</a></li>
|
|
||||||
<li><a data-toggle="tab" href="#tab_fwupdate">Update</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
@ -51,15 +47,14 @@
|
|||||||
<!-- Tabs Content -->
|
<!-- Tabs Content -->
|
||||||
<div class="tab-content">
|
<div class="tab-content">
|
||||||
<!-- Div Tab Home-->
|
<!-- Div Tab Home-->
|
||||||
<div id="tab_home" class="tab-pane fade in active">
|
<div id="tab_home" class="tab-pane fade show active" role="tabpanel">
|
||||||
<div class="col text-center">
|
<div class="col text-center">
|
||||||
<div class="jumbotron">
|
<div class="jumbotron">
|
||||||
|
|
||||||
<img src="static/img/logo.png" width="120" height="120" class="img-fluid" alt="">
|
<img src="static/img/logo.png" width="120" height="120" class="img-fluid" alt="">
|
||||||
<h3>KTM CAN Chain Lube</h3>
|
<h3>KTM CAN Chain Lube</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
<h4>Tankinhalt verbleibend</h4>
|
<h4>Tankinhalt verbleibend</h4>
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
@ -68,9 +63,15 @@
|
|||||||
%TANK_REMAIN_CAPACITY%%
|
%TANK_REMAIN_CAPACITY%%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
|
<p>
|
||||||
<h4>aktueller Modus</h4>
|
<h4>aktueller Modus</h4>
|
||||||
<input class="form-control" type="text" placeholder="%SYSTEM_STATUS%" readonly>
|
<input class="form-control" type="text" placeholder="%SYSTEM_STATUS%" readonly>
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
<div %SHOW_DTC_TABLE%>
|
<div %SHOW_DTC_TABLE%>
|
||||||
|
<p>
|
||||||
<h4>Fehlercodes</h4>
|
<h4>Fehlercodes</h4>
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -94,74 +95,85 @@
|
|||||||
<embed type="text/html" src="static/dtc.txt" width="100%">
|
<embed type="text/html" src="static/dtc.txt" width="100%">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</p>
|
||||||
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Div Tab Home-->
|
<!-- Div Tab Home-->
|
||||||
<!-- Div Tab Source Settings-->
|
<!-- Div Tab Source Settings-->
|
||||||
<div id="tab_source" class="tab-pane fade">
|
<div id="tab_source" class="tab-pane fade" role="tabpanel">
|
||||||
<h3>Erfassung Wegstrecke</h3>
|
<h3>Erfassung Wegstrecke</h3>
|
||||||
<hr>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
|
<h4>Signalquelle</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="sourceselect" class="control-label col-xs-5">Wegstrecke Quelle</label>
|
<label for="sourceselect" class="control-label col-4">Wegstrecke Quelle</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<select id="sourceselect" name="sourceselect" class="select form-control">
|
<select id="sourceselect" name="sourceselect" class="select form-control">
|
||||||
%SOURCE_SELECT_OPTIONS%
|
%SOURCE_SELECT_OPTIONS%
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8">
|
||||||
<button name="sourcesave" type="submit" class="btn btn-primary">Übernehmen</button>
|
<button name="sourcesave" type="submit" class="btn btn-primary">Übernehmen</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</p>
|
|
||||||
<div class="alert alert-warning">
|
<div class="alert alert-warning">
|
||||||
<strong>Achtung!</strong><br>
|
<strong>Achtung!</strong><br>
|
||||||
Bei Änderung der Wegstrecken-Quelle wird der CAN-Oiler neu gestartet.
|
Bei Änderung der Wegstrecken-Quelle wird der CAN-Oiler neu gestartet.
|
||||||
Dadurch wird die WiFi-Verbindung getrennt und muss neu aufgebaut werden.
|
Dadurch wird die WiFi-Verbindung getrennt und muss neu aufgebaut werden.
|
||||||
</div>
|
</div>
|
||||||
|
</p>
|
||||||
<!-- Div Source:Impulse Settings-->
|
<!-- Div Source:Impulse Settings-->
|
||||||
<div %SHOW_IMPULSE_SETTINGS%>
|
<div %SHOW_IMPULSE_SETTINGS%>
|
||||||
<h4>Einstellungen Impuls</h4>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
|
<h4>Einstellungen Impuls</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
|
||||||
<label for="tirewidth" class="control-label col-xs-5">Reifenbreite</label>
|
<div class="form-group row">
|
||||||
<div class="col-xs-7">
|
<label for="tirewidth" class="control-label col-4">Reifenbreite</label>
|
||||||
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="tirewidth" name="tirewidth" type="text" required="required" class="form-control"
|
<input id="tirewidth" name="tirewidth" type="text" required="required" class="form-control"
|
||||||
value="%TIRE_WIDTH_MM%">
|
value="%TIRE_WIDTH_MM%">
|
||||||
<div class="input-group-addon">mm</div>
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">mm</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
|
||||||
<label for="tireratio" class="control-label col-xs-5">Höhe/Breite-Verhältniss</label>
|
<div class="form-group row">
|
||||||
<div class="col-xs-7">
|
<label for="tireratio" class="control-label col-4">Höhe/Breite-Verhältniss</label>
|
||||||
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="tireratio" name="tireratio" type="text" required="required" class="form-control"
|
<input id="tireratio" name="tireratio" type="text" required="required" class="form-control"
|
||||||
value="%TIRE_RATIO%">
|
value="%TIRE_RATIO%">
|
||||||
<div class="input-group-addon"></div>
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">mm</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="tiredia" class="control-label col-xs-5">Felgendurchmesser</label>
|
<label for="tiredia" class="control-label col-4">Felgendurchmesser</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="tiredia" name="tiredia" type="text" required="required" class="form-control"
|
<input id="tiredia" name="tiredia" type="text" required="required" class="form-control"
|
||||||
value="%RIM_DIAMETER%">
|
value="%RIM_DIAMETER%">
|
||||||
<div class="input-group-addon">"</div>
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">"</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="pulserev" class="control-label col-xs-5">Pulse pro Umdrehung</label>
|
<label for="pulserev" class="control-label col-4">Pulse pro Umdrehung</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="pulserev" name="pulserev" type="text" required="required" class="form-control"
|
<input id="pulserev" name="pulserev" type="text" required="required" class="form-control"
|
||||||
value="%PULSE_PER_REV%">
|
value="%PULSE_PER_REV%">
|
||||||
@ -170,7 +182,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8">
|
||||||
<button name="pulsesave" type="submit" class="btn btn-primary">Speichern</button>
|
<button name="pulsesave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -180,19 +192,20 @@
|
|||||||
<!-- Div Source:Impulse Settings-->
|
<!-- Div Source:Impulse Settings-->
|
||||||
<!-- Div Source:CAN Settings-->
|
<!-- Div Source:CAN Settings-->
|
||||||
<div %SHOW_CAN_SETTINGS%>
|
<div %SHOW_CAN_SETTINGS%>
|
||||||
<h4>Einstellungen CAN-Bus</h4>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
|
<h4>Einstellungen CAN-Bus</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="cansource" class="control-label col-xs-5">Model</label>
|
<label for="cansource" class="control-label col-4">Model</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<select id="cansource" name="cansource" class="select form-control">
|
<select id="cansource" name="cansource" class="select form-control">
|
||||||
%CANSOURCE_SELECT_OPTIONS%
|
%CANSOURCE_SELECT_OPTIONS%
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8">
|
||||||
<button name="cansave" type="submit" class="btn btn-primary">Speichern</button>
|
<button name="cansave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -202,19 +215,20 @@
|
|||||||
<!-- Div Source:CAN Settings-->
|
<!-- Div Source:CAN Settings-->
|
||||||
<!-- Div Source:GPS Settings-->
|
<!-- Div Source:GPS Settings-->
|
||||||
<div %SHOW_GPS_SETTINGS%>
|
<div %SHOW_GPS_SETTINGS%>
|
||||||
<h4>Einstellungen GPS</h4>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
|
<h4>Einstellungen GPS</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="gpsbaud" class="control-label col-xs-5">Baudrate</label>
|
<label for="gpsbaud" class="control-label col-4">Baudrate</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<select id="gpsbaud" name="gpsbaud" class="select form-control">
|
<select id="gpsbaud" name="gpsbaud" class="select form-control">
|
||||||
%GPSBAUD_SELECT_OPTIONS%
|
%GPSBAUD_SELECT_OPTIONS%
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8">
|
||||||
<button name="gpssave" type="submit" class="btn btn-primary">Speichern</button>
|
<button name="gpssave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -225,50 +239,92 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Div Tab Source Settings-->
|
<!-- Div Tab Source Settings-->
|
||||||
<!-- Div Tab Lube -->
|
<!-- Div Tab Lube -->
|
||||||
<div id="tab_lube" class="tab-pane fade">
|
<div id="tab_lube" class="tab-pane fade" role="tabpanel">
|
||||||
<h3>Schmierung</h3>
|
<h3>Schmierung</h3>
|
||||||
<hr>
|
<hr />
|
||||||
|
<h4>Dosierung</h4>
|
||||||
<p>
|
<p>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="lubedistancenormal" class="control-label col-xs-5">Modus:normal</label>
|
<label for="lubedistancenormal" class="control-label col-4">Modus:normal</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="lubedistancenormal" name="lubedistancenormal" value="%LUBE_DISTANCE_NORMAL%" type="text"
|
<input id="lubedistancenormal" name="lubedistancenormal" value="%LUBE_DISTANCE_NORMAL%" type="text"
|
||||||
class="form-control" required="required">
|
class="form-control" required="required">
|
||||||
<div class="input-group-addon">m</div>
|
<div class="input-group-append">
|
||||||
</div>
|
<span class="input-group-text">m</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="lubedistancerain" class="control-label col-xs-5">Modus:rain</label>
|
|
||||||
<div class="col-xs-7">
|
|
||||||
<div class="input-group">
|
|
||||||
<input id="lubedistancerain" name="lubedistancerain" value="%LUBE_DISTANCE_RAIN%" type="text"
|
|
||||||
class="form-control" required="required">
|
|
||||||
<div class="input-group-addon">m</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<label for="lubedistancerain" class="control-label col-4">Modus:rain</label>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input id="lubedistancerain" name="lubedistancerain" value="%LUBE_DISTANCE_RAIN%" type="text"
|
||||||
|
class="form-control" required="required">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">m</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<div class="offset-4 col-8">
|
||||||
<button name="oilsave" type="submit" class="btn btn-primary">Speichern</button>
|
<button name="oilsave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</p>
|
</p>
|
||||||
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
<!-- Div Tab Lube -->
|
<!-- Div Tab Lube -->
|
||||||
<!-- Div Tab Maintenance -->
|
<!-- Div Tab Maintenance -->
|
||||||
<div id="tab_maintenance" class="tab-pane fade">
|
<div id="tab_maintenance" class="tab-pane fade" role="tabpanel">
|
||||||
<h3>Wartung</h3>
|
<h3>Wartung</h3>
|
||||||
<hr>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
<h4>Ölvorrat</h4>
|
<h4>Ölvorrat</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="tankremain_maint" class="control-label col-xs-5">Tankinhalt verbleibend</label>
|
<label for="tankcap" class="control-label col-4">Tankkapazität</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input id="tankcap" name="tankcap" value="%TANK_CAPACITY%" type="text" class="form-control"
|
||||||
|
required="required">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">ml</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="tankwarn" class="control-label col-4">Leer-Warnung</label>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input id="tankwarn" name="tankwarn" value="%TANK_REMIND%" type="text" class="form-control"
|
||||||
|
required="required">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">%</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="pumppulse" class="control-label col-4">Menge pro Puls</label>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="input-group">
|
||||||
|
<input id="pumppulse" name="pumppulse" value="%AMOUNT_PER_DOSE%" type="text" class="form-control"
|
||||||
|
required="required">
|
||||||
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">µl</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="tankremain_maint" class="control-label col-4">Tankinhalt verbleibend</label>
|
||||||
|
<div class="col-8">
|
||||||
<div class="progress">
|
<div class="progress">
|
||||||
<div id="tankremain_maint" class="progress-bar" role="progressbar"
|
<div id="tankremain_maint" class="progress-bar" role="progressbar"
|
||||||
aria-valuenow="%TANK_REMAIN_CAPACITY%" aria-valuemin="0" aria-valuemax="100"
|
aria-valuenow="%TANK_REMAIN_CAPACITY%" aria-valuemin="0" aria-valuemax="100"
|
||||||
@ -279,110 +335,78 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8 row">
|
||||||
|
<button name="oilsave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
<button name="resettank" type="submit" class="btn btn-primary">Tank zurücksetzen</button>
|
<button name="resettank" type="submit" class="btn btn-primary">Tank zurücksetzen</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</p>
|
</p>
|
||||||
<hr>
|
<hr />
|
||||||
<p>
|
<p>
|
||||||
<h4>Entlüftung</h4>
|
<h4>Entlüftung</h4>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<form action="\post.htm" method="POST" class="form-horizontal">
|
||||||
<div class="form-group">
|
<div class="form-group row">
|
||||||
<label for="purgepulse" class="control-label col-xs-5">Entlüftung Dosierung</label>
|
<label for="purgepulse" class="control-label col-4">Entlüftung Dosierung</label>
|
||||||
<div class="col-xs-7">
|
<div class="col-8">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input id="purgepulse" name="purgepulse" value="%BLEEDING_PULSES%" type="text" class="form-control">
|
<input id="purgepulse" name="purgepulse" value="%BLEEDING_PULSES%" type="text" class="form-control">
|
||||||
<div class="input-group-addon">Pulse</div>
|
<div class="input-group-append">
|
||||||
|
<span class="input-group-text">Pulse</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8 row">
|
||||||
<button name="maintsave" type="submit" class="btn btn-primary">Speichern</button>
|
<button name="maintsave" type="submit" class="btn btn-primary">Speichern</button>
|
||||||
|
<button name="purgenow" type="submit" class="btn btn-primary">Entlüftung starten</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</p>
|
</p>
|
||||||
<hr>
|
<hr />
|
||||||
<h4>EEPROM</h4>
|
<h4>EEPROM formatieren</h4>
|
||||||
<p>
|
<p>
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
<div class="alert alert-warning">
|
||||||
<div class="form-group">
|
<strong>Achtung!</strong><br>
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
Das Formatieren der EEPROM-Bereiche sollte nur ausgeführt werden wenn es unbedingt erforderlich ist!
|
||||||
|
Hierdurch werden alle Einstellungen zurück gesetzt bzw. alle Betriebsdaten gehen verloren.
|
||||||
|
Folgende Situationen erfordern unter anderem eine Formatierung:
|
||||||
|
- Erstinitialisierung (bei neu aufgebautem Gerät)
|
||||||
|
- Firmware-Update (nur wenn es die Release-Notes fordern)
|
||||||
|
</div>
|
||||||
|
<form action="post.htm" method="POST" class="form-horizontal">
|
||||||
|
<div class="form-group row">
|
||||||
|
<div class="offset-4 col-8">
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" value="" id="reset_ee_cfg">
|
<input class="form-check-input" type="checkbox" name="reset_ee_pds" id="reset_ee_cfg">
|
||||||
<label class="form-check-label" for="reset_ee_cfg">
|
<label class="form-check-label" for="reset_ee_cfg">
|
||||||
JA, EEPROM-Bereich "CFG" formatieren und Konfiguration zurück setzen
|
Bereich "CFG"
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<input class="form-check-input" type="checkbox" value="" id="reset_ee_pds">
|
<input class="form-check-input" type="checkbox" name="reset_ee_pds" id="reset_ee_pds">
|
||||||
<label class="form-check-label" for="reset_ee_pds">
|
<label class="form-check-label" for="reset_ee_pds">
|
||||||
JA, EEPROM-Bereich "PDS" formatieren und Betriebsdaten zurück setzen
|
Bereich "PDS"
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group row">
|
<div class="form-group row">
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
<div class="offset-4 col-8">
|
||||||
<button name="reset_ee_btn" type="submit" class="btn btn-primary">EEPROM formatieren</button>
|
<button name="reset_ee_btn" type="submit" class="btn btn-primary">EEPROM formatieren</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</p>
|
</p>
|
||||||
|
<hr />
|
||||||
</div>
|
</div>
|
||||||
<!-- Div Tab Maintenance -->
|
<!-- Div Tab Maintenance -->
|
||||||
<!-- Div Tank Settings-->
|
|
||||||
<div id="tab_tank" class="tab-pane fade">
|
|
||||||
<h3>Öltank</h3>
|
|
||||||
<hr>
|
|
||||||
<p>
|
|
||||||
<form action="\post.htm" method="POST" class="form-horizontal">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="tankcap" class="control-label col-xs-5">Tankkapazität</label>
|
|
||||||
<div class="col-xs-7">
|
|
||||||
<div class="input-group">
|
|
||||||
<input id="tankcap" name="tankcap" value="%TANK_CAPACITY%" type="text" class="form-control"
|
|
||||||
required="required">
|
|
||||||
<div class="input-group-addon">ml</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="tankwarn" class="control-label col-xs-5">Leer-Warnung</label>
|
|
||||||
<div class="col-xs-7">
|
|
||||||
<div class="input-group">
|
|
||||||
<input id="tankwarn" name="tankwarn" value="%TANK_REMIND%" type="text" class="form-control"
|
|
||||||
required="required">
|
|
||||||
<div class="input-group-addon">%</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="pumppulse" class="control-label col-xs-5">Menge pro Puls</label>
|
|
||||||
<div class="col-xs-7">
|
|
||||||
<div class="input-group">
|
|
||||||
<input id="pumppulse" name="pumppulse" value="%AMOUNT_PER_DOSE%" type="text" class="form-control"
|
|
||||||
required="required">
|
|
||||||
<div class="input-group-addon">µl</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group row">
|
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
|
||||||
<button name="oilsave" type="submit" class="btn btn-primary">Speichern</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<!-- Div Tank Settings-->
|
|
||||||
<!-- Div Tab SystemInfo -->
|
<!-- Div Tab SystemInfo -->
|
||||||
<div id="tab_sysinfo" class="tab-pane fade">
|
<div id="tab_sysinfo" class="tab-pane fade" role="tabpanel">
|
||||||
<h3>Systeminfo</h3>
|
<h3>Systeminfo</h3>
|
||||||
<hr>
|
<hr />
|
||||||
<h4>Einstellungen</h4>
|
<h4>Einstellungen</h4>
|
||||||
<p>
|
<p>
|
||||||
<table class="table">
|
<table class="table">
|
||||||
@ -491,9 +515,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Div Tab SystemInfo -->
|
<!-- Div Tab SystemInfo -->
|
||||||
<!-- Div Tab Firmware Update-->
|
<!-- Div Tab Firmware Update-->
|
||||||
<div id="tab_fwupdate" class="tab-pane fade">
|
<div id="tab_fwupdate" class="tab-pane fade" role="tabpanel">
|
||||||
<h3>Firmware Update</h3>
|
<h3>Firmware</h3>
|
||||||
<hr>
|
<hr />
|
||||||
|
<p>
|
||||||
<h4>Version-Info</h4>
|
<h4>Version-Info</h4>
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -506,24 +531,32 @@
|
|||||||
<td>%FS_VERSION%</td>
|
<td>%FS_VERSION%</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<hr>
|
</p>
|
||||||
|
<hr />
|
||||||
|
<p>
|
||||||
<h4>Firmware-Update</h4>
|
<h4>Firmware-Update</h4>
|
||||||
|
|
||||||
<form method='POST' action='/doUpdate' enctype='multipart/form-data'>
|
<form method='POST' action='/doUpdate' enctype='multipart/form-data'>
|
||||||
<div class="form-group">
|
|
||||||
<label for="fw-update-file" class="col-sm-2 col-form-label">Firmware-File</label>
|
|
||||||
<div class="col-xs-7">
|
|
||||||
<div class="input-group">
|
|
||||||
<input id="fw-update-file" name="fw-update-file" type="file" class="form-control-file"
|
<div class="input-group">
|
||||||
required="required">
|
<div class="input-group-prepend">
|
||||||
</div>
|
<span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
|
||||||
<div class="form-group row">
|
|
||||||
<div class="col-xs-offset-5 col-xs-7">
|
|
||||||
<button name="fw-update" type="submit" class="btn btn-primary">Aktualisieren</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="custom-file">
|
||||||
|
<input type="file" class="custom-file-input" id="fw-update-file" aria-describedby="inputGroupFileAddon01">
|
||||||
|
<label class="custom-file-label" for="fw-update-file">Choose file</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- Div Tab Firmware Update-->
|
<!-- Div Tab Firmware Update-->
|
||||||
</div>
|
</div>
|
||||||
@ -543,6 +576,12 @@
|
|||||||
</footer>
|
</footer>
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$('.navbar-nav>li>a').on('click', function () {
|
||||||
|
$('.navbar-collapse').collapse('hide');
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
10004
Software/data/static/css/bootstrap.min.css
vendored
10004
Software/data/static/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
10
Software/data/static/css/tweaks.css
Normal file
10
Software/data/static/css/tweaks.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
body {
|
||||||
|
padding-top: 70px;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
height: 2px;
|
||||||
|
border-width: 0;
|
||||||
|
color: gray;
|
||||||
|
background-color: gray
|
||||||
|
}
|
||||||
12
Software/data/static/js/bootstrap.min.js
vendored
12
Software/data/static/js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
4
Software/data/static/js/jquery.min.js
vendored
4
Software/data/static/js/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
5
Software/data/static/js/popper.min.js
vendored
Normal file
5
Software/data/static/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user