gorbenko.pavel/tnsu-approval-route
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

правка интерфейса

Browse Source
This commit is contained in:
gorbenko.pavel
2026-07-29 13:01:19 +05:00
parent 04f04133f2
commit 8e08eef9b4
13 changed files with 50 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js
+1 -1
View File
@@ -24,7 +24,7 @@ var ApprovalAdminWebPart = /** @class */ (function (_super) {
}; };
ApprovalAdminWebPart.prototype.onInit = function () { ApprovalAdminWebPart.prototype.onInit = function () {
var _a; var _a;
this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443'; this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'http://localhost:5080';
this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true; this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true;
this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz'; this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0'; this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
+1 -1
View File
@@ -22,7 +22,7 @@
"description": { "default": "approval-admin description" }, "description": { "default": "approval-admin description" },
"officeFabricIconFontName": "Page", "officeFabricIconFontName": "Page",
"properties": { "properties": {
"apiBaseUrl": "https://localhost:5443", "apiBaseUrl": "http://localhost:5080",
"useDevAuth": true, "useDevAuth": true,
"devUserEmail": "dev@tnsu.kz", "devUserEmail": "dev@tnsu.kz",
"aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0" "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js
+3 -3
View File
@@ -167,11 +167,11 @@ var RoutesScreen = function (_a) {
React.createElement(ui_1.FormGrid, null, React.createElement(ui_1.FormGrid, null,
React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true }, React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
React.createElement(ui_1.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { requestTypeId: e.target.value })); } })), React.createElement(ui_1.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { requestTypeId: e.target.value })); } })),
React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true }, React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true, full: true },
React.createElement(ui_1.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { routeType: e.target.value })); } })), React.createElement(ui_1.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { routeType: e.target.value })); } })),
React.createElement(ui_1.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." }, React.createElement(ui_1.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, full: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." },
React.createElement(ui_1.TextInput, { value: form.companyId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })), React.createElement(ui_1.TextInput, { value: form.companyId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })),
React.createElement(ui_1.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." }, React.createElement(ui_1.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", full: true, hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." },
React.createElement(ui_1.TextInput, { value: form.departmentId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })), React.createElement(ui_1.TextInput, { value: form.departmentId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })),
React.createElement(ui_1.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" }, React.createElement(ui_1.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" },
React.createElement(ui_1.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { byProject: v })); } })), React.createElement(ui_1.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { byProject: v })); } })),
frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.module.scss.css
+2
View File
@@ -47,6 +47,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 6px; gap: 6px;
min-width: 0;
} }
.full { .full {
@@ -67,6 +68,7 @@
.input, .input,
.select, .select,
.textarea { .textarea {
box-sizing: border-box;
padding: 11px 13px; padding: 11px 13px;
border: 1px solid #D1D5DB; border: 1px solid #D1D5DB;
border-radius: 6px; border-radius: 6px;
frontend/release/assets/approval-admin-web-part.js
+21 -21
View File
@@ -246,26 +246,26 @@ __webpack_require__.r(__webpack_exports__);
// Imports // Imports
_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_32494649{display:grid;gap:18px 22px;grid-template-columns:1fr 1fr}.field_32494649{display:flex;flex-direction:column;gap:6px}.full_32494649{grid-column:1/-1}.label_32494649{color:#374151;font-size:12px;font-weight:500;letter-spacing:.2px}.req_32494649{color:#b8881a}.input_32494649,.select_32494649,.textarea_32494649{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13.5px;padding:11px 13px;transition:.18s;width:100%}.input_32494649:focus,.select_32494649:focus,.textarea_32494649:focus{border-color:#d4a01e;box-shadow:0 0 0 3px rgba(212,160,30,.12);outline:0}.input_32494649:-ms-input-placeholder, .select_32494649:-ms-input-placeholder, .textarea_32494649:-ms-input-placeholder{color:#9ca3af}.input_32494649::placeholder,.select_32494649::placeholder,.textarea_32494649::placeholder{color:#9ca3af}.input_32494649:disabled,.select_32494649:disabled,.textarea_32494649:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.textarea_32494649{min-height:80px;resize:vertical}.select_32494649{appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.errorText_32494649{color:#dc2626;font-size:11.5px}.hint_32494649{color:#9ca3af;font-size:11.5px}.checkboxRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox_32494649{accent-color:#d4a01e;cursor:pointer;height:17px;width:17px}.radioGroup_32494649{display:flex;flex-direction:column;gap:8px}.radioRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radioRow_32494649.disabled_32494649{cursor:not-allowed;opacity:.45}.radio_32494649{accent-color:#d4a01e;cursor:pointer;height:16px;width:16px}.radio_32494649:disabled{cursor:not-allowed}", true); _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_a7c8dbcf{display:grid;gap:18px 22px;grid-template-columns:1fr 1fr}.field_a7c8dbcf{display:flex;flex-direction:column;gap:6px;min-width:0}.full_a7c8dbcf{grid-column:1/-1}.label_a7c8dbcf{color:#374151;font-size:12px;font-weight:500;letter-spacing:.2px}.req_a7c8dbcf{color:#b8881a}.input_a7c8dbcf,.select_a7c8dbcf,.textarea_a7c8dbcf{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13.5px;padding:11px 13px;transition:.18s;width:100%}.input_a7c8dbcf:focus,.select_a7c8dbcf:focus,.textarea_a7c8dbcf:focus{border-color:#d4a01e;box-shadow:0 0 0 3px rgba(212,160,30,.12);outline:0}.input_a7c8dbcf:-ms-input-placeholder, .select_a7c8dbcf:-ms-input-placeholder, .textarea_a7c8dbcf:-ms-input-placeholder{color:#9ca3af}.input_a7c8dbcf::placeholder,.select_a7c8dbcf::placeholder,.textarea_a7c8dbcf::placeholder{color:#9ca3af}.input_a7c8dbcf:disabled,.select_a7c8dbcf:disabled,.textarea_a7c8dbcf:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.textarea_a7c8dbcf{min-height:80px;resize:vertical}.select_a7c8dbcf{appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.errorText_a7c8dbcf{color:#dc2626;font-size:11.5px}.hint_a7c8dbcf{color:#9ca3af;font-size:11.5px}.checkboxRow_a7c8dbcf{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox_a7c8dbcf{accent-color:#d4a01e;cursor:pointer;height:17px;width:17px}.radioGroup_a7c8dbcf{display:flex;flex-direction:column;gap:8px}.radioRow_a7c8dbcf{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radioRow_a7c8dbcf.disabled_a7c8dbcf{cursor:not-allowed;opacity:.45}.radio_a7c8dbcf{accent-color:#d4a01e;cursor:pointer;height:16px;width:16px}.radio_a7c8dbcf:disabled{cursor:not-allowed}", true);
// Exports // Exports
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
field: "field_32494649", field: "field_a7c8dbcf",
full: "full_32494649", full: "full_a7c8dbcf",
label: "label_32494649", label: "label_a7c8dbcf",
req: "req_32494649", req: "req_a7c8dbcf",
input: "input_32494649", input: "input_a7c8dbcf",
select: "select_32494649", select: "select_a7c8dbcf",
textarea: "textarea_32494649", textarea: "textarea_a7c8dbcf",
errorText: "errorText_32494649", errorText: "errorText_a7c8dbcf",
hint: "hint_32494649", hint: "hint_a7c8dbcf",
checkboxRow: "checkboxRow_32494649", checkboxRow: "checkboxRow_a7c8dbcf",
checkbox: "checkbox_32494649", checkbox: "checkbox_a7c8dbcf",
radioGroup: "radioGroup_32494649", radioGroup: "radioGroup_a7c8dbcf",
radioRow: "radioRow_32494649", radioRow: "radioRow_a7c8dbcf",
disabled: "disabled_32494649", disabled: "disabled_a7c8dbcf",
radio: "radio_32494649", radio: "radio_a7c8dbcf",
grid: "grid_32494649" grid: "grid_a7c8dbcf"
}); });
@@ -1162,11 +1162,11 @@ var RoutesScreen = function (_a) {
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.FormGrid, null, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.FormGrid, null,
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { requestTypeId: e.target.value })); } })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { requestTypeId: e.target.value })); } })),
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true, full: true },
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { routeType: e.target.value })); } })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { routeType: e.target.value })); } })),
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, full: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." },
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.companyId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.companyId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })),
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", full: true, hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." },
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.departmentId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.departmentId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })),
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" }, react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" },
react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { byProject: v })); } })), react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { byProject: v })); } })),
@@ -2749,7 +2749,7 @@ var ApprovalAdminWebPart = /** @class */ (function (_super) {
}; };
ApprovalAdminWebPart.prototype.onInit = function () { ApprovalAdminWebPart.prototype.onInit = function () {
var _a; var _a;
this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443'; this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'http://localhost:5080';
this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true; this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true;
this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz'; this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0'; this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
frontend/release/assets/approval-admin-web-part.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
frontend/release/manifests/4825e72c-4ff3-479e-917e-f6b04e003a82.manifest.json
+1 -1
View File
@@ -26,7 +26,7 @@
}, },
"officeFabricIconFontName": "Page", "officeFabricIconFontName": "Page",
"properties": { "properties": {
"apiBaseUrl": "https://localhost:5443", "apiBaseUrl": "http://localhost:5080",
"useDevAuth": true, "useDevAuth": true,
"devUserEmail": "dev@tnsu.kz", "devUserEmail": "dev@tnsu.kz",
"aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0" "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
+1 -1
View File
@@ -22,7 +22,7 @@
"description": { "default": "approval-admin description" }, "description": { "default": "approval-admin description" },
"officeFabricIconFontName": "Page", "officeFabricIconFontName": "Page",
"properties": { "properties": {
"apiBaseUrl": "https://localhost:5443", "apiBaseUrl": "http://localhost:5080",
"useDevAuth": true, "useDevAuth": true,
"devUserEmail": "dev@tnsu.kz", "devUserEmail": "dev@tnsu.kz",
"aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0" "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.ts
+1 -1
View File
@@ -33,7 +33,7 @@ export default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprova
} }
protected onInit(): Promise<void> { protected onInit(): Promise<void> {
this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443'; this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'http://localhost:5080';
this.properties.useDevAuth = this.properties.useDevAuth ?? true; this.properties.useDevAuth = this.properties.useDevAuth ?? true;
this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz'; this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0'; this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
frontend/src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx
+3 -3
View File
@@ -252,21 +252,21 @@ export const RoutesScreen: React.FC<IRoutesScreenProps> = ({ api, onOpenSteps })
onChange={e => setForm({ ...form, requestTypeId: e.target.value })} onChange={e => setForm({ ...form, requestTypeId: e.target.value })}
/> />
</Field> </Field>
<Field label="Тип маршрута" required> <Field label="Тип маршрута" required full>
<Select <Select
options={ROUTE_TYPE_OPTIONS} options={ROUTE_TYPE_OPTIONS}
value={form.routeType} value={form.routeType}
onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })} onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })}
/> />
</Field> </Field>
<Field label="Компания (Guid)" required hint="Из справочника api.tnsu.kz."> <Field label="Компания (Guid)" required full hint="Из справочника api.tnsu.kz.">
<TextInput <TextInput
value={form.companyId} value={form.companyId}
onChange={e => setForm({ ...form, companyId: e.target.value })} onChange={e => setForm({ ...form, companyId: e.target.value })}
placeholder="00000000-0000-0000-0000-000000000000" placeholder="00000000-0000-0000-0000-000000000000"
/> />
</Field> </Field>
<Field label="Отдел (Guid)" hint="Необязательно — маршрут «по умолчанию» для компании."> <Field label="Отдел (Guid)" full hint="Необязательно — маршрут «по умолчанию» для компании.">
<TextInput <TextInput
value={form.departmentId} value={form.departmentId}
onChange={e => setForm({ ...form, departmentId: e.target.value })} onChange={e => setForm({ ...form, departmentId: e.target.value })}
frontend/src/webparts/approvalAdmin/components/ui/FormField.module.scss
+13 -1
View File
@@ -6,7 +6,15 @@
gap: 18px 22px; gap: 18px 22px;
} }
.field { display: flex; flex-direction: column; gap: 6px; } .field {
display: flex;
flex-direction: column;
gap: 6px;
// Grid-элементы по умолчанию не сжимаются уже своего min-content
// (min-width: auto) — из-за этого длинный текст/плейсхолдер в инпуте
// мог распирать колонку и вызывать горизонтальный скролл модалки.
min-width: 0;
}
.full { grid-column: 1 / -1; } .full { grid-column: 1 / -1; }
.label { .label {
@@ -21,6 +29,10 @@
.input, .input,
.select, .select,
.textarea { .textarea {
// border-box обязателен: width:100% + padding/border в content-box
// (браузерный дефолт) делает элемент шире контейнера на padding+border
// и распирает модалку в горизонтальный скролл.
box-sizing: border-box;
padding: 11px 13px; padding: 11px 13px;
border: 1px solid $gray-300; border: 1px solid $gray-300;
border-radius: $r-sm; border-radius: $r-sm;