@banch0u/core-project-test-repository 1.8.4 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/assets/css/antd.css +723 -0
  2. package/dist/assets/icons/index.js +182 -0
  3. package/dist/components/Button/index.module.scss +17 -5
  4. package/dist/components/ColSort/index.module.scss +22 -0
  5. package/dist/components/Delete/Delete.js +22 -0
  6. package/dist/components/Delete/Delete.module.scss +22 -0
  7. package/dist/components/DeleteModal/DeleteModal.js +31 -0
  8. package/dist/components/DeleteModal/DeleteModal.module.scss +11 -0
  9. package/dist/components/Filter/index.js +1 -1
  10. package/dist/components/Input/index.js +34 -6
  11. package/dist/components/Input/index.module.scss +55 -23
  12. package/dist/components/ProfileOptions/index.module.scss +3 -3
  13. package/dist/components/Select/index.js +47 -60
  14. package/dist/components/Select/index.module.scss +32 -0
  15. package/dist/components/Success/Success.js +19 -0
  16. package/dist/components/Success/Success.module.scss +26 -0
  17. package/dist/components/Table/index.js +4 -2
  18. package/dist/components/ViewModal/index.js +30 -0
  19. package/dist/helpers/paginationLength.js +3 -0
  20. package/dist/helpers/querySearch.js +22 -0
  21. package/dist/index.js +2 -0
  22. package/dist/layout/Header/AppSelect/index.js +28 -9
  23. package/dist/layout/Header/AppSelect/index.module.scss +6 -1
  24. package/dist/layout/Portal/index.js +23 -0
  25. package/dist/layout/QuestionnairesLayout/index.js +17 -0
  26. package/dist/layout/QuestionnairesLayout/index.module.scss +0 -0
  27. package/dist/layout/QuestionnairesSidebar/index.js +162 -0
  28. package/dist/layout/QuestionnairesSidebar/index.module.scss +76 -0
  29. package/dist/pages/Questionnnaires/Questionnaires.module.scss +194 -0
  30. package/dist/pages/Questionnnaires/QuestionnairesApplicationFormContent/constant.js +58 -0
  31. package/dist/pages/Questionnnaires/QuestionnairesApplicationFormContent/index.js +255 -0
  32. package/dist/pages/Questionnnaires/QuestionnairesBrandsContent/constant.js +58 -0
  33. package/dist/pages/Questionnnaires/QuestionnairesBrandsContent/index.js +247 -0
  34. package/dist/pages/Questionnnaires/QuestionnairesChassisTypesContent/constant.js +58 -0
  35. package/dist/pages/Questionnnaires/QuestionnairesChassisTypesContent/index.js +247 -0
  36. package/dist/pages/Questionnnaires/QuestionnairesColorsContent/constant.js +58 -0
  37. package/dist/pages/Questionnnaires/QuestionnairesColorsContent/index.js +247 -0
  38. package/dist/pages/Questionnnaires/QuestionnairesCountriesContent/constant.js +58 -0
  39. package/dist/pages/Questionnnaires/QuestionnairesCountriesContent/index.js +247 -0
  40. package/dist/pages/Questionnnaires/QuestionnairesDeliveryMethodContent/constant.js +58 -0
  41. package/dist/pages/Questionnnaires/QuestionnairesDeliveryMethodContent/index.js +247 -0
  42. package/dist/pages/Questionnnaires/QuestionnairesDocumentRecieveMethodsContent/constant.js +58 -0
  43. package/dist/pages/Questionnnaires/QuestionnairesDocumentRecieveMethodsContent/index.js +258 -0
  44. package/dist/pages/Questionnnaires/QuestionnairesDocumentTypeContent/constant.js +58 -0
  45. package/dist/pages/Questionnnaires/QuestionnairesDocumentTypeContent/index.js +284 -0
  46. package/dist/pages/Questionnnaires/QuestionnairesDocumentWhomContent/constant.js +82 -0
  47. package/dist/pages/Questionnnaires/QuestionnairesDocumentWhomContent/index.js +331 -0
  48. package/dist/pages/Questionnnaires/QuestionnairesEngineTypesContent/constant.js +58 -0
  49. package/dist/pages/Questionnnaires/QuestionnairesEngineTypesContent/index.js +247 -0
  50. package/dist/pages/Questionnnaires/QuestionnairesExecutionRulesContent/constant.js +58 -0
  51. package/dist/pages/Questionnnaires/QuestionnairesExecutionRulesContent/index.js +258 -0
  52. package/dist/pages/Questionnnaires/QuestionnairesGearboxTypesContent/constant.js +58 -0
  53. package/dist/pages/Questionnnaires/QuestionnairesGearboxTypesContent/index.js +247 -0
  54. package/dist/pages/Questionnnaires/QuestionnairesIssuedAuthoritiesContent/constant.js +58 -0
  55. package/dist/pages/Questionnnaires/QuestionnairesIssuedAuthoritiesContent/index.js +247 -0
  56. package/dist/pages/Questionnnaires/QuestionnairesMarginNoteTextsContent/constant.js +58 -0
  57. package/dist/pages/Questionnnaires/QuestionnairesMarginNoteTextsContent/index.js +249 -0
  58. package/dist/pages/Questionnnaires/QuestionnairesModelsContent/constant.js +58 -0
  59. package/dist/pages/Questionnnaires/QuestionnairesModelsContent/index.js +290 -0
  60. package/dist/pages/Questionnnaires/QuestionnairesOrganizationsContent/constant.js +88 -0
  61. package/dist/pages/Questionnnaires/QuestionnairesOrganizationsContent/index.js +320 -0
  62. package/dist/pages/Questionnnaires/QuestionnairesOwnershipTypesContent/constant.js +58 -0
  63. package/dist/pages/Questionnnaires/QuestionnairesOwnershipTypesContent/index.js +247 -0
  64. package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/constant.js +58 -0
  65. package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/index.js +240 -0
  66. package/dist/pages/Questionnnaires/QuestionnairesStructuresContent/constant.js +58 -0
  67. package/dist/pages/Questionnnaires/QuestionnairesStructuresContent/index.js +247 -0
  68. package/dist/pages/Questionnnaires/QuestionnairesSubtopicContent/constant.js +58 -0
  69. package/dist/pages/Questionnnaires/QuestionnairesSubtopicContent/index.js +317 -0
  70. package/dist/pages/Questionnnaires/QuestionnairesTopicContent/constant.js +58 -0
  71. package/dist/pages/Questionnnaires/QuestionnairesTopicContent/index.js +271 -0
  72. package/dist/pages/Questionnnaires/QuestionnairesTransmitterTypesContent/constant.js +58 -0
  73. package/dist/pages/Questionnnaires/QuestionnairesTransmitterTypesContent/index.js +247 -0
  74. package/dist/pages/Questionnnaires/QuestionnairesVehicleTypesContent/constant.js +58 -0
  75. package/dist/pages/Questionnnaires/QuestionnairesVehicleTypesContent/index.js +247 -0
  76. package/dist/pages/Questionnnaires/index.js +5 -0
  77. package/dist/routes/QuestionnaireRoutes.js +178 -0
  78. package/dist/store/slices/global/index.js +174 -3
  79. package/dist/store/slices/questionnaire/index.js +5139 -0
  80. package/dist/store/slices/questionnaire/service.js +3030 -0
  81. package/dist/store/store.js +2 -1
  82. package/dist/utils/path.js +49 -1
  83. package/package.json +2 -1
@@ -0,0 +1,249 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
5
+ import React from "react";
6
+ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
7
+ import Cookies from "js-cookie";
8
+ import style from "../Questionnaires.module.scss";
9
+ import { Form, Input, Layout } from "antd";
10
+ import { PlusIcon } from "../../../assets/icons";
11
+ import FormModal from "../../../components/FormModal";
12
+ import { useDispatch, useSelector } from "react-redux";
13
+ import Delete from "../../../components/Delete/Delete";
14
+ import DeleteModal from "../../../components/DeleteModal/DeleteModal";
15
+ import Success from "../../../components/Success/Success";
16
+ import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
17
+ import ViewModal from "../../../components/ViewModal";
18
+ import { getStreetColumns } from "./constant";
19
+ import Pagination from "../../../components/Pagination";
20
+ import ColSort from "../../../components/ColSort";
21
+ import { setPaginationLength } from "../../../helpers/paginationLength";
22
+ import Button from "../../../components/Button";
23
+ import Loading from "../../../components/Loading";
24
+ import Table from "../../../components/Table";
25
+ import Filter from "../../../components/Filter";
26
+ import { addMarginNoteText, deleteMarginNoteText, editMarginNoteText, getMarginNoteText, marginNoteTextVisibility } from "../../../store/slices/questionnaire";
27
+ var Content = Layout.Content;
28
+ var Item = Form.Item;
29
+ var QuestionnairesMarginNoteTextsContent = function QuestionnairesMarginNoteTextsContent() {
30
+ var _useState = useState(null),
31
+ _useState2 = _slicedToArray(_useState, 2),
32
+ innerW = _useState2[0],
33
+ setInnerW = _useState2[1];
34
+ var ref = useRef();
35
+ var dispatch = useDispatch();
36
+ var _useState3 = useState(0),
37
+ _useState4 = _slicedToArray(_useState3, 2),
38
+ id = _useState4[0],
39
+ setId = _useState4[1];
40
+ var _useState5 = useState(1),
41
+ _useState6 = _slicedToArray(_useState5, 2),
42
+ page = _useState6[0],
43
+ setPage = _useState6[1];
44
+ var _useState7 = useState(Cookies.get("pagination-size-questionnaire-margin-note-texts") ? JSON.parse(Cookies.get("pagination-size-questionnaire-margin-note-texts")) : 20),
45
+ _useState8 = _slicedToArray(_useState7, 2),
46
+ size = _useState8[0],
47
+ setSize = _useState8[1];
48
+ var _useState9 = useState({
49
+ text: ""
50
+ }),
51
+ _useState10 = _slicedToArray(_useState9, 2),
52
+ query = _useState10[0],
53
+ setQuery = _useState10[1];
54
+ var _useSelector = useSelector(function (state) {
55
+ return state.global;
56
+ }),
57
+ loading = _useSelector.loading,
58
+ marginNoteTextRender = _useSelector.marginNoteTextRender;
59
+ var marginNoteText = useSelector(function (state) {
60
+ return state.questionnaire.marginNoteText;
61
+ });
62
+ var paginationLength = setPaginationLength(marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.count, marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.size);
63
+ var onSubmit = useCallback(/*#__PURE__*/function () {
64
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
65
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
66
+ while (1) switch (_context.prev = _context.next) {
67
+ case 0:
68
+ dispatch(addMarginNoteText({
69
+ text: data === null || data === void 0 ? void 0 : data.text
70
+ }));
71
+ case 1:
72
+ case "end":
73
+ return _context.stop();
74
+ }
75
+ }, _callee);
76
+ }));
77
+ return function (_x) {
78
+ return _ref.apply(this, arguments);
79
+ };
80
+ }(), [dispatch]);
81
+ var onEdit = useCallback(function (id, record) {
82
+ var data = {
83
+ id: id,
84
+ text: record === null || record === void 0 ? void 0 : record.text
85
+ };
86
+ dispatch(editMarginNoteText(data));
87
+ }, [dispatch]);
88
+ var onStatusChange = useCallback(function (data, checked) {
89
+ var data_ = {
90
+ id: data === null || data === void 0 ? void 0 : data.id,
91
+ ismain: checked
92
+ };
93
+ dispatch(marginNoteTextVisibility(data_));
94
+ }, [dispatch]);
95
+ var closeOnViewModal = useCallback(function () {
96
+ dispatch(setViewModalVisible(false));
97
+ }, [dispatch]);
98
+ var onClickModal = function onClickModal() {
99
+ var _ref$current;
100
+ ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
101
+ };
102
+ var onEditClick = useCallback(function (data) {
103
+ var _ref$current2;
104
+ ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
105
+ }, []);
106
+ var onDelete = useCallback(function (id) {
107
+ setId(id);
108
+ }, []);
109
+ var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
110
+ setSelectedColumns(function (prevSelected) {
111
+ if (checked) {
112
+ return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
113
+ } else {
114
+ return prevSelected.filter(function (col) {
115
+ return col !== dataIndex;
116
+ });
117
+ }
118
+ });
119
+ };
120
+ var data = [];
121
+ if (marginNoteText !== null && marginNoteText !== void 0 && marginNoteText.items) {
122
+ var _marginNoteText$items;
123
+ data = marginNoteText === null || marginNoteText === void 0 || (_marginNoteText$items = marginNoteText.items) === null || _marginNoteText$items === void 0 ? void 0 : _marginNoteText$items.map(function (dataObj, i) {
124
+ return {
125
+ num: (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.size) * (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.page) + i + 1 - (marginNoteText === null || marginNoteText === void 0 ? void 0 : marginNoteText.size),
126
+ id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
127
+ text: dataObj === null || dataObj === void 0 ? void 0 : dataObj.text,
128
+ isMain: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isMain,
129
+ className: "rowClassName1"
130
+ };
131
+ });
132
+ }
133
+ var columns = useMemo(function () {
134
+ return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
135
+ }, [onEditClick, onDelete, onStatusChange, dispatch]);
136
+ var _useState11 = useState(columns.map(function (col) {
137
+ return col.dataIndex;
138
+ })),
139
+ _useState12 = _slicedToArray(_useState11, 2),
140
+ selectedColumns = _useState12[0],
141
+ setSelectedColumns = _useState12[1];
142
+ useEffect(function () {
143
+ if (window.innerWidth >= 1900) {
144
+ setInnerW(210);
145
+ } else {
146
+ setInnerW(155);
147
+ }
148
+ var data = {
149
+ page: page,
150
+ size: size,
151
+ query: query,
152
+ visibility: "nondeleted"
153
+ };
154
+ dispatch(getMarginNoteText(data));
155
+ }, [dispatch, page, marginNoteTextRender, size, query]);
156
+ var updateSize = function updateSize(newSize) {
157
+ setSize(newSize); // Update state
158
+ Cookies.set("pagination-size-questionnaire-margin-note-texts", JSON.stringify(newSize), {
159
+ expires: 7
160
+ }); // Save to cookies
161
+ };
162
+ return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
163
+ className: style.layout
164
+ }, /*#__PURE__*/React.createElement(Content, {
165
+ className: style.content
166
+ }, /*#__PURE__*/React.createElement("header", {
167
+ className: style.header
168
+ }, /*#__PURE__*/React.createElement(Button, {
169
+ onClick: onClickModal,
170
+ color: "green"
171
+ }, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
172
+ columns: columns,
173
+ selectedColumns: selectedColumns,
174
+ setQuery: setQuery,
175
+ disabledElementCount: 3,
176
+ setPage: setPage
177
+ }))), /*#__PURE__*/React.createElement(Layout, {
178
+ className: style.layout1
179
+ }, /*#__PURE__*/React.createElement(Content, {
180
+ className: style.content
181
+ }, /*#__PURE__*/React.createElement("div", {
182
+ className: style.table_header
183
+ }, /*#__PURE__*/React.createElement("h2", null, "D\u0259rk\u0259nar m\u0259tni"), /*#__PURE__*/React.createElement("div", {
184
+ className: style.buttons
185
+ }, /*#__PURE__*/React.createElement(ColSort, {
186
+ columns: columns,
187
+ selectedColumns: selectedColumns,
188
+ handleColumnToggle: handleColumnToggle
189
+ }))), /*#__PURE__*/React.createElement("div", {
190
+ className: "bigTable"
191
+ }, /*#__PURE__*/React.createElement(Table, {
192
+ selectedColumns: selectedColumns,
193
+ innerW: innerW,
194
+ dataSource: data,
195
+ columns: columns,
196
+ disableDrag: true
197
+ })), /*#__PURE__*/React.createElement("div", {
198
+ className: style.pagination
199
+ }, /*#__PURE__*/React.createElement(Pagination, {
200
+ size: size,
201
+ setSize: updateSize,
202
+ total: paginationLength,
203
+ page: page,
204
+ onChange: setPage
205
+ })), /*#__PURE__*/React.createElement(FormModal, {
206
+ ref: ref,
207
+ width: 454,
208
+ title: "Yeni soraqça yaratma",
209
+ titleEdit: "Soraqça redaktə etmə",
210
+ okText: "Yadda saxla",
211
+ cancelText: "Bağla",
212
+ onSubmit: onSubmit,
213
+ onEdit: onEdit,
214
+ className: "absolute",
215
+ centered: false
216
+ }, /*#__PURE__*/React.createElement(Item, {
217
+ rules: [{
218
+ required: true,
219
+ message: ""
220
+ }, {
221
+ min: 3,
222
+ message: "Ən azından 3 simvol olmalıdır"
223
+ }],
224
+ name: "text",
225
+ label: "Mətn"
226
+ }, /*#__PURE__*/React.createElement(Input, {
227
+ className: style.modal_input
228
+ }))), /*#__PURE__*/React.createElement(DeleteModal, {
229
+ onCancel: function onCancel() {
230
+ return dispatch(setDeleteModalVisible(false));
231
+ },
232
+ width: 280
233
+ }, /*#__PURE__*/React.createElement(Delete, {
234
+ onDelete: function onDelete() {
235
+ return dispatch(deleteMarginNoteText(id));
236
+ },
237
+ onCancel: function onCancel() {
238
+ return dispatch(setDeleteModalVisible(false));
239
+ },
240
+ value: "Soraqçanı"
241
+ })), /*#__PURE__*/React.createElement(ViewModal, {
242
+ onCancel: closeOnViewModal,
243
+ width: 695
244
+ }, /*#__PURE__*/React.createElement(Success, {
245
+ onClick: closeOnViewModal,
246
+ value: "Soraqça"
247
+ }))))));
248
+ };
249
+ export default QuestionnairesMarginNoteTextsContent;
@@ -0,0 +1,58 @@
1
+ import * as React from "react";
2
+ import { Switch, Tooltip } from "antd";
3
+ import style from "../Questionnaires.module.scss";
4
+ import { setDeleteModalVisible } from "../../../store/slices/global";
5
+ import { DeleteIconQ, EditIcon } from "../../../assets/icons";
6
+ export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
7
+ return [{
8
+ title: "№",
9
+ dataIndex: "num",
10
+ showCheckbox: false,
11
+ ellipsis: true,
12
+ width: 35
13
+ }, {
14
+ title: "Növ",
15
+ dataIndex: "name",
16
+ width: innerW,
17
+ disabled: true,
18
+ ellipsis: true
19
+ }, {
20
+ title: "Status",
21
+ key: "status",
22
+ disabled: true,
23
+ filter: false,
24
+ render: function render(data) {
25
+ return /*#__PURE__*/React.createElement(Tooltip, {
26
+ placement: "top",
27
+ title: "Statusu d\u0259yi\u015F"
28
+ }, /*#__PURE__*/React.createElement(Switch, {
29
+ size: "medium",
30
+ checked: data === null || data === void 0 ? void 0 : data.isActive,
31
+ onChange: function onChange(checked) {
32
+ return onStatusChange(data, checked, dispatch);
33
+ }
34
+ }));
35
+ }
36
+ }, {
37
+ title: "",
38
+ key: "actions",
39
+ showCheckbox: false,
40
+ width: 80,
41
+ render: function render(data) {
42
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
43
+ className: style.number
44
+ }, /*#__PURE__*/React.createElement("div", {
45
+ className: style.actions
46
+ }, /*#__PURE__*/React.createElement("div", {
47
+ onClick: function onClick() {
48
+ return onEditClick(data);
49
+ }
50
+ }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
51
+ onClick: function onClick() {
52
+ onDelete(data === null || data === void 0 ? void 0 : data.id);
53
+ dispatch(setDeleteModalVisible(true));
54
+ }
55
+ }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
56
+ }
57
+ }];
58
+ };
@@ -0,0 +1,290 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
6
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
+ import React from "react";
9
+ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
10
+ import Cookies from "js-cookie";
11
+ import style from "../Questionnaires.module.scss";
12
+ import { Form, Input, Layout, Select as AntdSelect } from "antd";
13
+ import { PlusIcon } from "../../../assets/icons";
14
+ import FormModal from "../../../components/FormModal";
15
+ import { useDispatch, useSelector } from "react-redux";
16
+ import Delete from "../../../components/Delete/Delete";
17
+ import DeleteModal from "../../../components/DeleteModal/DeleteModal";
18
+ import Success from "../../../components/Success/Success";
19
+ import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
20
+ import ViewModal from "../../../components/ViewModal";
21
+ import { getStreetColumns } from "./constant";
22
+ import Pagination from "../../../components/Pagination";
23
+ import ColSort from "../../../components/ColSort";
24
+ import { setPaginationLength } from "../../../helpers/paginationLength";
25
+ import Button from "../../../components/Button";
26
+ import Loading from "../../../components/Loading";
27
+ import Table from "../../../components/Table";
28
+ import Filter from "../../../components/Filter";
29
+ import { addModel, deleteModel, editModel, getBrandsAll, getModel, modelsVisibility } from "../../../store/slices/questionnaire";
30
+ import Select from "../../../components/Select";
31
+ var Content = Layout.Content;
32
+ var Item = Form.Item;
33
+ var Option = AntdSelect.Option;
34
+ var QuestionnairesModelsContent = function QuestionnairesModelsContent() {
35
+ var _useState = useState(null),
36
+ _useState2 = _slicedToArray(_useState, 2),
37
+ innerW = _useState2[0],
38
+ setInnerW = _useState2[1];
39
+ var ref = useRef();
40
+ var dispatch = useDispatch();
41
+ var _useState3 = useState(0),
42
+ _useState4 = _slicedToArray(_useState3, 2),
43
+ id = _useState4[0],
44
+ setId = _useState4[1];
45
+ var _useState5 = useState(1),
46
+ _useState6 = _slicedToArray(_useState5, 2),
47
+ page = _useState6[0],
48
+ setPage = _useState6[1];
49
+ var _useState7 = useState(Cookies.get("pagination-size-questionnaire-models") ? JSON.parse(Cookies.get("pagination-size-questionnaire-models")) : 20),
50
+ _useState8 = _slicedToArray(_useState7, 2),
51
+ size = _useState8[0],
52
+ setSize = _useState8[1];
53
+ var _useState9 = useState(null),
54
+ _useState10 = _slicedToArray(_useState9, 2),
55
+ brandSelect = _useState10[0],
56
+ setBrandSelect = _useState10[1];
57
+ var _useState11 = useState({
58
+ name: ""
59
+ }),
60
+ _useState12 = _slicedToArray(_useState11, 2),
61
+ query = _useState12[0],
62
+ setQuery = _useState12[1];
63
+ var _useSelector = useSelector(function (state) {
64
+ return state.global;
65
+ }),
66
+ loading = _useSelector.loading,
67
+ modelRender = _useSelector.modelRender;
68
+ var model = useSelector(function (state) {
69
+ return state.questionnaire.model;
70
+ });
71
+ var brandsAll = useSelector(function (state) {
72
+ return state.questionnaire.brandsAll;
73
+ });
74
+ var paginationLength = setPaginationLength(model === null || model === void 0 ? void 0 : model.count, model === null || model === void 0 ? void 0 : model.size);
75
+ var onSubmit = useCallback(/*#__PURE__*/function () {
76
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
77
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
78
+ while (1) switch (_context.prev = _context.next) {
79
+ case 0:
80
+ dispatch(addModel(_objectSpread(_objectSpread({}, data), {}, {
81
+ brandId: brandSelect
82
+ })));
83
+ case 1:
84
+ case "end":
85
+ return _context.stop();
86
+ }
87
+ }, _callee);
88
+ }));
89
+ return function (_x) {
90
+ return _ref.apply(this, arguments);
91
+ };
92
+ }(), [dispatch, brandSelect]);
93
+ var onEdit = useCallback(function (id, record) {
94
+ var data = {
95
+ id: id,
96
+ name: record === null || record === void 0 ? void 0 : record.name,
97
+ brandId: brandSelect
98
+ };
99
+ dispatch(editModel(data));
100
+ }, [dispatch, brandSelect]);
101
+ var onStatusChange = useCallback(function (data, checked) {
102
+ var data_ = {
103
+ id: data === null || data === void 0 ? void 0 : data.id,
104
+ checked: checked
105
+ };
106
+ dispatch(modelsVisibility(data_));
107
+ }, [dispatch]);
108
+ var closeOnViewModal = useCallback(function () {
109
+ dispatch(setViewModalVisible(false));
110
+ }, [dispatch]);
111
+ var onClickModal = function onClickModal() {
112
+ var _ref$current;
113
+ ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
114
+ };
115
+ var onEditClick = useCallback(function (data) {
116
+ var _ref$current2;
117
+ ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
118
+ }, []);
119
+ var onDelete = useCallback(function (id) {
120
+ setId(id);
121
+ }, []);
122
+ var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
123
+ setSelectedColumns(function (prevSelected) {
124
+ if (checked) {
125
+ return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
126
+ } else {
127
+ return prevSelected.filter(function (col) {
128
+ return col !== dataIndex;
129
+ });
130
+ }
131
+ });
132
+ };
133
+ var data = [];
134
+ if (model !== null && model !== void 0 && model.items) {
135
+ var _model$items;
136
+ data = model === null || model === void 0 || (_model$items = model.items) === null || _model$items === void 0 ? void 0 : _model$items.map(function (dataObj, i) {
137
+ return {
138
+ num: (model === null || model === void 0 ? void 0 : model.size) * (model === null || model === void 0 ? void 0 : model.page) + i + 1 - (model === null || model === void 0 ? void 0 : model.size),
139
+ id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
140
+ name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
141
+ isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
142
+ className: "rowClassName1"
143
+ };
144
+ });
145
+ }
146
+ var columns = useMemo(function () {
147
+ return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
148
+ }, [onEditClick, onDelete, onStatusChange, dispatch]);
149
+ var _useState13 = useState(columns.map(function (col) {
150
+ return col.dataIndex;
151
+ })),
152
+ _useState14 = _slicedToArray(_useState13, 2),
153
+ selectedColumns = _useState14[0],
154
+ setSelectedColumns = _useState14[1];
155
+ useEffect(function () {
156
+ if (brandsAll) {
157
+ var _brandsAll$;
158
+ setBrandSelect(brandsAll === null || brandsAll === void 0 || (_brandsAll$ = brandsAll[0]) === null || _brandsAll$ === void 0 ? void 0 : _brandsAll$.id);
159
+ }
160
+ }, [brandsAll]);
161
+ useEffect(function () {
162
+ dispatch(getBrandsAll({
163
+ visibility: "nondeleted"
164
+ }));
165
+ }, [dispatch]);
166
+ useEffect(function () {
167
+ if (window.innerWidth >= 1900) {
168
+ setInnerW(210);
169
+ } else {
170
+ setInnerW(155);
171
+ }
172
+ var data = {
173
+ page: page,
174
+ size: size,
175
+ brands: brandSelect,
176
+ query: query,
177
+ visibility: "nondeleted"
178
+ };
179
+ if (brandSelect !== null) {
180
+ dispatch(getModel(data));
181
+ }
182
+ }, [dispatch, page, modelRender, brandSelect, query, size]);
183
+ var updateSize = function updateSize(newSize) {
184
+ setSize(newSize); // Update state
185
+ Cookies.set("pagination-size-questionnaire-models", JSON.stringify(newSize), {
186
+ expires: 7
187
+ }); // Save to cookies
188
+ };
189
+ return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
190
+ className: style.layout
191
+ }, /*#__PURE__*/React.createElement(Content, {
192
+ className: style.content
193
+ }, /*#__PURE__*/React.createElement("header", {
194
+ className: style.header
195
+ }, /*#__PURE__*/React.createElement(Button, {
196
+ onClick: onClickModal,
197
+ color: "green"
198
+ }, /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
199
+ columns: columns,
200
+ selectedColumns: selectedColumns,
201
+ setQuery: setQuery,
202
+ disabledElementCount: 3,
203
+ setPage: setPage
204
+ }))), /*#__PURE__*/React.createElement(Layout, {
205
+ className: style.layout1
206
+ }, /*#__PURE__*/React.createElement(Content, {
207
+ className: style.content
208
+ }, /*#__PURE__*/React.createElement("div", {
209
+ className: style.table_header
210
+ }, /*#__PURE__*/React.createElement("h2", null, "Modell\u0259r"), /*#__PURE__*/React.createElement("div", {
211
+ className: style.buttons
212
+ }, /*#__PURE__*/React.createElement(Select, {
213
+ size: "sm",
214
+ width: 200,
215
+ allowClear: false,
216
+ value: brandSelect,
217
+ defaultValue: "",
218
+ onChange: function onChange(value) {
219
+ setBrandSelect(value);
220
+ }
221
+ }, brandsAll === null || brandsAll === void 0 ? void 0 : brandsAll.map(function (item) {
222
+ return /*#__PURE__*/React.createElement(Option, {
223
+ key: item.id,
224
+ value: item.id
225
+ }, item.name);
226
+ })), /*#__PURE__*/React.createElement(ColSort, {
227
+ columns: columns,
228
+ selectedColumns: selectedColumns,
229
+ handleColumnToggle: handleColumnToggle
230
+ }))), /*#__PURE__*/React.createElement("div", {
231
+ className: "bigTable"
232
+ }, /*#__PURE__*/React.createElement(Table, {
233
+ selectedColumns: selectedColumns,
234
+ innerW: innerW,
235
+ dataSource: data,
236
+ columns: columns,
237
+ disableDrag: true
238
+ })), /*#__PURE__*/React.createElement("div", {
239
+ className: style.pagination
240
+ }, /*#__PURE__*/React.createElement(Pagination, {
241
+ size: size,
242
+ setSize: updateSize,
243
+ total: paginationLength,
244
+ page: page,
245
+ onChange: setPage
246
+ })), /*#__PURE__*/React.createElement(FormModal, {
247
+ ref: ref,
248
+ width: 454,
249
+ title: "Yeni soraqça yaratma",
250
+ titleEdit: "Soraqça redaktə etmə",
251
+ okText: "Yadda saxla",
252
+ cancelText: "Bağla",
253
+ onSubmit: onSubmit,
254
+ onEdit: onEdit,
255
+ className: "absolute",
256
+ centered: false
257
+ }, /*#__PURE__*/React.createElement(Item, {
258
+ rules: [{
259
+ required: true,
260
+ message: ""
261
+ }, {
262
+ min: 3,
263
+ message: "Ən azından 3 simvol olmalıdır"
264
+ }],
265
+ name: "name",
266
+ label: "Ad"
267
+ }, /*#__PURE__*/React.createElement(Input, {
268
+ className: style.modal_input
269
+ }))), /*#__PURE__*/React.createElement(DeleteModal, {
270
+ onCancel: function onCancel() {
271
+ return dispatch(setDeleteModalVisible(false));
272
+ },
273
+ width: 280
274
+ }, /*#__PURE__*/React.createElement(Delete, {
275
+ onDelete: function onDelete() {
276
+ return dispatch(deleteModel(id));
277
+ },
278
+ onCancel: function onCancel() {
279
+ return dispatch(setDeleteModalVisible(false));
280
+ },
281
+ value: "Soraqçanı"
282
+ })), /*#__PURE__*/React.createElement(ViewModal, {
283
+ onCancel: closeOnViewModal,
284
+ width: 695
285
+ }, /*#__PURE__*/React.createElement(Success, {
286
+ onClick: closeOnViewModal,
287
+ value: "Soraqça"
288
+ }))))));
289
+ };
290
+ export default QuestionnairesModelsContent;
@@ -0,0 +1,88 @@
1
+ import React from "react";
2
+ import { Switch, Tooltip } from "antd";
3
+ import style from "../Questionnaires.module.scss";
4
+ import { setDeleteModalVisible } from "../../../store/slices/global";
5
+ import { DeleteIconQ, EditIcon } from "../../../assets/icons";
6
+ export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
7
+ return [{
8
+ title: "№",
9
+ dataIndex: "num",
10
+ showCheckbox: false,
11
+ ellipsis: true,
12
+ width: 35
13
+ }, {
14
+ title: "Təşkilatlar",
15
+ dataIndex: "name",
16
+ disabled: true,
17
+ ellipsis: true,
18
+ width: innerW
19
+ }, {
20
+ title: "VÖEN",
21
+ dataIndex: "voen",
22
+ disabled: false,
23
+ ellipsis: true,
24
+ width: innerW
25
+ }, {
26
+ title: "Ünvan",
27
+ dataIndex: "address",
28
+ disabled: false,
29
+ ellipsis: true,
30
+ width: innerW
31
+ }, {
32
+ title: "Qısa ad ",
33
+ dataIndex: "shortName",
34
+ disabled: false,
35
+ ellipsis: true,
36
+ width: innerW
37
+ }, {
38
+ title: "Email",
39
+ dataIndex: "email",
40
+ disabled: false,
41
+ ellipsis: true,
42
+ width: innerW
43
+ }, {
44
+ title: "Nömrə",
45
+ dataIndex: "phone",
46
+ disabled: false,
47
+ ellipsis: true,
48
+ width: innerW
49
+ }, {
50
+ title: "Status",
51
+ key: "status",
52
+ disabled: true,
53
+ filter: false,
54
+ render: function render(data) {
55
+ return /*#__PURE__*/React.createElement(Tooltip, {
56
+ placement: "top",
57
+ title: "Statusu d\u0259yi\u015F"
58
+ }, /*#__PURE__*/React.createElement(Switch, {
59
+ size: "medium",
60
+ checked: data === null || data === void 0 ? void 0 : data.isActive,
61
+ onChange: function onChange(checked) {
62
+ return onStatusChange(data, checked, dispatch);
63
+ }
64
+ }));
65
+ }
66
+ }, {
67
+ title: "",
68
+ key: "actions",
69
+ showCheckbox: false,
70
+ width: 80,
71
+ render: function render(data) {
72
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
73
+ className: style.number
74
+ }, /*#__PURE__*/React.createElement("div", {
75
+ className: style.actions
76
+ }, /*#__PURE__*/React.createElement("div", {
77
+ onClick: function onClick() {
78
+ return onEditClick(data);
79
+ }
80
+ }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
81
+ onClick: function onClick() {
82
+ onDelete(data === null || data === void 0 ? void 0 : data.id);
83
+ dispatch(setDeleteModalVisible(true));
84
+ }
85
+ }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
86
+ }
87
+ }];
88
+ };