@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.
- package/dist/assets/css/antd.css +723 -0
- package/dist/assets/icons/index.js +182 -0
- package/dist/components/Button/index.module.scss +17 -5
- package/dist/components/ColSort/index.module.scss +22 -0
- package/dist/components/Delete/Delete.js +22 -0
- package/dist/components/Delete/Delete.module.scss +22 -0
- package/dist/components/DeleteModal/DeleteModal.js +31 -0
- package/dist/components/DeleteModal/DeleteModal.module.scss +11 -0
- package/dist/components/Filter/index.js +1 -1
- package/dist/components/Input/index.js +34 -6
- package/dist/components/Input/index.module.scss +55 -23
- package/dist/components/ProfileOptions/index.module.scss +3 -3
- package/dist/components/Select/index.js +47 -60
- package/dist/components/Select/index.module.scss +32 -0
- package/dist/components/Success/Success.js +19 -0
- package/dist/components/Success/Success.module.scss +26 -0
- package/dist/components/Table/index.js +4 -2
- package/dist/components/ViewModal/index.js +30 -0
- package/dist/helpers/paginationLength.js +3 -0
- package/dist/helpers/querySearch.js +22 -0
- package/dist/index.js +2 -0
- package/dist/layout/Header/AppSelect/index.js +28 -9
- package/dist/layout/Header/AppSelect/index.module.scss +6 -1
- package/dist/layout/Portal/index.js +23 -0
- package/dist/layout/QuestionnairesLayout/index.js +17 -0
- package/dist/layout/QuestionnairesLayout/index.module.scss +0 -0
- package/dist/layout/QuestionnairesSidebar/index.js +162 -0
- package/dist/layout/QuestionnairesSidebar/index.module.scss +76 -0
- package/dist/pages/Questionnnaires/Questionnaires.module.scss +194 -0
- package/dist/pages/Questionnnaires/QuestionnairesApplicationFormContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesApplicationFormContent/index.js +255 -0
- package/dist/pages/Questionnnaires/QuestionnairesBrandsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesBrandsContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesChassisTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesChassisTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesColorsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesColorsContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesCountriesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesCountriesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesDeliveryMethodContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesDeliveryMethodContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentRecieveMethodsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentRecieveMethodsContent/index.js +258 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentTypeContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentTypeContent/index.js +284 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentWhomContent/constant.js +82 -0
- package/dist/pages/Questionnnaires/QuestionnairesDocumentWhomContent/index.js +331 -0
- package/dist/pages/Questionnnaires/QuestionnairesEngineTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesEngineTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesExecutionRulesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesExecutionRulesContent/index.js +258 -0
- package/dist/pages/Questionnnaires/QuestionnairesGearboxTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesGearboxTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesIssuedAuthoritiesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesIssuedAuthoritiesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesMarginNoteTextsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesMarginNoteTextsContent/index.js +249 -0
- package/dist/pages/Questionnnaires/QuestionnairesModelsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesModelsContent/index.js +290 -0
- package/dist/pages/Questionnnaires/QuestionnairesOrganizationsContent/constant.js +88 -0
- package/dist/pages/Questionnnaires/QuestionnairesOrganizationsContent/index.js +320 -0
- package/dist/pages/Questionnnaires/QuestionnairesOwnershipTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesOwnershipTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesStreetsContent/index.js +240 -0
- package/dist/pages/Questionnnaires/QuestionnairesStructuresContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesStructuresContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesSubtopicContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesSubtopicContent/index.js +317 -0
- package/dist/pages/Questionnnaires/QuestionnairesTopicContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesTopicContent/index.js +271 -0
- package/dist/pages/Questionnnaires/QuestionnairesTransmitterTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesTransmitterTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/QuestionnairesVehicleTypesContent/constant.js +58 -0
- package/dist/pages/Questionnnaires/QuestionnairesVehicleTypesContent/index.js +247 -0
- package/dist/pages/Questionnnaires/index.js +5 -0
- package/dist/routes/QuestionnaireRoutes.js +178 -0
- package/dist/store/slices/global/index.js +174 -3
- package/dist/store/slices/questionnaire/index.js +5139 -0
- package/dist/store/slices/questionnaire/service.js +3030 -0
- package/dist/store/store.js +2 -1
- package/dist/utils/path.js +49 -1
- package/package.json +2 -1
|
@@ -0,0 +1,247 @@
|
|
|
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 { addDeliveryMethod, deleteDeliveryMethod, deliveryMethodVisibility, editDeliveryMethod, getDeliveryMethod } from "../../../store/slices/questionnaire";
|
|
27
|
+
var Content = Layout.Content;
|
|
28
|
+
var Item = Form.Item;
|
|
29
|
+
var QuestionnairesDeliveryMethodContent = function QuestionnairesDeliveryMethodContent() {
|
|
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-quetionnaire-delivery-method") ? JSON.parse(Cookies.get("pagination-size-quetionnaire-delivery-method")) : 20),
|
|
45
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
46
|
+
size = _useState8[0],
|
|
47
|
+
setSize = _useState8[1];
|
|
48
|
+
var _useState9 = useState({
|
|
49
|
+
name: ""
|
|
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
|
+
deliveryMethodRender = _useSelector.deliveryMethodRender;
|
|
59
|
+
var deliveryMethod = useSelector(function (state) {
|
|
60
|
+
return state.questionnaire.deliveryMethod;
|
|
61
|
+
});
|
|
62
|
+
var paginationLength = setPaginationLength(deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.count, deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.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(addDeliveryMethod(data));
|
|
69
|
+
case 1:
|
|
70
|
+
case "end":
|
|
71
|
+
return _context.stop();
|
|
72
|
+
}
|
|
73
|
+
}, _callee);
|
|
74
|
+
}));
|
|
75
|
+
return function (_x) {
|
|
76
|
+
return _ref.apply(this, arguments);
|
|
77
|
+
};
|
|
78
|
+
}(), [dispatch]);
|
|
79
|
+
var onEdit = useCallback(function (id, record) {
|
|
80
|
+
var data = {
|
|
81
|
+
id: id,
|
|
82
|
+
name: record === null || record === void 0 ? void 0 : record.name
|
|
83
|
+
};
|
|
84
|
+
dispatch(editDeliveryMethod(data));
|
|
85
|
+
}, [dispatch]);
|
|
86
|
+
var onStatusChange = useCallback(function (data, checked) {
|
|
87
|
+
var data_ = {
|
|
88
|
+
id: data === null || data === void 0 ? void 0 : data.id,
|
|
89
|
+
checked: checked
|
|
90
|
+
};
|
|
91
|
+
dispatch(deliveryMethodVisibility(data_));
|
|
92
|
+
}, [dispatch]);
|
|
93
|
+
var closeOnViewModal = useCallback(function () {
|
|
94
|
+
dispatch(setViewModalVisible(false));
|
|
95
|
+
}, [dispatch]);
|
|
96
|
+
var onClickModal = function onClickModal() {
|
|
97
|
+
var _ref$current;
|
|
98
|
+
ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
|
|
99
|
+
};
|
|
100
|
+
var onEditClick = useCallback(function (data) {
|
|
101
|
+
var _ref$current2;
|
|
102
|
+
ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
|
|
103
|
+
}, []);
|
|
104
|
+
var onDelete = useCallback(function (id) {
|
|
105
|
+
setId(id);
|
|
106
|
+
}, []);
|
|
107
|
+
var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
|
|
108
|
+
setSelectedColumns(function (prevSelected) {
|
|
109
|
+
if (checked) {
|
|
110
|
+
return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
|
|
111
|
+
} else {
|
|
112
|
+
return prevSelected.filter(function (col) {
|
|
113
|
+
return col !== dataIndex;
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
var data = [];
|
|
119
|
+
if (deliveryMethod !== null && deliveryMethod !== void 0 && deliveryMethod.items) {
|
|
120
|
+
var _deliveryMethod$items;
|
|
121
|
+
data = deliveryMethod === null || deliveryMethod === void 0 || (_deliveryMethod$items = deliveryMethod.items) === null || _deliveryMethod$items === void 0 ? void 0 : _deliveryMethod$items.map(function (dataObj, i) {
|
|
122
|
+
return {
|
|
123
|
+
num: (deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.size) * (deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.page) + i + 1 - (deliveryMethod === null || deliveryMethod === void 0 ? void 0 : deliveryMethod.size),
|
|
124
|
+
id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
|
|
125
|
+
name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
|
|
126
|
+
isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
|
|
127
|
+
className: "rowClassName1"
|
|
128
|
+
};
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
var columns = useMemo(function () {
|
|
132
|
+
return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
|
|
133
|
+
}, [onEditClick, onDelete, onStatusChange, dispatch]);
|
|
134
|
+
var _useState11 = useState(columns.map(function (col) {
|
|
135
|
+
return col.dataIndex;
|
|
136
|
+
})),
|
|
137
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
138
|
+
selectedColumns = _useState12[0],
|
|
139
|
+
setSelectedColumns = _useState12[1];
|
|
140
|
+
useEffect(function () {
|
|
141
|
+
if (window.innerWidth >= 1900) {
|
|
142
|
+
setInnerW(210);
|
|
143
|
+
} else {
|
|
144
|
+
setInnerW(155);
|
|
145
|
+
}
|
|
146
|
+
var data = {
|
|
147
|
+
page: page,
|
|
148
|
+
size: size,
|
|
149
|
+
query: query,
|
|
150
|
+
visibility: "nondeleted"
|
|
151
|
+
};
|
|
152
|
+
dispatch(getDeliveryMethod(data));
|
|
153
|
+
}, [dispatch, page, deliveryMethodRender, query, size]);
|
|
154
|
+
var updateSize = function updateSize(newSize) {
|
|
155
|
+
setSize(newSize); // Update state
|
|
156
|
+
Cookies.set("pagination-size-quetionnaire-delivery-method", JSON.stringify(newSize), {
|
|
157
|
+
expires: 7
|
|
158
|
+
}); // Save to cookies
|
|
159
|
+
};
|
|
160
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
|
|
161
|
+
className: style.layout
|
|
162
|
+
}, /*#__PURE__*/React.createElement(Content, {
|
|
163
|
+
className: style.content
|
|
164
|
+
}, /*#__PURE__*/React.createElement("header", {
|
|
165
|
+
className: style.header
|
|
166
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
167
|
+
onClick: onClickModal,
|
|
168
|
+
color: "green"
|
|
169
|
+
}, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
|
|
170
|
+
columns: columns,
|
|
171
|
+
selectedColumns: selectedColumns,
|
|
172
|
+
setQuery: setQuery,
|
|
173
|
+
disabledElementCount: 3,
|
|
174
|
+
setPage: setPage
|
|
175
|
+
}))), /*#__PURE__*/React.createElement(Layout, {
|
|
176
|
+
className: style.layout1
|
|
177
|
+
}, /*#__PURE__*/React.createElement(Content, {
|
|
178
|
+
className: style.content
|
|
179
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
180
|
+
className: style.table_header
|
|
181
|
+
}, /*#__PURE__*/React.createElement("h2", null, "G\xF6nd\u0259rilm\u0259 formas\u0131"), /*#__PURE__*/React.createElement("div", {
|
|
182
|
+
className: style.buttons
|
|
183
|
+
}, /*#__PURE__*/React.createElement(ColSort, {
|
|
184
|
+
columns: columns,
|
|
185
|
+
selectedColumns: selectedColumns,
|
|
186
|
+
handleColumnToggle: handleColumnToggle
|
|
187
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
188
|
+
className: "bigTable"
|
|
189
|
+
}, /*#__PURE__*/React.createElement(Table, {
|
|
190
|
+
selectedColumns: selectedColumns,
|
|
191
|
+
innerW: innerW,
|
|
192
|
+
dataSource: data,
|
|
193
|
+
columns: columns,
|
|
194
|
+
disableDrag: true
|
|
195
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
196
|
+
className: style.pagination
|
|
197
|
+
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
198
|
+
size: size,
|
|
199
|
+
setSize: updateSize,
|
|
200
|
+
total: paginationLength,
|
|
201
|
+
page: page,
|
|
202
|
+
onChange: setPage
|
|
203
|
+
})), /*#__PURE__*/React.createElement(FormModal, {
|
|
204
|
+
ref: ref,
|
|
205
|
+
width: 454,
|
|
206
|
+
title: "Yeni soraqça yaratma",
|
|
207
|
+
titleEdit: "Soraqça redaktə etmə",
|
|
208
|
+
okText: "Yadda saxla",
|
|
209
|
+
cancelText: "Bağla",
|
|
210
|
+
onSubmit: onSubmit,
|
|
211
|
+
onEdit: onEdit,
|
|
212
|
+
className: "absolute",
|
|
213
|
+
centered: false
|
|
214
|
+
}, /*#__PURE__*/React.createElement(Item, {
|
|
215
|
+
rules: [{
|
|
216
|
+
required: true,
|
|
217
|
+
message: ""
|
|
218
|
+
}, {
|
|
219
|
+
min: 3,
|
|
220
|
+
message: "Ən azından 3 simvol olmalıdır"
|
|
221
|
+
}],
|
|
222
|
+
name: "name",
|
|
223
|
+
label: "Ad"
|
|
224
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
225
|
+
className: style.modal_input
|
|
226
|
+
}))), /*#__PURE__*/React.createElement(DeleteModal, {
|
|
227
|
+
onCancel: function onCancel() {
|
|
228
|
+
return dispatch(setDeleteModalVisible(false));
|
|
229
|
+
},
|
|
230
|
+
width: 280
|
|
231
|
+
}, /*#__PURE__*/React.createElement(Delete, {
|
|
232
|
+
onDelete: function onDelete() {
|
|
233
|
+
return dispatch(deleteDeliveryMethod(id));
|
|
234
|
+
},
|
|
235
|
+
onCancel: function onCancel() {
|
|
236
|
+
return dispatch(setDeleteModalVisible(false));
|
|
237
|
+
},
|
|
238
|
+
value: "Soraqçanı"
|
|
239
|
+
})), /*#__PURE__*/React.createElement(ViewModal, {
|
|
240
|
+
onCancel: closeOnViewModal,
|
|
241
|
+
width: 695
|
|
242
|
+
}, /*#__PURE__*/React.createElement(Success, {
|
|
243
|
+
onClick: closeOnViewModal,
|
|
244
|
+
value: "Soraqça"
|
|
245
|
+
}))))));
|
|
246
|
+
};
|
|
247
|
+
export default QuestionnairesDeliveryMethodContent;
|
|
@@ -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: "Daxil olma yolu",
|
|
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,258 @@
|
|
|
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 { addDocumentRecieveMethod, deleteDocumentRecieveMethod, documentRecieveMethodVisibility, editDocumentRecieveMethod, getDocumentRecieveMethods } from "../../../store/slices/questionnaire";
|
|
21
|
+
import ColSort from "../../../components/ColSort";
|
|
22
|
+
import { setPaginationLength } from "../../../helpers/paginationLength";
|
|
23
|
+
import Button from "../../../components/Button";
|
|
24
|
+
import Loading from "../../../components/Loading";
|
|
25
|
+
import Table from "../../../components/Table";
|
|
26
|
+
import Filter from "../../../components/Filter";
|
|
27
|
+
var Content = Layout.Content;
|
|
28
|
+
var Item = Form.Item;
|
|
29
|
+
var QuestionnairesDocumentRecieveMethodsContent = function QuestionnairesDocumentRecieveMethodsContent() {
|
|
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-recieve-method") ? JSON.parse(Cookies.get("pagination-size-questionnaire-recieve-method")) : 20),
|
|
45
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
46
|
+
size = _useState8[0],
|
|
47
|
+
setSize = _useState8[1];
|
|
48
|
+
var _useState9 = useState({
|
|
49
|
+
name: ""
|
|
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
|
+
documentRecieveMethodsRender = _useSelector.documentRecieveMethodsRender;
|
|
59
|
+
var documentRecieveMethods = useSelector(function (state) {
|
|
60
|
+
return state.questionnaire.documentRecieveMethods;
|
|
61
|
+
});
|
|
62
|
+
var paginationLength = setPaginationLength(documentRecieveMethods === null || documentRecieveMethods === void 0 ? void 0 : documentRecieveMethods.count, documentRecieveMethods === null || documentRecieveMethods === void 0 ? void 0 : documentRecieveMethods.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(addDocumentRecieveMethod(data));
|
|
69
|
+
case 1:
|
|
70
|
+
case "end":
|
|
71
|
+
return _context.stop();
|
|
72
|
+
}
|
|
73
|
+
}, _callee);
|
|
74
|
+
}));
|
|
75
|
+
return function (_x) {
|
|
76
|
+
return _ref.apply(this, arguments);
|
|
77
|
+
};
|
|
78
|
+
}(), [dispatch]);
|
|
79
|
+
var onEdit = useCallback(function (id, record) {
|
|
80
|
+
var data = {
|
|
81
|
+
id: id,
|
|
82
|
+
name: record === null || record === void 0 ? void 0 : record.name
|
|
83
|
+
};
|
|
84
|
+
dispatch(editDocumentRecieveMethod(data));
|
|
85
|
+
}, [dispatch]);
|
|
86
|
+
var onStatusChange = useCallback(function (data, checked) {
|
|
87
|
+
var data_ = {
|
|
88
|
+
id: data === null || data === void 0 ? void 0 : data.id,
|
|
89
|
+
checked: checked
|
|
90
|
+
};
|
|
91
|
+
dispatch(documentRecieveMethodVisibility(data_));
|
|
92
|
+
}, [dispatch]);
|
|
93
|
+
var closeOnViewModal = useCallback(function () {
|
|
94
|
+
dispatch(setViewModalVisible(false));
|
|
95
|
+
}, [dispatch]);
|
|
96
|
+
var onClickModal = function onClickModal() {
|
|
97
|
+
var _ref$current;
|
|
98
|
+
ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
|
|
99
|
+
};
|
|
100
|
+
var onEditClick = useCallback(function (data) {
|
|
101
|
+
var _ref$current2;
|
|
102
|
+
ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
|
|
103
|
+
}, []);
|
|
104
|
+
var onDelete = useCallback(function (id) {
|
|
105
|
+
setId(id);
|
|
106
|
+
}, []);
|
|
107
|
+
var handleSearch = function handleSearch(value) {
|
|
108
|
+
setQuery({
|
|
109
|
+
name: value
|
|
110
|
+
});
|
|
111
|
+
setPage(1);
|
|
112
|
+
};
|
|
113
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
114
|
+
if (e.key === "Enter") {
|
|
115
|
+
handleSearch(e.target.value);
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
|
|
119
|
+
setSelectedColumns(function (prevSelected) {
|
|
120
|
+
if (checked) {
|
|
121
|
+
return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
|
|
122
|
+
} else {
|
|
123
|
+
return prevSelected.filter(function (col) {
|
|
124
|
+
return col !== dataIndex;
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
};
|
|
129
|
+
var data = [];
|
|
130
|
+
if (documentRecieveMethods !== null && documentRecieveMethods !== void 0 && documentRecieveMethods.items) {
|
|
131
|
+
var _documentRecieveMetho;
|
|
132
|
+
data = documentRecieveMethods === null || documentRecieveMethods === void 0 || (_documentRecieveMetho = documentRecieveMethods.items) === null || _documentRecieveMetho === void 0 ? void 0 : _documentRecieveMetho.map(function (dataObj, i) {
|
|
133
|
+
return {
|
|
134
|
+
num: (documentRecieveMethods === null || documentRecieveMethods === void 0 ? void 0 : documentRecieveMethods.size) * (documentRecieveMethods === null || documentRecieveMethods === void 0 ? void 0 : documentRecieveMethods.page) + i + 1 - (documentRecieveMethods === null || documentRecieveMethods === void 0 ? void 0 : documentRecieveMethods.size),
|
|
135
|
+
id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
|
|
136
|
+
name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
|
|
137
|
+
isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
|
|
138
|
+
className: "rowClassName1"
|
|
139
|
+
};
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
var columns = useMemo(function () {
|
|
143
|
+
return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
|
|
144
|
+
}, [onEditClick, onDelete, onStatusChange, dispatch]);
|
|
145
|
+
var _useState11 = useState(columns.map(function (col) {
|
|
146
|
+
return col.dataIndex;
|
|
147
|
+
})),
|
|
148
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
149
|
+
selectedColumns = _useState12[0],
|
|
150
|
+
setSelectedColumns = _useState12[1];
|
|
151
|
+
useEffect(function () {
|
|
152
|
+
if (window.innerWidth >= 1900) {
|
|
153
|
+
setInnerW(210);
|
|
154
|
+
} else {
|
|
155
|
+
setInnerW(155);
|
|
156
|
+
}
|
|
157
|
+
var data = {
|
|
158
|
+
page: page,
|
|
159
|
+
size: size,
|
|
160
|
+
query: query,
|
|
161
|
+
visibility: "nondeleted"
|
|
162
|
+
};
|
|
163
|
+
dispatch(getDocumentRecieveMethods(data));
|
|
164
|
+
}, [dispatch, page, documentRecieveMethodsRender, query, size]);
|
|
165
|
+
var updateSize = function updateSize(newSize) {
|
|
166
|
+
setSize(newSize); // Update state
|
|
167
|
+
Cookies.set("pagination-size-questionnaire-recieve-method", JSON.stringify(newSize), {
|
|
168
|
+
expires: 7
|
|
169
|
+
}); // Save to cookies
|
|
170
|
+
};
|
|
171
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
|
|
172
|
+
className: style.layout
|
|
173
|
+
}, /*#__PURE__*/React.createElement(Content, {
|
|
174
|
+
className: style.content
|
|
175
|
+
}, /*#__PURE__*/React.createElement("header", {
|
|
176
|
+
className: style.header
|
|
177
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
178
|
+
onClick: onClickModal,
|
|
179
|
+
color: "green"
|
|
180
|
+
}, /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
|
|
181
|
+
columns: columns,
|
|
182
|
+
selectedColumns: selectedColumns,
|
|
183
|
+
setQuery: setQuery,
|
|
184
|
+
disabledElementCount: 3,
|
|
185
|
+
setPage: setPage
|
|
186
|
+
}))), /*#__PURE__*/React.createElement(Layout, {
|
|
187
|
+
className: style.layout1
|
|
188
|
+
}, /*#__PURE__*/React.createElement(Content, {
|
|
189
|
+
className: style.content
|
|
190
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
191
|
+
className: style.table_header
|
|
192
|
+
}, /*#__PURE__*/React.createElement("h2", null, "Daxil olma yollar\u0131"), /*#__PURE__*/React.createElement("div", {
|
|
193
|
+
className: style.buttons
|
|
194
|
+
}, /*#__PURE__*/React.createElement(ColSort, {
|
|
195
|
+
columns: columns,
|
|
196
|
+
selectedColumns: selectedColumns,
|
|
197
|
+
handleColumnToggle: handleColumnToggle
|
|
198
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
199
|
+
className: "bigTable"
|
|
200
|
+
}, /*#__PURE__*/React.createElement(Table, {
|
|
201
|
+
selectedColumns: selectedColumns,
|
|
202
|
+
innerW: innerW,
|
|
203
|
+
dataSource: data,
|
|
204
|
+
columns: columns,
|
|
205
|
+
disableDrag: true
|
|
206
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
207
|
+
className: style.pagination
|
|
208
|
+
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
209
|
+
size: size,
|
|
210
|
+
setSize: updateSize,
|
|
211
|
+
total: paginationLength,
|
|
212
|
+
page: page,
|
|
213
|
+
onChange: setPage
|
|
214
|
+
})), /*#__PURE__*/React.createElement(FormModal, {
|
|
215
|
+
ref: ref,
|
|
216
|
+
width: 454,
|
|
217
|
+
title: "Yeni soraqça yaratma",
|
|
218
|
+
titleEdit: "Soraqça redaktə etmə",
|
|
219
|
+
okText: "Yadda saxla",
|
|
220
|
+
cancelText: "Bağla",
|
|
221
|
+
onSubmit: onSubmit,
|
|
222
|
+
onEdit: onEdit,
|
|
223
|
+
className: "absolute",
|
|
224
|
+
centered: false
|
|
225
|
+
}, /*#__PURE__*/React.createElement(Item, {
|
|
226
|
+
rules: [{
|
|
227
|
+
required: true,
|
|
228
|
+
message: ""
|
|
229
|
+
}, {
|
|
230
|
+
min: 3,
|
|
231
|
+
message: "Ən azından 3 simvol olmalıdır"
|
|
232
|
+
}],
|
|
233
|
+
name: "name",
|
|
234
|
+
label: "Ad"
|
|
235
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
236
|
+
className: style.modal_input
|
|
237
|
+
}))), /*#__PURE__*/React.createElement(DeleteModal, {
|
|
238
|
+
onCancel: function onCancel() {
|
|
239
|
+
return dispatch(setDeleteModalVisible(false));
|
|
240
|
+
},
|
|
241
|
+
width: 280
|
|
242
|
+
}, /*#__PURE__*/React.createElement(Delete, {
|
|
243
|
+
onDelete: function onDelete() {
|
|
244
|
+
return dispatch(deleteDocumentRecieveMethod(id));
|
|
245
|
+
},
|
|
246
|
+
onCancel: function onCancel() {
|
|
247
|
+
return dispatch(setDeleteModalVisible(false));
|
|
248
|
+
},
|
|
249
|
+
value: "Soraqçanı"
|
|
250
|
+
})), /*#__PURE__*/React.createElement(ViewModal, {
|
|
251
|
+
onCancel: closeOnViewModal,
|
|
252
|
+
width: 695
|
|
253
|
+
}, /*#__PURE__*/React.createElement(Success, {
|
|
254
|
+
onClick: closeOnViewModal,
|
|
255
|
+
value: "Soraqça"
|
|
256
|
+
}))))));
|
|
257
|
+
};
|
|
258
|
+
export default QuestionnairesDocumentRecieveMethodsContent;
|
|
@@ -0,0 +1,58 @@
|
|
|
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: "Sənəd 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
|
+
};
|