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

package/dist/layout/QuestionnairesSidebar/index.module.scss

@@ -0,0 +1,76 @@
+.sidebar {
+  background: #fff !important;
+  border-radius: 12px;
+  border: none;
+  position: relative;
+  margin: 20px;
+  margin-right: 0;
+  .logo {
+    margin-top: 20px;
+    margin-bottom: 18px;
+    text-align: center;
+    h2 {
+      font-family: Inter;
+      font-size: 24px;
+      font-weight: 600;
+      line-height: 20px;
+      text-align: center;
+      color: var(--darkBlueColor);
+    }
+  }
+  .search {
+    padding: 0 14px;
+    margin-bottom: 6px;
+    .search_input {
+      width: 100%;
+      margin: 0 auto;
+      display: flex;
+      justify-content: center;
+      height: 36px;
+      font-size: 16px !important;
+      font-weight: 500 !important;
+      line-height: 24px !important;
+      text-align: left !important;
+      border-radius: 6px;
+      padding: 6px 10px !important;
+      .search_icon {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        svg {
+          path {
+            transition: 250ms;
+          }
+        }
+        svg:hover {
+          path {
+            stroke: var(--darkBlueColor);
+            transition: 250ms;
+          }
+        }
+      }
+    }
+  }
+  .menu {
+    background: #fff;
+    border: none;
+    border-right: 0;
+    border-radius: 12px 12px 0 0;
+    margin-top: 0px;
+    li {
+      margin-inline: 14px;
+      width: 90%;
+      border-radius: 4px;
+      color: #828282;
+      // background: #f2f2f2;
+      font-family: Inter;
+      font-size: 18px;
+      font-weight: 500;
+      text-align: left;
+      height: 42px;
+      span {
+        margin-left: 8px;
+      }
+    }
+  }
+}

package/dist/pages/Questionnnaires/Questionnaires.module.scss

@@ -0,0 +1,194 @@
+.layout {
+  margin: 20px;
+  border-radius: 12px;
+  height: auto;
+  background: unset;
+  .content {
+    margin-bottom: 30px;
+    background: #fff;
+    border-radius: 12px;
+    max-height: calc(100vh - 85px) !important;
+    overflow: hidden;
+    .table_header {
+      padding: 14px;
+      padding-bottom: 18px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      h2 {
+        font-size: 26px;
+        font-weight: 500;
+        line-height: 39px;
+        text-align: left;
+      }
+      .buttons {
+        display: flex;
+        gap: 10px;
+        .search {
+          width: 168px;
+          margin: 0 auto;
+          display: flex;
+          justify-content: center;
+          height: 36px;
+          font-size: 16px !important;
+          font-weight: 500 !important;
+          line-height: 24px !important;
+          text-align: left !important;
+          border-radius: 6px;
+          padding: 6px 10px !important;
+          .search_icon {
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+            svg {
+              path {
+                transition: 250ms;
+              }
+            }
+            svg:hover {
+              path {
+                stroke: var(--darkBlueColor);
+                transition: 250ms;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .layout1 {
+    // margin-left: 24px;
+    // margin-right: 20px;
+    // margin-top: 20px;
+    border-radius: 12px;
+    height: auto;
+    background: unset;
+    .content {
+      margin-bottom: 0px;
+      background: #fff !important;
+      border-radius: 12px;
+      max-height: calc(100vh - 85px) !important;
+      overflow: hidden;
+      display: block;
+      border: 1px solid var(--blue);
+      padding: 0 !important;
+      padding-bottom: 10px !important;
+
+      table {
+        // th {
+        //   text-align: left !important;
+        //   padding-left: 5px !important;
+        // }
+        th:nth-child(2),
+        th:nth-child(3) {
+          text-align: left !important;
+          padding-left: 20px !important;
+        }
+
+        // td {
+        //   text-align: left !important;
+        //   padding-left: 5px !important;
+        // }
+        td:nth-child(2),
+        td:nth-child(3) {
+          text-align: left !important;
+          padding-left: 20px !important;
+        }
+      }
+    }
+  }
+  .content:first-child {
+    // display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0;
+    flex: unset;
+    padding: 15px;
+    margin-bottom: 20px;
+    background: var(--lightBlue);
+
+    .header {
+      display: flex;
+      width: 100%;
+      justify-content: space-between;
+      align-items: center;
+      button {
+        width: unset;
+      }
+    }
+  }
+
+  .pagination {
+    margin-left: 15px;
+    margin-top: 1px;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    p {
+      margin-top: 10px;
+    }
+  }
+}
+
+.search_filter {
+  button {
+    padding: 4px 8px;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 2px;
+    width: 90px;
+  }
+}
+
+.number {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  p {
+    font-family: Inter !important;
+    font-size: 18px !important;
+    font-weight: 400 !important;
+    line-height: 21.78px !important;
+  }
+  .actions {
+    margin-left: 8%;
+    display: flex;
+    justify-content: center;
+    vertical-align: middle;
+    background: transparent !important;
+    margin-right: 9px;
+    gap: 10px;
+    svg {
+      cursor: pointer;
+    }
+  }
+}
+.actions > div {
+  background: #deeaf6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px;
+  border-radius: 4px;
+}
+.actions > div:last-child {
+  background: #f6dedf;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3px;
+  border-radius: 4px;
+}
+.modal_input {
+  // padding: 9px 16px !important;
+  // border: 1px solid #bdbdbd !important;
+  border-radius: 6px !important;
+  font-size: 16px !important;
+  font-weight: 500 !important;
+  line-height: 24px !important;
+  text-align: left !important;
+  height: 48px;
+  width: 100%;
+}

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

@@ -0,0 +1,58 @@
+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: "Mövzu",
+    dataIndex: "name",
+    width: innerW,
+    disabled: true,
+    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)))));
+    }
+  }];
+};

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

@@ -0,0 +1,255 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import Cookies from "js-cookie";
+import style from "../Questionnaires.module.scss";
+import { Form, Input, Layout } 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 { addApplicationForm, applicationFormVisibility, deleteApplicationForm, editApplicationForm, getApplicationForms } from "../../../store/slices/questionnaire";
+var Content = Layout.Content;
+var Item = Form.Item;
+var QuestionnairesApplicationFormContent = function QuestionnairesApplicationFormContent() {
+  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-application-form") ? JSON.parse(Cookies.get("pagination-size-questionnaire-application-form")) : 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,
+    applicationFormRender = _useSelector.applicationFormRender;
+  var applicationForms = useSelector(function (state) {
+    return state.questionnaire.applicationForms;
+  });
+  var paginationLength = setPaginationLength(applicationForms === null || applicationForms === void 0 ? void 0 : applicationForms.count, applicationForms === null || applicationForms === void 0 ? void 0 : applicationForms.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(addApplicationForm({
+              name: data === null || data === void 0 ? void 0 : data.name
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [dispatch]);
+  var onEdit = useCallback(function (id, record) {
+    var data = {
+      id: id,
+      name: record === null || record === void 0 ? void 0 : record.name
+    };
+    dispatch(editApplicationForm(data));
+  }, [dispatch]);
+  var onStatusChange = useCallback(function (data, checked) {
+    var data_ = {
+      id: data === null || data === void 0 ? void 0 : data.id,
+      checked: checked
+    };
+    dispatch(applicationFormVisibility(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 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 data = [];
+  if (applicationForms !== null && applicationForms !== void 0 && applicationForms.items) {
+    var _applicationForms$ite;
+    data = applicationForms === null || applicationForms === void 0 || (_applicationForms$ite = applicationForms.items) === null || _applicationForms$ite === void 0 ? void 0 : _applicationForms$ite.map(function (dataObj, i) {
+      return {
+        num: (applicationForms === null || applicationForms === void 0 ? void 0 : applicationForms.size) * (applicationForms === null || applicationForms === void 0 ? void 0 : applicationForms.page) + i + 1 - (applicationForms === null || applicationForms === void 0 ? void 0 : applicationForms.size),
+        id: dataObj === null || dataObj === void 0 ? void 0 : dataObj.id,
+        name: dataObj === null || dataObj === void 0 ? void 0 : dataObj.name,
+        isActive: dataObj === null || dataObj === void 0 ? void 0 : dataObj.isActive,
+        className: "rowClassName1"
+      };
+    });
+  }
+  var columns = useMemo(function () {
+    return getStreetColumns(onEditClick, onDelete, onStatusChange, dispatch);
+  }, [onEditClick, onDelete, onStatusChange, dispatch]);
+  var _useState11 = useState(columns.map(function (col) {
+      return col.dataIndex;
+    })),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedColumns = _useState12[0],
+    setSelectedColumns = _useState12[1];
+  useEffect(function () {
+    if (window.innerWidth >= 1900) {
+      setInnerW(210);
+    } else {
+      setInnerW(155);
+    }
+    var data = {
+      page: page,
+      size: size,
+      query: query,
+      visibility: "nondeleted"
+    };
+    dispatch(getApplicationForms(data));
+  }, [dispatch, page, applicationFormRender, size, query]);
+  var updateSize = function updateSize(newSize) {
+    setSize(newSize); // Update state
+    Cookies.set("pagination-size-questionnaire-application-form", 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, "M\xFCraci\u0259t formalar\u0131"), /*#__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, {
+    rules: [{
+      required: true,
+      message: ""
+    }, {
+      min: 3,
+      message: "Ən azından 3 simvol olmalıdır"
+    }],
+    name: "name",
+    label: "Ad"
+  }, /*#__PURE__*/React.createElement(Input, {
+    className: style.modal_input
+  }))), /*#__PURE__*/React.createElement(DeleteModal, {
+    onCancel: function onCancel() {
+      return dispatch(setDeleteModalVisible(false));
+    },
+    width: 280
+  }, /*#__PURE__*/React.createElement(Delete, {
+    onDelete: function onDelete() {
+      return dispatch(deleteApplicationForm(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 QuestionnairesApplicationFormContent;

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

@@ -0,0 +1,58 @@
+import * as 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: "Brend",
+    dataIndex: "name",
+    width: innerW,
+    disabled: true,
+    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)))));
+    }
+  }];
+};