nns/food-market
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(roles): системная роль — read-only форма прав вместо alert

Browse source 
Раньше клик по системной роли в списке выкидывал alert «Системная
роль, изменения недоступны». Теперь открывается обычная модалка с
правами, но: имя/описание disabled, все чекбоксы disabled, кнопка
«Сохранить» скрыта (вместо неё «Закрыть»). Юзер видит ровно какие
галки стоят у Администратора/Кладовщика/Кассира — это нужно как
шаблон при создании кастомной роли.

Также description страницы и заголовок модалки обновлены под новый
смысл: системные = только просмотр; кастомные = полный CRUD.
This commit is contained in:
nns 2026-05-06 11:16:56 +05:00
parent b073e99ca7
commit c6ece2adea
1 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/food-market.web/src/pages/EmployeeRolesPage.tsx
View file

@ -137,7 +137,7 @@ export function EmployeeRolesPage() {
<> <>
<ListPageShell <ListPageShell
title="Роли сотрудников" title="Роли сотрудников"
description="Системные роли можно редактировать (галки прав), но не удалять. Кастомные — полный CRUD." description="Системные роли — только просмотр прав. Кастомные роли — полный CRUD; можно создать на основе системной как шаблона."
actions={ actions={
<> <>
<SearchBar value={search} onChange={setSearch} /> <SearchBar value={search} onChange={setSearch} />
@ -158,10 +158,8 @@ export function EmployeeRolesPage() {
sortOrder={sortOrder} sortOrder={sortOrder}
onSortChange={setSort} onSortChange={setSort}
onRowClick={(r) => { onRowClick={(r) => {
if (r.isSystem) { // Системные роли — показываем форму с правами в read-only.
alert('Системная роль, изменения недоступны.') // Все чекбоксы disabled, кнопка «Сохранить» скрыта (см. footer).
return
}
setForm({ setForm({
id: r.id, name: r.name, description: r.description ?? '', id: r.id, name: r.name, description: r.description ?? '',
isSystem: r.isSystem, permissions: { ...blankPerms(), ...r.permissions }, isSystem: r.isSystem, permissions: { ...blankPerms(), ...r.permissions },
@ -235,7 +233,9 @@ export function EmployeeRolesPage() {
<Modal <Modal
open={!!form} open={!!form}
onClose={() => setForm(null)} onClose={() => setForm(null)}
title={form?.id ? `Редактировать роль${form.isSystem ? ' (системная)' : ''}` : 'Новая роль'} title={form?.id
? (form.isSystem ? `Системная роль «${form.name}» (только просмотр)` : `Редактировать роль «${form.name}»`)
: 'Новая роль'}
width="max-w-2xl" width="max-w-2xl"
footer={ footer={
<> <>
@ -249,19 +249,30 @@ export function EmployeeRolesPage() {
<Trash2 className="w-4 h-4" /> Удалить <Trash2 className="w-4 h-4" /> Удалить
</Button> </Button>
)} )}
<Button variant="secondary" onClick={() => setForm(null)}>Отмена</Button> <Button variant="secondary" onClick={() => setForm(null)}>
<Button onClick={save} disabled={!form?.name}>Сохранить</Button> {form?.isSystem ? 'Закрыть' : 'Отмена'}
</Button>
{!form?.isSystem && (
<Button onClick={save} disabled={!form?.name}>Сохранить</Button>
)}
</> </>
} }
> >
{form && ( {form && (
<div className="space-y-4"> <div className="space-y-4">
<Field label="Название *"> <Field label="Название *">
<TextInput value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} /> <TextInput value={form.name} disabled={form.isSystem}
onChange={(e) => setForm({ ...form, name: e.target.value })} />
</Field> </Field>
<Field label="Описание"> <Field label="Описание">
<TextArea rows={2} value={form.description} onChange={(e) => setForm({ ...form, description: e.target.value })} /> <TextArea rows={2} value={form.description} disabled={form.isSystem}
onChange={(e) => setForm({ ...form, description: e.target.value })} />
</Field> </Field>
{form.isSystem && (
<div className="rounded-md bg-slate-100 dark:bg-slate-800/60 border border-slate-200 dark:border-slate-700 px-3 py-2 text-xs text-slate-600 dark:text-slate-300">
Системная роль. Просмотр прав только для справки. Чтобы изменить права — создайте кастомную роль на основе этого шаблона.
</div>
)}
{form.id && !form.isSystem && ( {form.id && !form.isSystem && (
<div className="rounded-md bg-amber-50 border border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 px-3 py-2 text-xs text-amber-800 dark:text-amber-200"> <div className="rounded-md bg-amber-50 border border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 px-3 py-2 text-xs text-amber-800 dark:text-amber-200">
⚠️ Изменение прав применится ко ВСЕМ сотрудникам с этой ролью. ⚠️ Изменение прав применится ко ВСЕМ сотрудникам с этой ролью.