Files
meezi/web/dashboard
soroush.asadi 8f81a62ec9 Redesign menu admin screen with two-panel layout and modal forms
UX improvements:
- Two-panel layout: sticky category sidebar (desktop) + items grid
- Mobile: horizontal scrolling category pills above items
- Category sidebar shows item count badge per category; edit on hover
- Items search bar + instant filter (name, English name, Arabic name)
- Category filter drives items grid (click sidebar = filter items)
- Item cards: image hover reveals Edit button (progressive disclosure)
- Out-of-stock overlay + inline toggle switch (replaces text button)
- Add/Edit item opens in clean modal overlay (no jarring inline expansion)
- Add/Edit category opens in separate modal
- nameEn made optional (was blocking new item creation)
- Consolidated form state with single object per form
- Empty state with illustration and Add CTA
- Skeleton loading grid
- Branch overrides tab wired to branchId from store
- New i18n keys for search, counts, states in en/fa/ar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-28 08:10:25 +03:30
..

Meezi Dashboard

Next.js 14 POS dashboard for Meezi (میزی).

Setup

cd web/dashboard
npm install
cp .env.example .env.local
npm run dev

Open http://localhost:3000/fa/login

Ensure the API is running at NEXT_PUBLIC_API_URL (default https://localhost:7208).

Demo login

  • Phone: 09121234567
  • OTP: check API console log (DEV OTP for ...) when Kavenegar is not configured

Features (Sprint 4)

  • i18n: fa (default, RTL), ar (RTL), en (LTR)
  • Dashboard layout with RTL-aware sidebar
  • POS screen: menu grid + cart + order submit
  • KDS screen: live orders + SignalR + status advance
  • Placeholder pages for upcoming modules