Фронтенд для сервиса (#5)

Co-authored-by: gorbenko.pavel <gorbenko.pavel@tansu.kz> Reviewed-on: http://git.tnsu.kz/gorbenko.pavel/tnsu-approval-route/pulls/5
2026-07-30 06:11:24 +00:00
parent 5476c1bab5
commit da158cfd84
114 changed files with 26045 additions and 2 deletions
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import * as ReactDom from 'react-dom';
+import { Version } from '@microsoft/sp-core-library';
+import {
+  type IPropertyPaneConfiguration,
+  PropertyPaneTextField,
+  PropertyPaneToggle
+} from '@microsoft/sp-property-pane';
+import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
+
+import ApprovalAdmin from './components/ApprovalAdmin';
+import { IApprovalAdminProps } from './components/IApprovalAdminProps';
+
+export interface IApprovalAdminWebPartProps {
+  apiBaseUrl: string;
+  useDevAuth: boolean;
+  devUserEmail: string;
+  aadResourceId: string;
+  portalBaseUrl: string;
+}
+
+export default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {
+
+  public render(): void {
+    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(ApprovalAdmin, {
+      context: this.context,
+      apiBaseUrl: this.properties.apiBaseUrl,
+      useDevAuth: this.properties.useDevAuth,
+      devUserEmail: this.properties.devUserEmail,
+      aadResourceId: this.properties.aadResourceId,
+      portalBaseUrl: this.properties.portalBaseUrl
+    });
+
+    ReactDom.render(element, this.domElement);
+  }
+
+  protected onInit(): Promise<void> {
+    // Прод-адрес по умолчанию: пакуем именно под прод (heft package-solution --production).
+    // Для локальной разработки переопределите значение в панели свойств веб-части
+    // (например, на http://localhost:5080 — порт из backend/.../launchSettings.json).
+    this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://api.tnsu.kz/approval-route';
+    // Dev-режим ломает /resolve: наш бэкенд не получает Bearer-токен пользователя
+    // для пересылки в api.tnsu.kz и падает на собственном client_credentials
+    // (TnsuPortal:ClientSecret в appsettings.json пуст). По умолчанию — реальный AAD.
+    this.properties.useDevAuth = this.properties.useDevAuth ?? false;
+    this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
+    this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
+    this.properties.portalBaseUrl = this.properties.portalBaseUrl || 'https://api.tnsu.kz';
+    return Promise.resolve();
+  }
+
+  protected onDispose(): void {
+    ReactDom.unmountComponentAtNode(this.domElement);
+  }
+
+  protected get dataVersion(): Version {
+    return Version.parse('1.0');
+  }
+
+  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
+    return {
+      pages: [
+        {
+          header: {
+            description: 'Подключение к Tnsu.ApprovalRoute.Api'
+          },
+          groups: [
+            {
+              groupName: 'API',
+              groupFields: [
+                PropertyPaneTextField('apiBaseUrl', {
+                  label: 'Api Base Url',
+                  description: 'По умолчанию — прод (https://api.tnsu.kz/approval-route). Для локальной разработки укажите http://localhost:5080.'
+                }),
+                PropertyPaneToggle('useDevAuth', {
+                  label: 'Локальный Dev-режим (без Azure AD)',
+                  onText: 'Вкл. (заголовок X-Dev-User-Email)',
+                  offText: 'Выкл. (AAD-токен через SPFx)'
+                }),
+                PropertyPaneTextField('devUserEmail', {
+                  label: 'Dev: email пользователя',
+                  description: 'Используется только при включённом Dev-режиме.'
+                }),
+                PropertyPaneTextField('aadResourceId', {
+                  label: 'AAD Resource Id (App ID URI)',
+                  description: 'Должен совпадать с webApiPermissionRequests в package-solution.json. Этим же токеном берутся справочники api.tnsu.kz.'
+                }),
+                PropertyPaneTextField('portalBaseUrl', {
+                  label: 'Портал справочников (api.tnsu.kz)',
+                  description: 'Откуда берутся списки компаний и отделов. Ходим напрямую, тем же AAD-токеном.'
+                })
+              ]
+            }
+          ]
+        }
+      ]
+    };
+  }
+}