From 6419b5ad1d204f108486f46cae9be6c0832eb42a Mon Sep 17 00:00:00 2001 From: Veronika Tsygankova Date: Thu, 4 Jun 2026 15:11:15 +0300 Subject: [PATCH] =?UTF-8?q?[AURORA-1070]=20-=20=D0=9E=D1=88=D0=B8=D0=B1?= =?UTF-8?q?=D0=BA=D0=B0=20=D1=80=D0=B5=D0=B4=D0=B0=D0=BA=D1=82=D0=B8=D1=80?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BA=D0=BE=D0=BB=D0=B8?= =?UTF-8?q?=D1=87=D0=B5=D1=81=D1=82=D0=B2=D0=B0=20=D0=BF=D0=BE=D0=BB=D1=8C?= =?UTF-8?q?=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D0=B5=D0=B9=20=D0=B2?= =?UTF-8?q?=20=D0=9F=D0=BE=D0=B4=D1=80=D0=B0=D0=B7=D0=B4=D0=B5=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B8=20=D0=A1=D0=9F=D0=9F/=D0=A0=D0=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/src/api/users.js | 4 +- .../SppsPage/ModalChangeUsersInSsp.jsx | 69 +++++++++++++++++-- .../pages/AdminPanel/SppsPage/SppsPage.jsx | 2 +- .../pages/AdminPanel/UsersPage/UsersPage.jsx | 2 +- .../AutocompleteForChangeOptions.jsx | 21 ++++-- 5 files changed, 81 insertions(+), 17 deletions(-) diff --git a/web/src/api/users.js b/web/src/api/users.js index 9ee1126..22b7406 100644 --- a/web/src/api/users.js +++ b/web/src/api/users.js @@ -7,9 +7,9 @@ export const UsersApi = { getById(userId) { return api.get(`/users/${userId}`).then((r) => r.data); }, - getAll() { + getAll(params = {}) { return api - .get("/users/", { params: { limit: 1000, skip: 0, load_orgs: true } }) + .get("/users/", { params: { limit: 1000, skip: 0, ...params } }) .then((r) => r.data); }, update(idUser, data) { diff --git a/web/src/pages/AdminPanel/SppsPage/ModalChangeUsersInSsp.jsx b/web/src/pages/AdminPanel/SppsPage/ModalChangeUsersInSsp.jsx index 8845a9e..df7e9fc 100644 --- a/web/src/pages/AdminPanel/SppsPage/ModalChangeUsersInSsp.jsx +++ b/web/src/pages/AdminPanel/SppsPage/ModalChangeUsersInSsp.jsx @@ -6,15 +6,20 @@ import { UsersApi } from '../../../api/users'; import { toast } from 'react-toastify'; import { AutocompleteForChangeOptions } from '../components/AutocompleteForChangeOptions'; -export const ModalChangeUsersInSsp = ({ open, onClose, ssp, onEdit }) => { +export const ModalChangeUsersInSsp = ({ + open, + onClose, + ssp, + onUsersCountChange, +}) => { const [users, setUsers] = useState([]); const [usersDataForUpdate, setUsersDataForUpdate] = useState({ update: [], delete: [], }); - const [allUsers, setAllUsers] = useState([]); const [loadingUsers, setLoadingUsers] = useState(false); + useEffect(() => { UsersApi.getAll() .then((data) => { @@ -58,14 +63,66 @@ export const ModalChangeUsersInSsp = ({ open, onClose, ssp, onEdit }) => { }); }, [open, ssp]); - const handleClickSave = () => { - onEdit?.(ssp, usersDataForUpdate); + const deleteUserFromSsp = async (user) => { + try { + const data = await SspApi.deleteManySsps(user.id, { ssp_ids: [ssp.id] }); + if (!data.success) { + toast.error(data?.message || 'Ошибка удаления пользователя из ССП'); + return false; + } + return true; + } catch (error) { + const msg = + error?.response?.data?.message || error?.response?.data?.detail; + toast.error(msg || 'Ошибка удаления пользователя из ССП'); + return false; + } + }; + + const addUserToSsp = async (user) => { + try { + const data = await SspApi.putManySsps(user.id, { ssp_ids: [ssp.id] }); + if (!data.success) { + toast.error(data?.message || 'Ошибка добавления пользователя'); + return false; + } + return true; + } catch (error) { + const msg = + error?.response?.data?.message || error?.response?.data?.detail; + toast.error(msg || 'Ошибка добавления пользователя'); + return false; + } + }; + + const handleClickSave = async () => { + let added = 0; + let removed = 0; + + for (const user of usersDataForUpdate.update) { + if (await addUserToSsp(user)) { + added += 1; + } + } + + for (const user of usersDataForUpdate.delete) { + if (await deleteUserFromSsp(user)) { + removed += 1; + } + } + + const delta = added - removed; + if (delta !== 0) { + onUsersCountChange?.(ssp.id, delta); + } + onClose?.(); }; - const handleChangeUsersList = (dataForUpdate) => { - setUsersDataForUpdate(dataForUpdate); + const handleChangeUsersList = (updater) => { + setUsersDataForUpdate(updater); }; + if (!ssp) return; return ( { open={openModalUsersinSspChange} onClose={handleCloseModalUsersInSspChange} ssp={sspForChangeUsers} - onEdit={handleUpdateUsers} + onUsersCountChange={adjustSspUsersCount} /> { const loadUsers = async () => { setLoading(true); try { - const data = await UsersApi.getAll(); + const data = await UsersApi.getAll({ load_orgs: true }); if (!data.success) { toast.error('Ошибка получения пользователей ' + data.message); return; diff --git a/web/src/pages/AdminPanel/components/AutocompleteForChangeOptions.jsx b/web/src/pages/AdminPanel/components/AutocompleteForChangeOptions.jsx index 9cdd13b..217eacc 100644 --- a/web/src/pages/AdminPanel/components/AutocompleteForChangeOptions.jsx +++ b/web/src/pages/AdminPanel/components/AutocompleteForChangeOptions.jsx @@ -37,7 +37,7 @@ export const AutocompleteForChangeOptions = ({ if (value) { const newSelected = [...selected, value]; setSelected(newSelected); - onChange?.((prev) => ({ ...prev, update: newSelected })); + onChange?.((prev) => ({ ...prev, update: [...prev.update, value] })); const newAvailable = available.filter((item) => item.id !== value.id); setAvailable(newAvailable); @@ -49,16 +49,23 @@ export const AutocompleteForChangeOptions = ({ const handleRemove = (id) => { const itemToRemove = selected.find((s) => s.id === id); - if (itemToRemove) { - const newSelected = selected.filter((s) => s.id !== id); - setSelected(newSelected); + if (!itemToRemove) return; - setAvailable([...available, itemToRemove]); + const newSelected = selected.filter((s) => s.id !== id); + setSelected(newSelected); + setAvailable([...available, itemToRemove]); + const wasInitial = values.some((v) => v.id === id); + + if (wasInitial) { onChange?.((prev) => ({ ...prev, delete: [...prev.delete, itemToRemove], - update: [...newSelected], + })); + } else { + onChange?.((prev) => ({ + ...prev, + update: prev.update.filter((u) => u.id !== id), })); } }; @@ -130,7 +137,7 @@ export const AutocompleteForChangeOptions = ({ /> )} renderOption={(props, option) => ( -
  • +