Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

In diesem Forum können Wünsche geschrieben werden, die sich Benutzer für zukünftige OrderSprinter-Versionen wünschen.
AlbanH
Beiträge: 3
Registriert: So 15. Jan 2023, 16:53

Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

Beitrag von AlbanH »

Hoi Stefan,

bei uns (Version 2.4.11) war es so, dass bei Eingabe von Zielbetrag, gegebenem Betrag usw. nicht automatisch das numerische Keyboard auf den Smartphones angezeigt wurde, sondern das normale mit Buchstaben usw. Weiss nicht, ob das ein Bug oder das Feature evtl. noch nicht vorhanden ist. Eine Eingabe von Buchstaben macht in diesen Feldern ja wenig Sinn(?).

Ich konnte es in der paydesk.html (mit iPhone und mobilem Chrome/Firefox getestet) mit folgenden Attributen bei den <input>-Elementen lösen:

Code: Alles auswählen

pattern="[0-9,.]*" role="presentation" autocomplete="off" inputmode="numeric"
Beim Formular selbst habe ich auch noch

Code: Alles auswählen

<form autocomplete="off">
eingebaut, da sonst teilweise die Phones Vorschläge bei den Feldern machten.

Sonst lief bei unserer Veranstaltung aber alles super, vielen Dank für deinen Einsatz bzw. die tolle Software.

Liebe Grüsse
Alban
pichel
Administrator
Beiträge: 1171
Registriert: So 13. Sep 2015, 19:48
Wohnort: Hamburg
Kontaktdaten:

Re: Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

Beitrag von pichel »

Hallo Alban,

das Problem mit dem Typ "Numeric" ist, dass es je nach Browser keine Kommas erlaubt, sondern nur den Punkt als Dezimalzeichen für numerische Einghaben. Daher bin ich von numeric wieder zurück auf text gegangen.

Gruß,

Stefan
Stefan Pichel
Entwickler der Kassensoftware OrderSprinter (http://www.ordersprinter.de)
AlbanH
Beiträge: 3
Registriert: So 15. Jan 2023, 16:53

Re: Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

Beitrag von AlbanH »

Danke für die Info 👍 Dann ist's natürlich ungeeignet für den generellen Einsatz. Bei uns in der Schweiz wird eben der Punkt als Dezimaltrennzeichen verwendet, drum macht's bei uns nichts, wenn die Tastatur kein Komma hat. ;)

Liebe Grüsse
Alban
daniel
Beiträge: 97
Registriert: Fr 9. Aug 2019, 11:41
Kontaktdaten:

Re: Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

Beitrag von daniel »

Hallo Stefan,

ich habe mir auch den Wechselgeldrechner angeschaut, es wäre cool, wenn bei den Zahlenfeldern direkt die Tastatur für Zahlen eingeblendet werden würde

weiter ob schreibst Du vom Problem mit dem Typ "Numeric" - hilft hier evtl. Typ "decimal" weiter?
oder wie verhält es sich mit dem bereits verwendeten Typ "number" z.B. beim Feld Anzahl (bei der Bestellaufnahme, wenn ein Artikel bei "Neue Order" angeklickt wird und die Menge bei Anzahl geändert werden kann) (<input id="act-numberfield" type="number" value="" data-mini="true">) funktioniert es mit type="number" sehr gut, die Tastatur bietet sowohl das Komma, als auch den Punkt sowie weitere Sonderzeichen zur Eingabe an.

für den Wechselgeldrechner wäre dies aus meiner Sicht bei folgenden Feldern hilfreich,
wo das Attribut "type" von "text" auf "number" geändert werden müsste
paydesk.html
Wechselgeldrechner "Angabe inkl. Trinkg."
Feld Bezahlt:
Zeile 142 ...<input type="text" id="haspaid"...
<input id="haspaid" type="text" value="" data-mini="true" placeholder="3,00 Euro">
Zielbetrag:
Zeile 145 ...<input type="text" id="tipfield"...
<input id="tipfield" type="text" value="" data-mini="true" placeholder="0,00 Euro">

im Zuge dessen hab ich mir weitere Zahlenfelder angeschaut, bei denen aus meiner Sicht dieses Optimierungspotenzial besteht:

waiter.html
Neue Order - Artikel auswählen - Aktion auswählen - Feld Neuer Preis:
Zeile 40 ...<input type="text" id="act-changepricefield"...
<input id="act-changepricefield" type="text" value="" data-mini="true" placeholder="Neuer Preis: ">
Feld Anzahl bei +/-Button
Zeile 334 ...<input id="enternumberfield" type="text"...
<input id="enternumberfield" class="whiteinput" type="text" autofocus="">
Feld Storno-Code - da der Storno-Code vermutlich meist eine Zahl ist
Zeile 173 ...<input id=cancelcodefield type="password"...
<input id"cancelcodefield" type="password" placeholder="Storno-Code">


products.html
Speisekarte - Unterkategorien: - jeweiliges Produkt: - Artikel: jeweiliger Artikel
Normalpreis
<input id="priceA_input_102" type="text" name="priceA_input_102" style="background:white;color:black;">
Preis Stufe B
<input id="priceB_input_102" type="text" name="priceB_input_102" style="background:white;color:black;">
Preis Stufe C
<input id="priceC_input_102" type="text" name="priceC_input_102" style="background:white;color:black;">
Extras/Optionen
Preis
<input id="newextraprice" class="extraprice" type="text">
Max. Anzahl
<input id="newextramaxamount" class="extramaxamout" type="text">

manager.html
Konfiguration / Allgemeine Einstelleungen / DSFinV-K- Export:
Postleitzahl
<input id="dsfinvk_postalcode" class="genConfigEl" type="text" value="" data-mini-"true" data-theme="c">
Steuernummer
<input id="dsfinvk_stnr" class="genConfigEl" type="text" value="" data-mini="true" data-theme="c">
Konfiguration / Allgemeine Einstelleungen / Steuern:
Normale MwSt (ID 1):
<input id="usstval" class="genConfigEl" type="text" value="" data-mini="true" placeholder="19,0" data-theme="c">
Ermäßigte MwSt (ID 2):
<input id="togotaxval" class="genConfigEl" type="text" value="" data-mini="true" placeholder="7,0" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Sicherheit:
Stornocode (Bons):
<input id="stornocode" class="genConfigEl" type="password" value="" data-mini="true">
Stornocode (unbez. Bestellungen):
<input id="cancelunpaidcode" class="genConfigEl" type="password" value="" data-mini="true">
Stornocode (Modul Gast):
<input id="cancelguestcode" class="genConfigEl" type="password" value="" data-mini="true">

Konfiguration / Allgemeine Einstelleungen / Allgemeine Druckeinstellungen:
Printcode: (da meist Zahlen)
<input id="printpass" class="genConfigEl" type="password" value="abc" data-mini="true">
Abfrageintervalle des Druckservers: (da Sekunden und damit immer in Zahlen)
<input id="pollbills" class="genConfigEl" type="text" value="" data-mini="true" placeholder="2" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Abholansicht:
Zeige maximale Anzahl fertige Abholjobs:
<input id="showpickupsno" class="genConfigEl" type="text" value="" data-mini="true" placeholder="2" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / E-Mail-Konfiguration:
SMTP-Port
<input id="smtpport" class="genConfigEl" type="text" value="" data-mini="true" placeholder="587" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Layout:
Schriftgrüße Extras-Angabe in Küchen-/Baransicht: (evtl. Grüße => Größe)
<input id="kitchenextrasize" class="genConfigEl" type="text" value="" data-mini="true" data-theme="c">
Schriftgrüße der Kommentare in Küchen-/Baransicht: (evtl. Grüße => Größe)
<input id="kitchenoptionsize" class="genConfigEl" type="text" value="" data-mini="true" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Zeiterfassung:
'Kommen' stempelt Minuten früher
<input id="minbeforecome" class="genConfigEl" type="text" value="" data-mini="true" placeholder="0" data-theme="c">
'Gehen' stempelt Minuten später
<input id="minaftergo" class="genConfigEl" type"text value="" data-mini="true" placeholder="0" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Einstellungen für die Mobilansicht:
Starte Produktsuche ab # Zeichen
<input id="startprodsearch" class="genConfigEl" type="text" value="" data-mini="true" placeholder="3" data-theme="c">
Anzahl meistverkaufter Artikel als Favoriten
<input id="mostsoldasfavs" class="genConfigEl" type="text" value="" data-mini="true" placeholder="0" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Tageserfassung:
Zählprotokoll: Münzen:
<input id="coins" class="genConfigEl" type="text" value="" data-mini="true" placeholder="" data-theme="c">
Zählprotokoll: Banknoten:
<input id="notes" class="genConfigEl" type="text" value="" data-mini="true" placeholder="" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Einstellungen für das Gastbestellsystem:
Timeout (Min):
<input id="guesttimeout" class="genConfigEl" type="text" value="" data-mini="true" placeholder="5" data-theme="c">
Tisch-QR-Codes: Größe (Pixel):
<input id="guestqrsize" class="genConfigEl" type="text" value="" data-mini="true" data-theme="c">
Tisch-QR-Codes: Beschriftung Fontgröße:
<input id="guestqrfontsize" class="genConfigEl" type="text" value="" data-mini="true" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / Server:
PHP Memory Limit (MB)
<input id="memorylimit" class="genConfigEl" type="text" value="" data-mini="true" placeholder="256" data-theme="c">

Konfiguration / Allgemeine Einstelleungen / TSE:
TSE-PIN
<input id="tsepin" class="genConfigEl" type="text" value="" data-mini="true" placeholder="" data-theme="c">
TSE-PUK
<input id="tsepuk" class="genConfigEl" type="text" value="" data-mini="true" placeholder="" data-theme="c">

Abrechnung und Datenexport / Tagesabschluss / Tageserfassung erstellen
Zählprotokoll - Barbestand / Münzen / 1 Cent

feedback.html
Telefon:
<input id="tel" type="text" value="" data-mini="true" placeholder="0123-456789" data-theme"e" style="background-color:white;">

Viele Grüße Daniel
pichel
Administrator
Beiträge: 1171
Registriert: So 13. Sep 2015, 19:48
Wohnort: Hamburg
Kontaktdaten:

Re: Numerische Tastatur bei mobiler Kassenansicht/paydesk.html

Beitrag von pichel »

Hallo Daniel,

vielen Dank für deine detaillierte Analyse.

Die meisten Eingabefelder beziehen sich auf Werte, die ein Dezimaltrennzeichen enthalten können (Geldbeträge mit Cent). In Deutschland verwenden wir das Komma, aber die Browser lassen für den Input-Typ "number" nur den Punkt zu. Auf einer On-Screen-Tastatur ist das vielleicht noch ok, aber gibt der Benutzer direkt ein Komma ein, so wird die Eingabe nicht akzeptiert.

Für diese und ähnliche Fälle habe ich eine eigene einblendbare Tastatur erstellt, die ich an verschiedenen Stellen einbaue, aber diese muss je nach Eingabefeld angepasst werden und entsprechend auch gemanaged werden (open-close-eventhandling-KommaInSchweizAndersAlsDeutschland) usw. Ich würde die Tastatur ja gerne überall einbauen, weil ich den Bedarf durchaus sehe, aber im Moment haben andere Punkte noch höhere Prio.

Viele Grüße,

Stefan
Stefan Pichel
Entwickler der Kassensoftware OrderSprinter (http://www.ordersprinter.de)
Antworten