From 3fffc1f0b1eba9052d882d611d424d7a633000d2 Mon Sep 17 00:00:00 2001
From: Marcel Peterkau <marcel@peterkau.de>
Date: Tue, 8 Mar 2022 22:32:16 +0100
Subject: [PATCH] added Form for Lubrication-Setting on WebUI

---
 Software/ChainLube/data/index.htm | 40 ++++++++++++++++++++++++++-----
 1 file changed, 34 insertions(+), 6 deletions(-)

diff --git a/Software/ChainLube/data/index.htm b/Software/ChainLube/data/index.htm
index a60db98..4344ca8 100644
--- a/Software/ChainLube/data/index.htm
+++ b/Software/ChainLube/data/index.htm
@@ -204,7 +204,33 @@
         <h3>Schmierung</h3>
         <hr>
         <p>
-
+        <form action="\post.htm" method="POST" class="form-horizontal">
+          <div class="form-group">
+            <label for="lubedistancenormal" class="control-label col-xs-5">Modus:normal</label>
+            <div class="col-xs-7">
+              <div class="input-group">
+                <input id="lubedistancenormal" name="lubedistancenormal" value="%LUBE_DISTANCE_NORMAL%" type="text"
+                  class="form-control" required="required">
+                <div class="input-group-addon">m</div>
+              </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 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 Tab Lube -->
@@ -233,12 +259,14 @@
         <p>
         <form action="\post.htm" method="POST" class="form-horizontal">
           <div class="form-group">
-            <label for="tankremain" class="control-label col-xs-5">Tankinhalt verbleibend</label>
+            <label for="tankremain_maint" class="control-label col-xs-5">Tankinhalt verbleibend</label>
             <div class="col-xs-7">
-              <div class="input-group">
-                <input id="tankremain" name="tankremain" value="%TANK_REMAIN_CAPACITY%" type="text"
-                  class="form-control">
-                <div class="input-group-addon">&#37;</div>
+              <div class="progress">
+                <div id="tankremain_maint" class="progress-bar" role="progressbar"
+                  aria-valuenow="%TANK_REMAIN_CAPACITY%" aria-valuemin="0" aria-valuemax="100"
+                  style="width: %TANK_REMAIN_CAPACITY%&#37;">
+                  %TANK_REMAIN_CAPACITY%&#37;
+                </div>
               </div>
             </div>
           </div>