bibweb.git

Frischsaft-Menge in einem Fullscreen-Modal abfragen
Parent b5734bc
Bernd Wurst

Bernd Wurst commited on 2025-10-22 11:42:15
Zeige 2 geänderte Dateien mit 36 Einfügungen und 6 Löschungen.

assets/frischsaft.js
Zeige Datei @ a769bb2
... ... 
@@ -4,10 +4,10 @@ $(function () {
4 4 
     $('#submit').prop('disabled', true);
5 5
6 6 
     $('#btn-frischsaftja').click( function ( event ) {
7 
+        $('#modal-frischsaft').modal('show');
7 8 
         $('#btn-frischsaftja').removeClass('btn-default');
8 9 
         $('#btn-frischsaftja').addClass('btn-primary');
9 10 
         $('#details-frischsaft').show();
10 
-        $('#frischsaft').focus();
11 11 
         val = parseInt($('#frischaft').val(), 10);
12 12 
         if (val > 0 && val <= 150) {
13 13 
            $('#submit').prop('disabled', false);
... ... 
@@ -15,6 +15,11 @@ $(function () {
15 15 
         event.preventDefault();
16 16 
     });
17 17
18 
+    $('#modal-frischsaft').on('shown.bs.modal', function () {
19 
+        // Setzt den Fokus auf das Eingabefeld mit der ID 'frischsaft'
20 
+        $('#frischsaft').focus();
21 
+    });
22 
+
18 23 
     $('#frischsaft').on('input', function () {
19 24 
         val = parseInt($(this).val(), 10);
20 25 
         if (val > 0 && val <= 150) {
frischsaft.php
Zeige Datei @ a769bb2
... ... 
@@ -43,21 +43,46 @@ $content .= '
43 43 
     <p>Möchten Sie, dass wir einen Teil Ihres Safts <strong>unpasteurisiert</strong> in ein Gefäß einfüllen und haben Sie ein passendes Gefäß abgestellt?</p>
44 44
45 45 
 <div class="form-group form-group-lg row">
46 
-        <div class="col-sm-6"><a href="#details-frischsaft" class="btn btn-block btn-lg btn-light w-100" id="btn-frischsaftja">Ja</a></div>
47 
-        <div class="col-sm-6"><input type="submit" class="btn btn-block btn-lg btn-light w-100" id="btn-frischsaftnein" name="frischsaftnein" value="Nein"></div>
46 
+    <div class="col-sm-6">
47 
+        <a href="#details-frischsaft" class="btn btn-block btn-lg btn-light w-100" id="btn-frischsaftja">Ja</a>
48 48 
     </div>
49 
+    <div class="col-sm-6">
50 
+        <input type="submit" class="btn btn-block btn-lg btn-light w-100" id="btn-frischsaftnein" name="frischsaftnein" value="Nein">
51 
+    </div>
52 
+</div>
53 
+
54 
+    <div class="modal fade" tabindex="-1" role="dialog" id="modal-frischsaft" aria-labelledby="modal-frischsaft-label" aria-hidden="true">
55 
+  <div class="modal-dialog modal-fullscreen">
56 
+
57 
+    <div class="modal-content">
58 
+
59 
+      <div class="modal-header">
60 
+        <h5 class="modal-title" id="modal-frischsaft-label">Frischsaft Menge angeben</h5>
61 
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
62 
+      </div>
63 
+
64 
+      <div class="modal-body">
49 65
50 66 
         <div id="details-frischsaft">
51 67 
           <div class="form-group form-group-lg">
52 68 
             <label for="frischsaft">Welche Menge an frischem (nicht pasteurisiertem) Saft sollen wir in Ihr Gefäß einfüllen?</label>
53 69 
             <div class="row justify-content-center">
54 
-        <div class="col-6 col-sm-2"><input class="form-control" type="number" name="frischsaft" id="frischsaft" value="'.(isset($_SESSION['frischsaft']) ? $_SESSION['frischsaft'] : '').'"></div>
55 
-        <div class="col-6 col-sm-8" style="text-align: left; font-size: 18px; padding-top: 0.5em;" class="form-control">Liter</div>
70 
+              <div class="col-6 col-sm-2">
71 
+                <input class="form-control" type="number" name="frischsaft" id="frischsaft"
72 
+                       value="'.($_SESSION['frischsaft'] ?? '').'">
56 73 
               </div>
74 
+              <div class="col-6 col-sm-8" style="text-align: left; font-size: 18px; padding-top: 0.5em;">Liter</div>
57 75 
             </div>
58 
-      <div class="form-group form-group-lg">
76 
+          </div>
77 
+
78 
+          <div class="form-group form-group-lg mt-4">
59 79 
             <div><input class="btn btn-primary btn-lg" type="submit" value="Weiter &gt;" id="submit"></div>
60 80 
           </div>
81 
+        </div>
82 
+        </div>
83 
+
84 
+    </div>
85 
+  </div>
61 86 
 </div>
62 87 
   </form>
63 88
64 89