Updated WebUI to Bootstrap 4

This commit is contained in:
Marcel Peterkau 2022-08-22 23:36:27 +02:00
parent 0d9acaf43e
commit 821e94eec8
7 changed files with 18673 additions and 176 deletions

View File

@ -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%&#37; %TANK_REMAIN_CAPACITY%&#37;
</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&#37;"> <embed type="text/html" src="static/dtc.txt" width="100&#37;">
</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">&Uuml;bernehmen</button> <button name="sourcesave" type="submit" class="btn btn-primary">&Uuml;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>&Ouml;lvorrat</h4> <h4>&Ouml;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">&#37;</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&uuml;ftung</h4> <h4>Entl&uuml;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&uuml;ftung Dosierung</label> <label for="purgepulse" class="control-label col-4">Entl&uuml;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">&#37;</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>

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,10 @@
body {
padding-top: 70px;
}
hr {
height: 2px;
border-width: 0;
color: gray;
background-color: gray
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

5
Software/data/static/js/popper.min.js vendored Normal file

File diff suppressed because one or more lines are too long