Oihana Next UI - 0.48.0

Application logo

CellGrid Component

Un plan fait de cellules : les emplacements d’une allée, les sièges d’une salle, les places d’un parking. La bibliothèque ne sait pas ce qu’est une cellule — la page donne les états et leurs couleurs. On pince pour zoomer, on glisse pour se déplacer, les flèches parcourent le plan, et chaque cellule se lit « A-07, Plein, 12 ».

Une allée

6 niveaux × 20 positions, un couloir à la colonne 11. Sélection simple, multiple, ou aucune ; pincez / Ctrl + molette / les boutons pour zoomer, glissez pour déplacer — un tap reste un tap.

Sélection
zoom 100 %rien de sélectionné
  • Bloqué
  • Libre
  • Plein
  • Réservé
Au clavier :←→↑↓HomeEndEnter· zoom :Ctrl+molette

Un hangar

Le plan d’ensemble : quatre allées de bacs sur deux faces, un couloir central, les quais à gauche, la réception en bas — 14 × 21, une seule vue qu’on pince pour entrer dans une allée. Les zones sont des fonds nommés sous les cellules, sans rôle ; chaque cellule porte son code métier (code), qui devient son libellé et son nom lu ; les axes globaux sont éteints (showAxes).

  • Bloqué
  • Occupé
  • Libre
  • Plein

Touchez un emplacement, un quai ou une baie.

Une salle

Une scène sur toute la largeur (span, désactivée), une allée centrale, des sièges pris (disabled : visibles, mais ni sélectionnables ni atteignables aux flèches) et libres : choisissez les vôtres — deux sont déjà choisis par la page (value). renderCell dessine le contenu, l’état « choisi » vient de la page.

  • Libre
  • Scène
  • Pris
  • Choisi

2 siège(s) choisi(s).

Un parking

Sans zoom ni sélection, des cellules plus larges, et l’immatriculation dessinée par renderCell.

  • Libre
  • Occupée