Composants

Plein écran caisseNouveau

Montrer un code-barres ou un QR à une caisse : plein écran blanc (contraste maximal, même en thème sombre), le code au plus grand, l’écran au maximum dans l’app AUBOTA et qui ne s’éteint pas. Un code linéaire se tourne d’un quart de tour pour des barres plus larges. Le bouton Retour du téléphone ferme. Premier usage : Wallet.

Essayer

API

// Chargé à la demande, à la version d'Aubui (le CSS components/caisse.css suit tout seul)
var s = document.createElement('script');
s.src = 'https://ui.aubota.xyz/js/aubui-caisse.js?v=' + Aubui.build;
s.onload = function () {
  AubuiCaisse.ouvrir({
    titre: 'E.Leclerc',
    numero: '3560070048830',
    svg: WalletCode.svg('ean13', '3560070048830'), // un SVG dessiné par TA page à partir de chiffres / lettres
    qr: false,                                     // true : carré, jamais tourné
    logo: document.querySelector('.aub-logo'),     // facultatif (cloné)
    surFermeture: function () {}
  });
};
document.head.appendChild(s);

Appel / évènement	Rôle
`AubuiCaisse.ouvrir(options)`	Ouvre le plein écran (voir ci-dessus). Pose une entrée d’historique : Retour ferme.
`AubuiCaisse.fermer()` · `ouverte()`	Ferme ; l’écran revient à sa luminosité, le focus revient au bouton d’origine.
`aubui:caisse-ouverte` · `aubui:caisse-fermee`	Sur `document` (ex. Wallet note qu’une carte a été présentée).
Dans l’app	`AubotaNative.luminositeMax(true/false)` : écran au maximum et qui ne s’éteint pas. Ailleurs : Wake Lock du navigateur s’il existe.