@banch0u/core-project-test-repository 1.9.0 → 1.9.2

package/dist/pages/Questionnnaires/QuestionnairesPositionsContent/index.js

@@ -0,0 +1,428 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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; }
+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; }
+import React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Cookies from "js-cookie";
+import style from "../Questionnaires.module.scss";
+import { Checkbox, Form, Input, Layout, Select } from "antd";
+import { PlusIcon } from "../../../assets/icons";
+import FormModal from "../../../components/FormModal";
+import { useDispatch, useSelector } from "react-redux";
+import Delete from "../../../components/Delete/Delete";
+import DeleteModal from "../../../components/DeleteModal/DeleteModal";
+import Success from "../../../components/Success/Success";
+import { setDeleteModalVisible, setViewModalVisible } from "../../../store/slices/global";
+import ViewModal from "../../../components/ViewModal";
+import { getStreetColumns } from "./constant";
+import Pagination from "../../../components/Pagination";
+import ColSort from "../../../components/ColSort";
+import { setPaginationLength } from "../../../helpers/paginationLength";
+import Button from "../../../components/Button";
+import Loading from "../../../components/Loading";
+import Table from "../../../components/Table";
+import Filter from "../../../components/Filter";
+import { addPositions, deletePositions, positionsVisibility, editPositions, getPositions, getPositionsAll, getCategoriesAll } from "../../../store/slices/questionnaire";
+import api from "../../../utils/axios";
+import dayjs from "dayjs";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesDocumentTypeContent = function QuestionnairesDocumentTypeContent() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerW = _useState2[0],
+    setInnerW = _useState2[1];
+  var ref = useRef();
+  var dispatch = useDispatch();
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    id = _useState4[0],
+    setId = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useState7 = useState(Cookies.get("pagination-size-questionnaire-document-type") ? JSON.parse(Cookies.get("pagination-size-questionnaire-document-type")) : 20),
+    _useState8 = _slicedToArray(_useState7, 2),
+    size = _useState8[0],
+    setSize = _useState8[1];
+  var _useState9 = useState({
+      name: ""
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    query = _useState10[0],
+    setQuery = _useState10[1];
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    loading = _useSelector.loading,
+    positionsRender = _useSelector.positionsRender;
+  var positions = useSelector(function (state) {
+    return state.questionnaire.positions;
+  });
+  var positionsAll = useSelector(function (state) {
+    return state.questionnaire.positionsAll;
+  });
+  var categoriesAll = useSelector(function (state) {
+    return state.questionnaire.categoriesAll;
+  });
+  var positionOption = useMemo(function () {
+    return (positionsAll === null || positionsAll === void 0 ? void 0 : positionsAll.map(function (item) {
+      return {
+        value: item.id,
+        label: item === null || item === void 0 ? void 0 : item.name
+      };
+    })) || [];
+  }, [positionsAll]);
+  var categoryOption = useMemo(function () {
+    return categoriesAll === null || categoriesAll === void 0 ? void 0 : categoriesAll.map(function (item) {
+      return {
+        label: item === null || item === void 0 ? void 0 : item.name,
+        value: item === null || item === void 0 ? void 0 : item.id
+      };
+    });
+  }, [categoriesAll]);
+  var paginationLength = setPaginationLength(positions === null || positions === void 0 ? void 0 : positions.count, positions === null || positions === void 0 ? void 0 : positions.size);
+  var onSubmit = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            dispatch(addPositions(_objectSpread({}, data)));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var formatDateforYear = function formatDateforYear(date) {
+    return dayjs(date).format("YYYY-MM-DD");
+  };
+  var onEdit = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id, record) {
+      var _response$data, _response$data2, _response$data3, _response$data4;
+      var response, updatedPayload;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return api.get("/positions/".concat(id));
+          case 2:
+            response = _context2.sent;
+            updatedPayload = _objectSpread(_objectSpread(_objectSpread({
+              id: id,
+              categoryId: record === null || record === void 0 ? void 0 : record.categoryId,
+              name: record === null || record === void 0 ? void 0 : record.name,
+              hasDegree: record === null || record === void 0 ? void 0 : record.hasDegree
+            }, (record === null || record === void 0 ? void 0 : record.from) && {
+              from: Number(record.from)
+            }), (record === null || record === void 0 ? void 0 : record.to) && {
+              to: Number(record.to)
+            }), {}, {
+              createdBy: response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.data) === null || _response$data === void 0 || (_response$data = _response$data.createdBy) === null || _response$data === void 0 ? void 0 : _response$data.text,
+              lastModifiedBy: response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.data) === null || _response$data2 === void 0 || (_response$data2 = _response$data2.lastModifiedBy) === null || _response$data2 === void 0 ? void 0 : _response$data2.text,
+              createdAt: formatDateforYear(response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 || (_response$data3 = _response$data3.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.createdAt),
+              lastModifiedAt: formatDateforYear((_response$data4 = response.data) === null || _response$data4 === void 0 || (_response$data4 = _response$data4.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.lastModifiedAt)
+            });
+            dispatch(editPositions(updatedPayload));
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function (_x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      checked: checked
+    };
+    dispatch(positionsVisibility(data_));
+  }, [dispatch]);
+  var closeOnViewModal = useCallback(function () {
+    dispatch(setViewModalVisible(false));
+  }, [dispatch]);
+  var onClickModal = function onClickModal() {
+    var _ref$current;
+    ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  var onEditClick = useCallback(function (data) {
+    var _ref$current2;
+    ref === null || ref === void 0 || (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.setEdit(data);
+  }, []);
+  var onDelete = useCallback(function (id) {
+    setId(id);
+  }, []);
+  var handleSearch = function handleSearch(value) {
+    setQuery({
+      name: value
+    });
+    setPage(1);
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      handleSearch(e.target.value);
+    }
+  };
+  var handleColumnToggle = function handleColumnToggle(checked, dataIndex) {
+    setSelectedColumns(function (prevSelected) {
+      if (checked) {
+        return [].concat(_toConsumableArray(prevSelected), [dataIndex]);
+      } else {
+        return prevSelected.filter(function (col) {
+          return col !== dataIndex;
+        });
+      }
+    });
+  };
+  var getById = function getById(array, id) {
+    return array === null || array === void 0 ? void 0 : array.find(function (item) {
+      return item.value === id;
+    });
+  };
+  console.log(categoryOption);
+  var data = [];
+  if (positions !== null && positions !== void 0 && positions.items) {
+    var _positions$items;
+    data = positions === null || positions === void 0 || (_positions$items = positions.items) === null || _positions$items === void 0 ? void 0 : _positions$items.map(function (dataObj, i) {
+      var _getById;
+      return {
+        num: (positions === null || positions === void 0 ? void 0 : positions.size) * (positions === null || positions === void 0 ? void 0 : positions.page) + i + 1 - (positions === null || positions === void 0 ? void 0 : positions.size),
+        id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
+        name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
+        categoryId: (_getById = getById(categoryOption, dataObj === null || dataObj === void 0 ? void 0 : dataObj.categoryId)) === null || _getById === void 0 ? void 0 : _getById.label,
+        categoryIdValue: dataObj === null || dataObj === void 0 ? void 0 : dataObj.categoryId,
+        hasDegree: dataObj === null || dataObj === void 0 ? void 0 : dataObj.hasDegree,
+        from: dataObj === null || dataObj === void 0 ? void 0 : dataObj.from,
+        to: dataObj === null || dataObj === void 0 ? void 0 : dataObj.to,
+        isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
+        className: "rowClassName1"
+      };
+    });
+  }
+  var columns = useMemo(function () {
+    return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, positionOption, categoryOption);
+  }, [onEditClick, onDelete, onStatusChange, dispatch, positionOption, categoryOption]);
+  var _useState11 = useState(columns.map(function (col) {
+      return col.dataIndex;
+    })),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedColumns = _useState12[0],
+    setSelectedColumns = _useState12[1];
+  useEffect(function () {
+    dispatch(getCategoriesAll({
+      visibility: "onlyactive"
+    }));
+    dispatch(getPositionsAll({
+      visibility: "onlyactive"
+    }));
+  }, [dispatch]);
+  useEffect(function () {
+    if (window.innerWidth >= 1900) {
+      setInnerW(210);
+    } else {
+      setInnerW(155);
+    }
+    var data = {
+      page: page,
+      size: size,
+      query: query,
+      visibility: "nondeleted"
+    };
+    dispatch(getPositions(data));
+  }, [dispatch, page, positionsRender, size, query]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-document-type", JSON.stringify(newSize), {
+      expires: 7
+    }); // Save to cookies
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(Loading, null) : null, /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("header", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: onClickModal,
+    color: "green"
+  }, " ", /*#__PURE__*/React.createElement(PlusIcon, null), " Soraq\xE7a \u0259lav\u0259 et"), /*#__PURE__*/React.createElement(Filter, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    setQuery: setQuery,
+    disabledElementCount: 3,
+    setPage: setPage
+  }))), /*#__PURE__*/React.createElement(Layout, {
+    className: style.layout1
+  }, /*#__PURE__*/React.createElement(Content, {
+    className: style.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.table_header
+  }, /*#__PURE__*/React.createElement("h2", null, "V\u0259zif\u0259l\u0259r"), /*#__PURE__*/React.createElement("div", {
+    className: style.buttons
+  }, /*#__PURE__*/React.createElement(ColSort, {
+    columns: columns,
+    selectedColumns: selectedColumns,
+    handleColumnToggle: handleColumnToggle
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "bigTable"
+  }, /*#__PURE__*/React.createElement(Table, {
+    selectedColumns: selectedColumns,
+    innerW: innerW,
+    dataSource: data,
+    columns: columns,
+    disableDrag: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.pagination
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    size: size,
+    setSize: updateSize,
+    total: paginationLength,
+    page: page,
+    onChange: setPage
+  })), /*#__PURE__*/React.createElement(FormModal, {
+    ref: ref,
+    width: 454,
+    title: "Yeni soraqça yaratma",
+    titleEdit: "Soraqça redaktə etmə",
+    okText: "Yadda saxla",
+    cancelText: "Bağla",
+    onSubmit: onSubmit,
+    onEdit: onEdit,
+    className: "absolute",
+    centered: false
+  }, /*#__PURE__*/React.createElement(Item, {
+    className: style.label,
+    rules: [{
+      required: true,
+      message: ""
+    }],
+    name: "name",
+    label: "V\u0259zif\u0259"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input,
+    type: "text"
+  })), /*#__PURE__*/React.createElement(Item, {
+    name: "categoryId",
+    label: "Kateqoriya",
+    className: style.modal_input
+  }, /*#__PURE__*/React.createElement(Select, {
+    className: style.modal_input,
+    options: categoryOption
+  })), /*#__PURE__*/React.createElement(Item, {
+    className: style.label,
+    name: "hasDegree",
+    valuePropName: "checked"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    style: {
+      marginTop: "25px"
+    }
+  }, "D\u0259r\u0259c\u0259si var")), /*#__PURE__*/React.createElement(Form.Item, {
+    shouldUpdate: function shouldUpdate(prev, curr) {
+      return prev.hasDegree !== curr.hasDegree;
+    }
+  }, function (_ref3) {
+    var getFieldValue = _ref3.getFieldValue;
+    return getFieldValue("hasDegree") ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        gap: "20px"
+      }
+    }, /*#__PURE__*/React.createElement(Item, {
+      className: style.label,
+      name: "from",
+      label: "From",
+      rules: [{
+        required: true,
+        message: ""
+      }, {
+        validator: function validator(_, value) {
+          if (value === undefined || value === null || value === "") {
+            return Promise.reject("");
+          }
+          if (Number(value) <= 0) {
+            return Promise.reject("");
+          }
+          return Promise.resolve();
+        }
+      }, function (_ref4) {
+        var getFieldValue = _ref4.getFieldValue;
+        return {
+          validator: function validator(_, value) {
+            var toValue = getFieldValue("to");
+            if (value !== undefined && toValue !== undefined && Number(value) >= Number(toValue)) {
+              return Promise.reject("");
+            }
+            return Promise.resolve();
+          }
+        };
+      }]
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      className: style.modal_input
+    })), /*#__PURE__*/React.createElement(Item, {
+      className: style.label,
+      name: "to",
+      label: "To",
+      rules: [{
+        required: true,
+        message: ""
+      }, {
+        validator: function validator(_, value) {
+          if (value === undefined || value === null || value === "") {
+            return Promise.reject("");
+          }
+          if (Number(value) <= 0) {
+            return Promise.reject("");
+          }
+          return Promise.resolve();
+        }
+      }, function (_ref5) {
+        var getFieldValue = _ref5.getFieldValue;
+        return {
+          validator: function validator(_, value) {
+            var fromValue = getFieldValue("from");
+            if (value !== undefined && fromValue !== undefined && Number(value) <= Number(fromValue)) {
+              return Promise.reject("");
+            }
+            return Promise.resolve();
+          }
+        };
+      }]
+    }, /*#__PURE__*/React.createElement(Input, {
+      type: "number",
+      className: style.modal_input
+    }))) : null;
+  })), /*#__PURE__*/React.createElement(DeleteModal, {
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    width: 280
+  }, /*#__PURE__*/React.createElement(Delete, {
+    onDelete: function onDelete() {
+      return dispatch(deletePositions(id));
+    },
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    value: "Soraqçanı"
+  })), /*#__PURE__*/React.createElement(ViewModal, {
+    onCancel: closeOnViewModal,
+    width: 695
+  }, /*#__PURE__*/React.createElement(Success, {
+    onClick: closeOnViewModal,
+    value: "Soraqça"
+  }))))));
+};
+export default QuestionnairesDocumentTypeContent;

package/dist/pages/Questionnnaires/QuestionnairesRegionsContent/constant.js

@@ -0,0 +1,68 @@
+import React from "react";
+import { Switch, Tooltip } from "antd";
+import style from "../Questionnaires.module.scss";
+import { setDeleteModalVisible } from "../../../store/slices/global";
+import { DeleteIconQ, EditIcon } from "../../../assets/icons";
+export var getStreetColumns = function getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch, innerW) {
+  return [{
+    title: "№",
+    dataIndex: "num",
+    showCheckbox: false,
+    ellipsis: true,
+    width: 35
+  }, {
+    title: "Ad",
+    dataIndex: "name",
+    width: innerW,
+    disabled: true,
+    ellipsis: true
+  }, {
+    key: "zip",
+    title: "Poçt indeksi",
+    dataIndex: "zip",
+    ellipsis: true
+  }, {
+    key: "city_code",
+    title: "Şəhər kodu",
+    dataIndex: "parentDetailedName",
+    ellipsis: true
+  }, {
+    title: "Status",
+    key: "status",
+    disabled: true,
+    filter: false,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "top",
+        title: "Statusu d\u0259yi\u015F"
+      }, /*#__PURE__*/React.createElement(Switch, {
+        size: "medium",
+        checked: data === null || data === void 0 ? void 0 : data.isActive,
+        onChange: function onChange(checked) {
+          return onStatusChange(data, checked, dispatch);
+        }
+      }));
+    }
+  }, {
+    title: "",
+    key: "actions",
+    showCheckbox: false,
+    width: 80,
+    render: function render(data) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: style.number
+      }, /*#__PURE__*/React.createElement("div", {
+        className: style.actions
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          return onEditClick(data);
+        }
+      }, /*#__PURE__*/React.createElement(EditIcon, null)), /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          onDelete(data === null || data === void 0 ? void 0 : data.id);
+          dispatch(setDeleteModalVisible(true));
+        }
+      }, /*#__PURE__*/React.createElement(DeleteIconQ, null)))));
+    }
+  }];
+};