diff --git a/p8-panels.js b/p8-panels.js index 25c32f0..c81646d 100644 --- a/p8-panels.js +++ b/p8-panels.js @@ -818,7 +818,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Filter: () => (/* binding */ Filter)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Chip/Chip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Stack/Stack.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _app_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../app.styles */ \"./app.styles.js\");\n/* harmony import */ var _core_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../core/utils */ \"./app/core/utils.js\");\n/*\r\n Парус 8 - Панели мониторинга - ТОиР - Гаражка\r\n Компонент: Фильтр отбора\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n //Типовые стили\n //Вспомогательные функции\n\n//---------\n//Константы\n//---------\n\n//Стили\nconst STYLES = {\n FILTERS_STACK: {\n paddingBottom: \"5px\",\n ..._app_styles__WEBPACK_IMPORTED_MODULE_1__.APP_STYLES.SCROLL,\n overflowY: \"auto\",\n alignItems: \"flex-end\"\n },\n STACK_FILTER: {\n maxWidth: \"99vw\",\n alignItems: \"flex-end\"\n }\n};\n\n//--------------------------\n//Вспомогательные компоненты\n//--------------------------\n\n//Элемент фильтра\nconst FilterItem = ({\n caption,\n value,\n onClick\n}) => {\n //При нажатии на элемент\n const handleClick = () => onClick ? onClick() : null;\n\n //Генерация содержимого\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n alignItems: \"center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"strong\", null, caption), value ? `:\\u00A0${value}` : null),\n variant: \"outlined\",\n onClick: handleClick\n });\n};\n\n//Контроль свойств компонента - Элемент фильтра\nFilterItem.propTypes = {\n caption: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string).isRequired,\n value: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),\n onClick: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().func)\n};\n\n//---------------\n//Тело компонента\n//---------------\n\n//Фильтр отбора\nconst Filter = ({\n filter,\n onFilterOpen\n}) => {\n //При нажатии на элемент фильтра\n const handleClick = () => onFilterOpen && onFilterOpen();\n\n //Генерация содержимого\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n spacing: 1,\n p: 1,\n alignItems: \"center\",\n sx: STYLES.STACK_FILTER\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleClick\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, \"filter_alt\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n spacing: 1,\n alignItems: \"center\",\n sx: STYLES.FILTERS_STACK\n }, filter.dDate ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"На дату\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateRF)(filter.dDate),\n onClick: handleClick\n }) : null, filter.sCustomerDept ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"Транспортный участок\",\n value: `${filter.sCustomerDeptName} (${filter.sCustomerDept})`,\n onClick: handleClick\n }) : null, filter.dDateKOAFrom ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"\\u041A\\u041E\\u0410 \\u0441\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateTimeRF)(filter.dDateKOAFrom),\n onClick: handleClick\n }) : null, filter.dDateKOATo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"\\u041A\\u041E\\u0410 \\u043F\\u043E\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateTimeRF)(filter.dDateKOATo),\n onClick: handleClick\n }) : null))));\n};\n\n//Контроль свойств компонента - Фильтр отбора\nFilter.propTypes = {\n filter: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object).isRequired,\n onFilterOpen: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().func).isRequired\n};\n\n//--------------------\n//Интерфейс компонента\n//--------------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/panels/hauler_anl/filter.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ Filter: () => (/* binding */ Filter)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Chip/Chip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Stack/Stack.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/Icon/Icon.js\");\n/* harmony import */ var _app_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../app.styles */ \"./app.styles.js\");\n/* harmony import */ var _core_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../core/utils */ \"./app/core/utils.js\");\n/*\r\n Парус 8 - Панели мониторинга - ТОиР - Гаражка\r\n Компонент: Фильтр отбора\r\n*/\n\n//---------------------\n//Подключение библиотек\n//---------------------\n\n //Классы React\n //Контроль свойств компонента\n //Интерфейсные компоненты\n //Типовые стили\n //Вспомогательные функции\n\n//---------\n//Константы\n//---------\n\n//Стили\nconst STYLES = {\n FILTERS_STACK: {\n paddingBottom: \"5px\",\n ..._app_styles__WEBPACK_IMPORTED_MODULE_1__.APP_STYLES.SCROLL,\n overflowY: \"auto\",\n alignItems: \"flex-end\"\n },\n STACK_FILTER: {\n maxWidth: \"99vw\",\n alignItems: \"flex-end\"\n }\n};\n\n//--------------------------\n//Вспомогательные компоненты\n//--------------------------\n\n//Элемент фильтра\nconst FilterItem = ({\n caption,\n value,\n onClick\n}) => {\n //При нажатии на элемент\n const handleClick = () => onClick ? onClick() : null;\n\n //Генерация содержимого\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n alignItems: \"center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"strong\", null, caption), value ? `:\\u00A0${value}` : null),\n variant: \"outlined\",\n onClick: handleClick\n });\n};\n\n//Контроль свойств компонента - Элемент фильтра\nFilterItem.propTypes = {\n caption: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string).isRequired,\n value: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),\n onClick: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().func)\n};\n\n//---------------\n//Тело компонента\n//---------------\n\n//Фильтр отбора\nconst Filter = ({\n filter,\n onFilterOpen\n}) => {\n //При нажатии на элемент фильтра\n const handleClick = () => onFilterOpen && onFilterOpen();\n\n //Генерация содержимого\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n spacing: 1,\n p: 1,\n alignItems: \"center\",\n sx: STYLES.STACK_FILTER\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleClick\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_8__[\"default\"], null, \"filter_alt\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n direction: \"row\",\n spacing: 1,\n alignItems: \"center\",\n sx: STYLES.FILTERS_STACK\n }, filter.dDate ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"На дату\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateRF)(filter.dDate),\n onClick: handleClick\n }) : null, filter.sCustomerDept ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"Транспортный участок\",\n value: `${filter.sCustomerDeptName} (${filter.sCustomerDept})`,\n onClick: handleClick\n }) : null, filter.dDateKOAFrom ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"\\u041A\\u0422\\u0413/\\u041A\\u041E\\u0410 \\u0441\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateTimeRF)(filter.dDateKOAFrom),\n onClick: handleClick\n }) : null, filter.dDateKOATo ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FilterItem, {\n caption: \"\\u041A\\u0422\\u0413/\\u041A\\u041E\\u0410 \\u043F\\u043E\",\n value: (0,_core_utils__WEBPACK_IMPORTED_MODULE_2__.formatDateTimeRF)(filter.dDateKOATo),\n onClick: handleClick\n }) : null))));\n};\n\n//Контроль свойств компонента - Фильтр отбора\nFilter.propTypes = {\n filter: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object).isRequired,\n onFilterOpen: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().func).isRequired\n};\n\n//--------------------\n//Интерфейс компонента\n//--------------------\n\n\n\n//# sourceURL=webpack://parus_8_panels_plugin/./app/panels/hauler_anl/filter.js?"); /***/ }), diff --git a/p8panels.config b/p8panels.config index 7acc403..f707a1d 100644 --- a/p8panels.config +++ b/p8panels.config @@ -204,6 +204,16 @@ icon="dashboard_customize" showInPanelsList="true" preview="./img/clnt_task_board.jpg"/> + { /> ) : null} {filter.dDateKOAFrom ? ( - + + ) : null} + {filter.dDateKOATo ? ( + ) : null} - {filter.dDateKOATo ? : null}