Управление заявками (#7)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz> Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/7
2026-08-07 09:49:38 +00:00
parent 9d9f390548
commit 0ffa032ade
42 changed files with 2436 additions and 65 deletions
@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { Employee } from '../../models';
+import { texts } from '../../texts';
+import { findEmployeeByEmail, toEmployeeOption } from '../../utils/employee';
+import { useAsyncSubmit } from '../../hooks/useAsyncSubmit';
+import { Field, FormGrid, FormModal, SearchableSelect } from '../ui';
+
+export interface IManageRequestsApproverModalProps {
+  title: string;
+  initialEmail?: string;
+  employees: Employee[];
+  employeesLoading: boolean;
+  onSave: (email: string, position: string) => Promise<void>;
+  onClose: () => void;
+}
+
+/**
+ * Переназначение согласующего/исполнителя существующего шага (см.
+ * ManageRequestsScreen). Должность НЕ вводится — берётся из справочника
+ * сотрудников (api.tnsu.kz/Employee/All, см. Employee.position в
+ * models/dictionaries.ts) на момент сохранения, отдельного поля для неё
+ * в этой форме нет. Добавление НОВОГО шага через модалку не идёт — см.
+ * плашку-пикер под таблицей в ManageRequestsPhaseTable.
+ */
+export const ManageRequestsApproverModal: React.FC<IManageRequestsApproverModalProps> = ({
+  title,
+  initialEmail = '',
+  employees,
+  employeesLoading,
+  onSave,
+  onClose
+}) => {
+  const [email, setEmail] = React.useState(initialEmail);
+  const submit = useAsyncSubmit();
+
+  const handleSubmit = (): void => {
+    const trimmedEmail = email.trim();
+    if (!trimmedEmail) {
+      submit.fail(texts.manageRequests.validationApprover);
+      return;
+    }
+    const position = findEmployeeByEmail(employees, trimmedEmail)?.position || '';
+    submit.run(() => onSave(trimmedEmail, position));
+  };
+
+  return (
+    <FormModal title={title} error={submit.error} isSaving={submit.isBusy} onSubmit={handleSubmit} onClose={onClose}>
+      <FormGrid>
+        <Field label={texts.manageRequests.approverLabel} required full>
+          <SearchableSelect
+            options={employees.map(toEmployeeOption)}
+            value={email}
+            loading={employeesLoading}
+            placeholder={texts.manageRequests.approverPlaceholder}
+            searchPlaceholder={texts.select.employeeSearchPlaceholder}
+            emptyMessage={texts.select.employeesEmpty}
+            onChange={setEmail}
+          />
+        </Field>
+      </FormGrid>
+    </FormModal>
+  );
+};