From 58bd099ca27555c5cd4cc3c7dbd03ffd80f26af7 Mon Sep 17 00:00:00 2001 From: dragon1211 Date: Sat, 23 Oct 2021 03:34:35 +0900 Subject: [PATCH] admin components. --- backend/database/factories/ChildFactory.php | 2 +- .../factories/MeetingImageFactory.php | 2 +- backend/public/js/app.js | 1553 ++++++++++++----- backend/resources/js/admin/meeting/detail.jsx | 213 +-- backend/resources/js/admin/meeting/edit.jsx | 245 +-- backend/resources/js/admin/meeting/index.jsx | 2 +- .../js/component/admin/modal_memo.jsx | 39 + .../js/component/admin/pdf_modal_admin.jsx | 39 + .../js/component/admin/pdf_page_admin.jsx | 61 + backend/resources/sass/base/_input.scss | 2 +- 10 files changed, 1479 insertions(+), 679 deletions(-) create mode 100644 backend/resources/js/component/admin/modal_memo.jsx create mode 100644 backend/resources/js/component/admin/pdf_modal_admin.jsx create mode 100644 backend/resources/js/component/admin/pdf_page_admin.jsx diff --git a/backend/database/factories/ChildFactory.php b/backend/database/factories/ChildFactory.php index f4316a42..055b54f7 100644 --- a/backend/database/factories/ChildFactory.php +++ b/backend/database/factories/ChildFactory.php @@ -35,7 +35,7 @@ class ChildFactory extends Factory 'password' => Hash::make('password'), 'last_name' => $this->faker->lastName, 'first_name' => $this->faker->firstName, - 'image' => $this->faker->imageUrl, + 'image' => "/assets/img/avatar/avatar-sample02@2x.png", 'company' => $this->faker->company, 'created_at' => $this->faker->dateTime, 'updated_at' => $this->faker->dateTime, diff --git a/backend/database/factories/MeetingImageFactory.php b/backend/database/factories/MeetingImageFactory.php index 31f13a4d..823cb8d5 100644 --- a/backend/database/factories/MeetingImageFactory.php +++ b/backend/database/factories/MeetingImageFactory.php @@ -23,7 +23,7 @@ class MeetingImageFactory extends Factory { return [ 'meeting_id' => 1, - 'image' => $this->faker->url, + 'image' => "/assets/img/avatar/avatar-sample02@2x.png", 'created_at' => $this->faker->dateTime, 'updated_at' => $this->faker->dateTime, ]; diff --git a/backend/public/js/app.js b/backend/public/js/app.js index b5859e30..7350d0a4 100644 --- a/backend/public/js/app.js +++ b/backend/public/js/app.js @@ -12166,6 +12166,62 @@ function isHostComponent(element) { /***/ }), +/***/ "./node_modules/@mui/icons-material/ArrowBackIos.js": +/*!**********************************************************!*\ + !*** ./node_modules/@mui/icons-material/ArrowBackIos.js ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + +"use strict"; + + +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js"); + +Object.defineProperty(exports, "__esModule", ({ + value: true +})); +exports.default = void 0; + +var _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ./utils/createSvgIcon */ "./node_modules/@mui/icons-material/utils/createSvgIcon.js")); + +var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); + +var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", { + d: "M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z" +}), 'ArrowBackIos'); + +exports.default = _default; + +/***/ }), + +/***/ "./node_modules/@mui/icons-material/ArrowForwardIos.js": +/*!*************************************************************!*\ + !*** ./node_modules/@mui/icons-material/ArrowForwardIos.js ***! + \*************************************************************/ +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { + +"use strict"; + + +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js"); + +Object.defineProperty(exports, "__esModule", ({ + value: true +})); +exports.default = void 0; + +var _createSvgIcon = _interopRequireDefault(__webpack_require__(/*! ./utils/createSvgIcon */ "./node_modules/@mui/icons-material/utils/createSvgIcon.js")); + +var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); + +var _default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", { + d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z" +}), 'ArrowForwardIos'); + +exports.default = _default; + +/***/ }), + /***/ "./node_modules/@mui/icons-material/Search.js": /*!****************************************************!*\ !*** ./node_modules/@mui/icons-material/Search.js ***! @@ -13940,6 +13996,219 @@ const buttonClasses = (0,_mui_core__WEBPACK_IMPORTED_MODULE_1__.default)('MuiBut /***/ }), +/***/ "./node_modules/@mui/material/Container/Container.js": +/*!***********************************************************!*\ + !*** ./node_modules/@mui/material/Container/Container.js ***! + \***********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); +/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); +/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.m.js"); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/composeClasses/composeClasses.js"); +/* harmony import */ var _styles_useThemeProps__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../styles/useThemeProps */ "./node_modules/@mui/material/styles/useThemeProps.js"); +/* harmony import */ var _styles_styled__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../styles/styled */ "./node_modules/@mui/material/styles/styled.js"); +/* harmony import */ var _containerClasses__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./containerClasses */ "./node_modules/@mui/material/Container/containerClasses.js"); +/* harmony import */ var _utils_capitalize__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/capitalize */ "./node_modules/@mui/material/utils/capitalize.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); + + +const _excluded = ["className", "component", "disableGutters", "fixed", "maxWidth"]; + + + + + + + + + + +const useUtilityClasses = ownerState => { + const { + classes, + fixed, + disableGutters, + maxWidth + } = ownerState; + const slots = { + root: ['root', maxWidth && `maxWidth${(0,_utils_capitalize__WEBPACK_IMPORTED_MODULE_6__.default)(String(maxWidth))}`, fixed && 'fixed', disableGutters && 'disableGutters'] + }; + return (0,_mui_core__WEBPACK_IMPORTED_MODULE_7__.default)(slots, _containerClasses__WEBPACK_IMPORTED_MODULE_8__.getContainerUtilityClass, classes); +}; + +const ContainerRoot = (0,_styles_styled__WEBPACK_IMPORTED_MODULE_9__.default)('div', { + name: 'MuiContainer', + slot: 'Root', + overridesResolver: (props, styles) => { + const { + ownerState + } = props; + return [styles.root, styles[`maxWidth${(0,_utils_capitalize__WEBPACK_IMPORTED_MODULE_6__.default)(String(ownerState.maxWidth))}`], ownerState.fixed && styles.fixed, ownerState.disableGutters && styles.disableGutters]; + } +})(({ + theme, + ownerState +}) => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__.default)({ + width: '100%', + marginLeft: 'auto', + boxSizing: 'border-box', + marginRight: 'auto', + display: 'block' +}, !ownerState.disableGutters && { + paddingLeft: theme.spacing(2), + paddingRight: theme.spacing(2), + [theme.breakpoints.up('sm')]: { + paddingLeft: theme.spacing(3), + paddingRight: theme.spacing(3) + } +}), ({ + theme, + ownerState +}) => ownerState.fixed && Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => { + const value = theme.breakpoints.values[breakpoint]; + + if (value !== 0) { + acc[theme.breakpoints.up(breakpoint)] = { + maxWidth: `${value}${theme.breakpoints.unit}` + }; + } + + return acc; +}, {}), ({ + theme, + ownerState +}) => (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__.default)({}, ownerState.maxWidth === 'xs' && { + [theme.breakpoints.up('xs')]: { + maxWidth: Math.max(theme.breakpoints.values.xs, 444) + } +}, ownerState.maxWidth && ownerState.maxWidth !== 'xs' && { + [theme.breakpoints.up(ownerState.maxWidth)]: { + maxWidth: `${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}` + } +})); +const Container = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function Container(inProps, ref) { + const props = (0,_styles_useThemeProps__WEBPACK_IMPORTED_MODULE_10__.default)({ + props: inProps, + name: 'MuiContainer' + }); + + const { + className, + component = 'div', + disableGutters = false, + fixed = false, + maxWidth = 'lg' + } = props, + other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__.default)(props, _excluded); + + const ownerState = (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__.default)({}, props, { + component, + disableGutters, + fixed, + maxWidth + }); + + const classes = useUtilityClasses(ownerState); + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(ContainerRoot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_1__.default)({ + as: component, + ownerState: ownerState, + className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__.default)(classes.root, className), + ref: ref + }, other)); +}); + true ? Container.propTypes +/* remove-proptypes */ += { + // ----------------------------- Warning -------------------------------- + // | These PropTypes are generated from the TypeScript type definitions | + // | To update them edit the d.ts file and run "yarn proptypes" | + // ---------------------------------------------------------------------- + + /** + * @ignore + */ + children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node), + + /** + * Override or extend the styles applied to the component. + */ + classes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), + + /** + * @ignore + */ + className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), + + /** + * The component used for the root node. + * Either a string to use a HTML element or a component. + */ + component: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType), + + /** + * If `true`, the left and right padding is removed. + * @default false + */ + disableGutters: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), + + /** + * Set the max-width to match the min-width of the current breakpoint. + * This is useful if you'd prefer to design for a fixed set of sizes + * instead of trying to accommodate a fully fluid viewport. + * It's fluid by default. + * @default false + */ + fixed: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), + + /** + * Determine the max-width of the container. + * The container width grows with the size of the screen. + * Set to `false` to disable `maxWidth`. + * @default 'lg' + */ + maxWidth: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(['xs', 'sm', 'md', 'lg', 'xl', false]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]), + + /** + * The system prop that allows defining system overrides as well as additional CSS styles. + */ + sx: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object) +} : 0; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Container); + +/***/ }), + +/***/ "./node_modules/@mui/material/Container/containerClasses.js": +/*!******************************************************************!*\ + !*** ./node_modules/@mui/material/Container/containerClasses.js ***! + \******************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getContainerUtilityClass": () => (/* binding */ getContainerUtilityClass), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/generateUtilityClass/generateUtilityClass.js"); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/generateUtilityClasses/generateUtilityClasses.js"); + +function getContainerUtilityClass(slot) { + return (0,_mui_core__WEBPACK_IMPORTED_MODULE_0__.default)('MuiContainer', slot); +} +const containerClasses = (0,_mui_core__WEBPACK_IMPORTED_MODULE_1__.default)('MuiContainer', ['root', 'disableGutters', 'fixed', 'maxWidthXs', 'maxWidthSm', 'maxWidthMd', 'maxWidthLg', 'maxWidthXl']); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (containerClasses); + +/***/ }), + /***/ "./node_modules/@mui/material/DialogActions/DialogActions.js": /*!*******************************************************************!*\ !*** ./node_modules/@mui/material/DialogActions/DialogActions.js ***! @@ -14367,6 +14636,148 @@ const dialogContentClasses = (0,_mui_core__WEBPACK_IMPORTED_MODULE_1__.default)( /***/ }), +/***/ "./node_modules/@mui/material/DialogTitle/DialogTitle.js": +/*!***************************************************************!*\ + !*** ./node_modules/@mui/material/DialogTitle/DialogTitle.js ***! + \***************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js"); +/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutPropertiesLoose */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); +/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js"); +/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__); +/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.m.js"); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/composeClasses/composeClasses.js"); +/* harmony import */ var _Typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Typography */ "./node_modules/@mui/material/Typography/Typography.js"); +/* harmony import */ var _styles_styled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../styles/styled */ "./node_modules/@mui/material/styles/styled.js"); +/* harmony import */ var _styles_useThemeProps__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../styles/useThemeProps */ "./node_modules/@mui/material/styles/useThemeProps.js"); +/* harmony import */ var _dialogTitleClasses__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./dialogTitleClasses */ "./node_modules/@mui/material/DialogTitle/dialogTitleClasses.js"); +/* harmony import */ var _Dialog_DialogContext__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Dialog/DialogContext */ "./node_modules/@mui/material/Dialog/DialogContext.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); + + +const _excluded = ["className", "id"]; + + + + + + + + + + + +const useUtilityClasses = ownerState => { + const { + classes + } = ownerState; + const slots = { + root: ['root'] + }; + return (0,_mui_core__WEBPACK_IMPORTED_MODULE_6__.default)(slots, _dialogTitleClasses__WEBPACK_IMPORTED_MODULE_7__.getDialogTitleUtilityClass, classes); +}; + +const DialogTitleRoot = (0,_styles_styled__WEBPACK_IMPORTED_MODULE_8__.default)(_Typography__WEBPACK_IMPORTED_MODULE_9__.default, { + name: 'MuiDialogTitle', + slot: 'Root', + overridesResolver: (props, styles) => styles.root +})({ + padding: '16px 24px', + flex: '0 0 auto' +}); +const DialogTitle = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2__.forwardRef(function DialogTitle(inProps, ref) { + const props = (0,_styles_useThemeProps__WEBPACK_IMPORTED_MODULE_10__.default)({ + props: inProps, + name: 'MuiDialogTitle' + }); + + const { + className, + id: idProp + } = props, + other = (0,_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__.default)(props, _excluded); + + const ownerState = props; + const classes = useUtilityClasses(ownerState); + const { + titleId: id = idProp + } = react__WEBPACK_IMPORTED_MODULE_2__.useContext(_Dialog_DialogContext__WEBPACK_IMPORTED_MODULE_11__.default); + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(DialogTitleRoot, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__.default)({ + component: "h2", + className: (0,clsx__WEBPACK_IMPORTED_MODULE_4__.default)(classes.root, className), + ownerState: ownerState, + ref: ref, + variant: "h6", + id: id + }, other)); +}); + true ? DialogTitle.propTypes +/* remove-proptypes */ += { + // ----------------------------- Warning -------------------------------- + // | These PropTypes are generated from the TypeScript type definitions | + // | To update them edit the d.ts file and run "yarn proptypes" | + // ---------------------------------------------------------------------- + + /** + * The content of the component. + */ + children: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node), + + /** + * Override or extend the styles applied to the component. + */ + classes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object), + + /** + * @ignore + */ + className: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), + + /** + * @ignore + */ + id: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), + + /** + * The system prop that allows defining system overrides as well as additional CSS styles. + */ + sx: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object) +} : 0; +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DialogTitle); + +/***/ }), + +/***/ "./node_modules/@mui/material/DialogTitle/dialogTitleClasses.js": +/*!**********************************************************************!*\ + !*** ./node_modules/@mui/material/DialogTitle/dialogTitleClasses.js ***! + \**********************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "getDialogTitleUtilityClass": () => (/* binding */ getDialogTitleUtilityClass), +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/generateUtilityClass/generateUtilityClass.js"); +/* harmony import */ var _mui_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/core */ "./node_modules/@mui/core/generateUtilityClasses/generateUtilityClasses.js"); + +function getDialogTitleUtilityClass(slot) { + return (0,_mui_core__WEBPACK_IMPORTED_MODULE_0__.default)('MuiDialogTitle', slot); +} +const dialogTitleClasses = (0,_mui_core__WEBPACK_IMPORTED_MODULE_1__.default)('MuiDialogTitle', ['root']); +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (dialogTitleClasses); + +/***/ }), + /***/ "./node_modules/@mui/material/Dialog/Dialog.js": /*!*****************************************************!*\ !*** ./node_modules/@mui/material/Dialog/Dialog.js ***! @@ -28666,21 +29077,23 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js"); /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); -/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js"); +/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js"); /* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js"); /* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_2__); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js"); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _material_ui_lab__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @material-ui/lab */ "./node_modules/@material-ui/lab/LoadingButton/LoadingButton.js"); -/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js"); +/* harmony import */ var _material_ui_lab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @material-ui/lab */ "./node_modules/@material-ui/lab/LoadingButton/LoadingButton.js"); +/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js"); /* harmony import */ var _component_alert__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../component/alert */ "./resources/js/component/alert.jsx"); -/* harmony import */ var _mui_material_Button__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material/Button */ "./node_modules/@mui/material/Button/Button.js"); -/* harmony import */ var _mui_material_Dialog__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material/Dialog */ "./node_modules/@mui/material/Dialog/Dialog.js"); -/* harmony import */ var _mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material/DialogActions */ "./node_modules/@mui/material/DialogActions/DialogActions.js"); -/* harmony import */ var _mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material/DialogContent */ "./node_modules/@mui/material/DialogContent/DialogContent.js"); -/* harmony import */ var _mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material/DialogContentText */ "./node_modules/@mui/material/DialogContentText/DialogContentText.js"); -/* harmony import */ var _mui_material_Slide__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material/Slide */ "./node_modules/@mui/material/Slide/Slide.js"); -/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); +/* harmony import */ var _component_admin_pdf_modal_admin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../component/admin/pdf_modal_admin */ "./resources/js/component/admin/pdf_modal_admin.jsx"); +/* harmony import */ var _component_admin_modal_memo__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../component/admin/modal_memo */ "./resources/js/component/admin/modal_memo.jsx"); +/* harmony import */ var _mui_material_Button__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! @mui/material/Button */ "./node_modules/@mui/material/Button/Button.js"); +/* harmony import */ var _mui_material_Dialog__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @mui/material/Dialog */ "./node_modules/@mui/material/Dialog/Dialog.js"); +/* harmony import */ var _mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @mui/material/DialogActions */ "./node_modules/@mui/material/DialogActions/DialogActions.js"); +/* harmony import */ var _mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @mui/material/DialogContent */ "./node_modules/@mui/material/DialogContent/DialogContent.js"); +/* harmony import */ var _mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @mui/material/DialogContentText */ "./node_modules/@mui/material/DialogContentText/DialogContentText.js"); +/* harmony import */ var _mui_material_Slide__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material/Slide */ "./node_modules/@mui/material/Slide/Slide.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } @@ -28721,15 +29134,19 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope + + var Transition = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(function Transition(props, ref) { - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material_Slide__WEBPACK_IMPORTED_MODULE_6__.default, _objectSpread({ + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material_Slide__WEBPACK_IMPORTED_MODULE_8__.default, _objectSpread({ direction: "up", ref: ref }, props)); }); var MeetingDetail = function MeetingDetail(props) { - var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_7__.useHistory)(); + var _meeting$approval, _meeting$meeting_imag, _meeting$pdf; + + var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_9__.useHistory)(); var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), _useState2 = _slicedToArray(_useState, 2), @@ -28761,6 +29178,16 @@ var MeetingDetail = function MeetingDetail(props) { _success = _useState12[0], setSuccess = _useState12[1]; + var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), + _useState14 = _slicedToArray(_useState13, 2), + showPdf = _useState14[0], + setShowPdf = _useState14[1]; + + var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), + _useState16 = _slicedToArray(_useState15, 2), + showMemo = _useState16[0], + setShowMemo = _useState16[1]; + (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () { var _props$match$params; @@ -28774,7 +29201,21 @@ var MeetingDetail = function MeetingDetail(props) { if (response.data.status_code == 200) { console.log(response.data.params); - setMeeting(response.data.params[0]); + var list = response.data.params[0]; + var total = 0, + num = 0; + + if (list.approval) { + for (var i in list.approval) { + if (list.approval[i].approval_at) num++; + total++; + } + } + + setMeeting(_objectSpread(_objectSpread({}, list), {}, { + denominator: total, + numerator: num + })); } else if (response.data.status_code == 400) {//TODO } }); @@ -28867,28 +29308,28 @@ var MeetingDetail = function MeetingDetail(props) { } ; - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "l-content", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "l-content-w560", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "l-content__ttl", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "l-content__ttl__left", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h2", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("h2", { children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u8A73\u7D30" }) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "l-content-wrap", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "p-article", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "p-article-wrap position-relative", style: { minHeight: '500px' }, - children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, { + children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.default, { color: "secondary", style: { top: '150px', @@ -28896,86 +29337,66 @@ var MeetingDetail = function MeetingDetail(props) { color: 'green', position: 'absolute' } - }), loaded && (meeting ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("article", { + }), loaded && (meeting ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("article", { className: "p-article__body", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "p-article__content", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "meeting-member", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "meeting-member-wrap", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { "data-url": "login.html", className: "meeting-member-link", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("ul", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("ul", { className: "meeting-member-count", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("li", { className: "numerator", - children: "3" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { + children: meeting.numerator + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("li", { className: "denominator", - children: "4" + children: meeting.denominator })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("ul", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("ul", { className: "meeting-member-list", role: "list", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { - className: "meeting-member__item", - role: "listitem", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { - className: "avatar", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - alt: "name", - className: "avatar-img", - src: "/assets/img/avatar/avatar-sample01@2x.png" + children: (_meeting$approval = meeting.approval) === null || _meeting$approval === void 0 ? void 0 : _meeting$approval.map(function (x, k) { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("li", { + className: "meeting-member__item", + role: "listitem", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { + className: "avatar", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("img", { + alt: "name", + className: "avatar-img", + src: x.child.image + }) }) - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { - className: "meeting-member__item", - role: "listitem", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { - className: "avatar", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - alt: "name", - className: "avatar-img", - src: "/assets/img/avatar/avatar-sample02@2x.png" - }) - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { - className: "meeting-member__item", - role: "listitem", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { - className: "avatar", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - alt: "name", - className: "avatar-img", - src: "/assets/img/avatar/avatar-sample03@2x.png" - }) - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + }, k); + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "meeting-member__read", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("p", { - children: "3\u4EBA\u65E2\u8AAD" + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("p", { + children: "".concat(meeting.numerator, "\u4EBA\u65E2\u8AAD") }) })] }) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("h3", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("h3", { className: "meeting-ttl", children: meeting.title - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("time", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("time", { dateTime: "2021-07-30", className: "meeting-time", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", { className: "meeting-date", children: moment__WEBPACK_IMPORTED_MODULE_2___default()(meeting.updated_at).format('YYYY/MM/DD') || '' }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("ul", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("ul", { className: "p-article-btn-list", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("li", { className: "p-article__pdf__btn", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", { onClick: function onClick(e) { var _props$match$params2; @@ -28988,107 +29409,52 @@ var MeetingDetail = function MeetingDetail(props) { className: "btn-default btn-yellow btn-pdf btn-r8 btn-h48", children: "\u7DE8\u96C6" }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("li", { className: "p-article__pdf__btn mr-0", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", { onClick: openModal, className: "btn-default btn-yellow btn-pdf btn-r8 btn-h48", children: "\u524A\u9664" }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "p-article__context", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "p-file-list", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "p-file-for", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy01.jpg", - alt: "" + children: meeting.meeting_image[0] && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("figure", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("img", { + src: meeting.meeting_image[0].image, + alt: meeting.meeting_image[0].image }) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "p-file-nav", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy01.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy02.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy03.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy04.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy05.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy01.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy02.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy03.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy04.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy05.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy03.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy04.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("figure", { - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy05.jpg", - alt: "" - }) - })] + children: (_meeting$meeting_imag = meeting.meeting_image) === null || _meeting$meeting_imag === void 0 ? void 0 : _meeting$meeting_imag.map(function (x, k) { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("figure", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("img", { + src: x.image, + alt: x.image + }) + }, k); + }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", { className: "p-article__pdf", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", { className: "p-article__pdf__btn", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", { "data-v-ade1d018": "", className: "btn-default btn-yellow btn-pdf btn-r8 btn-h52", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", { + onClick: function onClick(e) { + return setShowPdf(true); + }, + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", { children: "PDF\u3092\u78BA\u8A8D\u3059\u308B" }) }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("button", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button", { type: "button", "aria-label": "\u304A\u6C17\u306B\u5165\u308A", "data-tooltip": "\u304A\u6C17\u306B\u5165\u308A", @@ -29096,69 +29462,85 @@ var MeetingDetail = function MeetingDetail(props) { className: "icon a-icon text-icon icon-text icon-star-wrap a-icon-size_medium", style: { border: '1px solid #f0de00' + }, + onClick: function onClick() { + return setShowMemo(true); } })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("p", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("p", { className: "p-article__txt", children: meeting.text })] })] - }) - }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("p", { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_component_admin_modal_memo__WEBPACK_IMPORTED_MODULE_6__.default, { + show: showMemo, + title: "メモ", + content: meeting === null || meeting === void 0 ? void 0 : meeting.memo, + handleClose: function handleClose() { + return setShowMemo(false); + } + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_component_admin_pdf_modal_admin__WEBPACK_IMPORTED_MODULE_5__.default, { + show: showPdf, + pdfPath: (_meeting$pdf = meeting.pdf) !== null && _meeting$pdf !== void 0 ? _meeting$pdf : '/pdf/test.pdf', + handleClose: function handleClose() { + return setShowPdf(false); + } + })] + }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("p", { className: "text-center pt-5", children: "\u30C7\u30FC\u30BF\u304C\u5B58\u5728\u3057\u3066\u3044\u307E\u305B\u3093\u3002" }))] }) }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_mui_material_Dialog__WEBPACK_IMPORTED_MODULE_9__.default, { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material_Dialog__WEBPACK_IMPORTED_MODULE_11__.default, { open: open, TransitionComponent: Transition, keepMounted: true, "aria-describedby": "alert-dialog-slide-description", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_10__.default, { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_12__.default, { style: { width: '290px', padding: '25px 10px 10px 10px' }, - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_11__.default, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_13__.default, { id: "alert-dialog-slide-description", style: { - fontSize: '16px', + fontSize: '20px', textAlign: 'center' }, - children: ["\u672C\u5F53\u306B\u524A\u9664\u3057\u3066\u3082", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("br", {}), "\u3088\u308D\u3057\u3044\u3067\u3057\u3087\u3046\u304B\uFF1F"] + children: ["\u672C\u5F53\u306B\u524A\u9664\u3057\u3066\u3082", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("br", {}), "\u3088\u308D\u3057\u3044\u3067\u3057\u3087\u3046\u304B\uFF1F"] }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_12__.default, { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_14__.default, { style: { justifyContent: 'space-evenly', padding: '0 20px 20px 20px' }, - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_13__.default, { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_15__.default, { onClick: closeModal, size: "large", style: { - fontSize: '16px' + fontSize: '20px' }, children: "\u3044\u3044\u3048" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_14__.default, { + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_16__.default, { variant: "text", onClick: handleAccept, loading: submit, size: "large", style: { - fontSize: '16px' + fontSize: '20px' }, children: "\u306F\u3044" })] })] - }), _400error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_4__.default, { + }), _400error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_4__.default, { type: "fail", hide: function hide() { return set400Error(''); }, children: _400error - }), _success && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_4__.default, { + }), _success && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_4__.default, { type: "success", hide: function hide() { return history.push({ @@ -29191,6 +29573,7 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js"); /* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_2__); +/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js"); /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); @@ -29215,36 +29598,44 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } + var MeetingEdit = function MeetingEdit(props) { var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), _useState2 = _slicedToArray(_useState, 2), meeting = _useState2[0], setMeeting = _useState2[1]; - var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), + var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), _useState4 = _slicedToArray(_useState3, 2), title = _useState4[0], setTitle = _useState4[1]; - var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), + var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), _useState6 = _slicedToArray(_useState5, 2), memo = _useState6[0], setMemo = _useState6[1]; - var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), + var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), _useState8 = _slicedToArray(_useState7, 2), text = _useState8[0], setText = _useState8[1]; - var fatherId = document.getElementById('father_id').value; + var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), + _useState10 = _slicedToArray(_useState9, 2), + loaded = _useState10[0], + setLoaded = _useState10[1]; + (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () { var _props$match$params; - axios__WEBPACK_IMPORTED_MODULE_2___default().get("/api/admin/meetings/detail/".concat((_props$match$params = props.match.params) === null || _props$match$params === void 0 ? void 0 : _props$match$params.id), { + setLoaded(false); + axios__WEBPACK_IMPORTED_MODULE_2___default().get("/api/admin/meetings/detail/".concat((_props$match$params = props.match.params) === null || _props$match$params === void 0 ? void 0 : _props$match$params.meeting_id), { params: { father_id: 1 } }).then(function (response) { + setLoaded(true); + if (response.data.status_code == 200) { var _response$data$params, _response$data$params2, _response$data$params3; @@ -29309,301 +29700,274 @@ var MeetingEdit = function MeetingEdit(props) { return _handleClick.apply(this, arguments); } - if (!meeting) return null; - return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { className: "l-content", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "l-content__ttl", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "l-content-w560", children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "l-content__ttl__left", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2", { - children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u4F5C\u6210" + className: "l-content__ttl", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "l-content__ttl__left", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("h2", { + children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u7DE8\u96C6" + }) }) }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-notification", + className: "l-content-wrap", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-notification-icon", + className: "p-article", children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "p-notification-icon-wrap", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "count", - children: "1" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-notification-icon-bg" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("svg", { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 22.742 19.855", - className: "icon svg-icon svg-fill svg-y50", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("g", { - fill: "none", - stroke: "#080808", - strokeLinecap: "round", - strokeLinejoin: "round", - strokeWidth: "1.5", - "data-name": "Icon feather-alert-triangle", - transform: "translate(0.777 0.75)", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path", { - d: "M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z", - "data-name": "\u30D1\u30B9 3", - transform: "translate(-2.328 -4.346)" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path", { - d: "M18,13.5v6.91", - "data-name": "\u30D1\u30B9 4", - transform: "translate(-7.406 -8.547)" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("path", { - d: "M18,25.5h0", - "data-name": "\u30D1\u30B9 5", - transform: "translate(-7.406 -11.2)" - })] + className: "p-article-wrap position-relative", + style: { + minHeight: '500px' + }, + children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_4__.default, { + color: "secondary", + style: { + top: '150px', + left: 'calc(50% - 22px)', + color: 'green', + position: 'absolute' + } + }), loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("article", { + className: "p-article__body", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "p-article__content", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "p-article__context", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("form", { + action: "", + className: "edit-form", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "edit-set", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { + className: "control-label", + htmlFor: "title", + children: "\u30BF\u30A4\u30C8\u30EB" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + type: "text", + name: "title", + value: title, + onChange: function onChange(e) { + return setTitle(e.target.value); + }, + className: "input-default input-title input-h60 input-w480", + id: "title" + })] + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "edit-set", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { + className: "control-label", + htmlFor: "meeting_textarea", + children: "\u672C\u6587" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("textarea", { + value: text, + onChange: function onChange(e) { + return setText(e.target.value); + }, + rows: "8", + className: "textarea-default", + id: "meeting_textarea" + })] + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "edit-set", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { + className: "control-label", + htmlFor: "meeting_textarea", + children: "\u30E1\u30E2" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("textarea", { + value: memo, + onChange: function onChange(e) { + return setMemo(e.target.value); + }, + rows: "8", + className: "textarea-default", + id: "meeting_textarea" + })] + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "edit-set edit-set-mt15", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + className: "edit-set-file-label", + htmlFor: "file_pdf", + children: ["PDF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + type: "file", + name: "file_pdf", + accept: ".pdf", + id: "file_pdf" + })] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "edit-set edit-set-mt15", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + className: "edit-set-file-label", + htmlFor: "file_image", + children: ["\u753B\u50CF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + type: "file", + name: "file_image", + accept: ".png, .jpg, .jpeg", + id: "file_image" + })] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "p-file-image", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy01.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy02.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy03.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy04.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy05.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy01.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy02.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy03.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy04.jpg", + alt: "" + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { + className: "image-upload", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { + src: "../../../assets/img/dummy/post-dummy05.jpg", + alt: "" + }) + })] + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "edit-set edit-set-send", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "allmember_send", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "allmember_send", + id: "allmember_send" + }), "\u5168\u54E1\u306B\u9001\u4FE1"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "edit-set-mt5 edit-set-send", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "pickup_send", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "pickup_send", + id: "pickup_send" + }), "\u9078\u3093\u3067\u9001\u4FE1"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { + className: "checkbox-wrap edit-bg", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "checkbox", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "user_name01", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "chk[]", + id: "user_name01" + }), "\u7530\u4E2D \u9054\u4E5F"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "checkbox", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "user_name02", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "chk[]", + id: "user_name02" + }), "\u7530\u4E2D \u9054\u4E5F"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "checkbox", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "user_name03", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "chk[]", + id: "user_name03" + }), "\u7530\u4E2D \u9054\u4E5F"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "checkbox", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "user_name04", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "chk[]", + id: "user_name04" + }), "\u7530\u4E2D \u9054\u4E5F"] + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { + className: "checkbox", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { + htmlFor: "user_name05", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { + className: "boolean optional", + type: "checkbox", + name: "chk[]", + id: "user_name05" + }), "\u7530\u4E2D \u9054\u4E5F"] + }) + })] + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", { + type: "button", + onClick: function onClick(e) { + e.preventDefault(); + handleClick(); + }, + className: "btn-edit btn-default btn-h70 btn-r14 btn-yellow", + children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u3092\u66F4\u65B0" + })] + }) + }) }) })] }) }) })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "l-content-wrap", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-article", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-article-wrap", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("article", { - className: "p-article__body", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-article__content", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "p-article__context", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("form", { - action: "", - className: "edit-form", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "edit-set", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { - className: "control-label", - htmlFor: "title", - children: "\u30BF\u30A4\u30C8\u30EB" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - type: "text", - name: "title", - value: title, - onChange: function onChange(e) { - return setTitle(e.target.value); - }, - className: "input-default input-title input-h60 input-w480", - id: "title" - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "edit-set", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { - className: "control-label", - htmlFor: "meeting_textarea", - children: "\u672C\u6587" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("textarea", { - value: text, - onChange: function onChange(e) { - return setText(e.target.value); - }, - rows: "8", - className: "textarea-default", - id: "meeting_textarea" - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "edit-set", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", { - className: "control-label", - htmlFor: "meeting_textarea", - children: "\u30E1\u30E2" - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("textarea", { - value: memo, - onChange: function onChange(e) { - return setMemo(e.target.value); - }, - rows: "8", - className: "textarea-default", - id: "meeting_textarea" - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "edit-set edit-set-mt15", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - className: "edit-set-file-label", - htmlFor: "file_pdf", - children: ["PDF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - type: "file", - name: "file_pdf", - accept: ".pdf", - id: "file_pdf" - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "edit-set edit-set-mt15", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - className: "edit-set-file-label", - htmlFor: "file_image", - children: ["\u753B\u50CF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - type: "file", - name: "file_image", - accept: ".png, .jpg, .jpeg", - id: "file_image" - })] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "p-file-image", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy01.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy02.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy03.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy04.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy05.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy01.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy02.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy03.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy04.jpg", - alt: "" - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", { - className: "image-upload", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", { - src: "../../../assets/img/dummy/post-dummy05.jpg", - alt: "" - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "edit-set edit-set-send", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "allmember_send", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "allmember_send", - id: "allmember_send" - }), "\u5168\u54E1\u306B\u9001\u4FE1"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "edit-set-mt5 edit-set-send", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "pickup_send", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "pickup_send", - id: "pickup_send" - }), "\u9078\u3093\u3067\u9001\u4FE1"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", { - className: "checkbox-wrap edit-bg", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "checkbox", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "user_name01", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "chk[]", - id: "user_name01" - }), "\u7530\u4E2D \u9054\u4E5F"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "checkbox", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "user_name02", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "chk[]", - id: "user_name02" - }), "\u7530\u4E2D \u9054\u4E5F"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "checkbox", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "user_name03", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "chk[]", - id: "user_name03" - }), "\u7530\u4E2D \u9054\u4E5F"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "checkbox", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "user_name04", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "chk[]", - id: "user_name04" - }), "\u7530\u4E2D \u9054\u4E5F"] - }) - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", { - className: "checkbox", - children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", { - htmlFor: "user_name05", - children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", { - className: "boolean optional", - type: "checkbox", - name: "chk[]", - id: "user_name05" - }), "\u7530\u4E2D \u9054\u4E5F"] - }) - })] - }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", { - type: "button", - onClick: function onClick(e) { - e.preventDefault(); - handleClick(); - }, - className: "btn-edit btn-default btn-h70 btn-r14 btn-yellow", - children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u3092\u66F4\u65B0" - })] - }) - }) - }) - }) - }) - }) - })] + }) }); }; @@ -29838,6 +30202,7 @@ var Meeting = function Meeting() { children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, { color: "secondary", style: { + top: '20px', left: 'calc(50% - 22px)', color: 'green', position: 'absolute' @@ -35045,6 +35410,274 @@ function Side() { /***/ }), +/***/ "./resources/js/component/admin/modal_memo.jsx": +/*!*****************************************************!*\ + !*** ./resources/js/component/admin/modal_memo.jsx ***! + \*****************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ ModalMemo) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); +/* harmony import */ var _pdf_page_admin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pdf_page_admin */ "./resources/js/component/admin/pdf_page_admin.jsx"); +/* harmony import */ var _mui_material_Button__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material/Button */ "./node_modules/@mui/material/Button/Button.js"); +/* harmony import */ var _mui_material_Dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material/Dialog */ "./node_modules/@mui/material/Dialog/Dialog.js"); +/* harmony import */ var _mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material/DialogActions */ "./node_modules/@mui/material/DialogActions/DialogActions.js"); +/* harmony import */ var _mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material/DialogContent */ "./node_modules/@mui/material/DialogContent/DialogContent.js"); +/* harmony import */ var _mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material/DialogContentText */ "./node_modules/@mui/material/DialogContentText/DialogContentText.js"); +/* harmony import */ var _mui_material_DialogTitle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material/DialogTitle */ "./node_modules/@mui/material/DialogTitle/DialogTitle.js"); +/* harmony import */ var _mui_material_Slide__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material/Slide */ "./node_modules/@mui/material/Slide/Slide.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + + + + + + + + + + + + + +var Transition = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Transition(props, ref) { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_Slide__WEBPACK_IMPORTED_MODULE_3__.default, _objectSpread({ + direction: "up", + ref: ref + }, props)); +}); +function ModalMemo(_ref) { + var show = _ref.show, + content = _ref.content, + handleClose = _ref.handleClose; + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_mui_material_Dialog__WEBPACK_IMPORTED_MODULE_4__.default, { + open: show, + TransitionComponent: Transition, + keepMounted: true, + "aria-describedby": "alert-dialog-slide-description", + onClose: handleClose, + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogTitle__WEBPACK_IMPORTED_MODULE_5__.default, { + style: { + fontSize: '22px', + textAlign: 'center', + padding: '20px 10px', + borderBottom: '1px solid #e0e0e0' + }, + children: "メモ" + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_6__.default, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_7__.default, { + id: "alert-dialog-slide-description", + style: { + fontSize: '20px', + minHeight: '200px', + padding: '20px' + }, + children: content + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_8__.default, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_9__.default, { + onClick: handleClose, + style: { + fontSize: '18px', + color: 'black' + }, + children: "\u9589\u3058\u308B" + }) + })] + }); +} + +/***/ }), + +/***/ "./resources/js/component/admin/pdf_modal_admin.jsx": +/*!**********************************************************!*\ + !*** ./resources/js/component/admin/pdf_modal_admin.jsx ***! + \**********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ ModalPdf) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); +/* harmony import */ var _pdf_page_admin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pdf_page_admin */ "./resources/js/component/admin/pdf_page_admin.jsx"); +/* harmony import */ var _mui_material_Button__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material/Button */ "./node_modules/@mui/material/Button/Button.js"); +/* harmony import */ var _mui_material_Dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material/Dialog */ "./node_modules/@mui/material/Dialog/Dialog.js"); +/* harmony import */ var _mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material/DialogActions */ "./node_modules/@mui/material/DialogActions/DialogActions.js"); +/* harmony import */ var _mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material/DialogContent */ "./node_modules/@mui/material/DialogContent/DialogContent.js"); +/* harmony import */ var _mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material/DialogContentText */ "./node_modules/@mui/material/DialogContentText/DialogContentText.js"); +/* harmony import */ var _mui_material_Slide__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material/Slide */ "./node_modules/@mui/material/Slide/Slide.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + + + + + + + + + + + + + +var Transition = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Transition(props, ref) { + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_Slide__WEBPACK_IMPORTED_MODULE_3__.default, _objectSpread({ + direction: "up", + ref: ref + }, props)); +}); +function ModalPdf(_ref) { + var show = _ref.show, + pdfPath = _ref.pdfPath, + handleClose = _ref.handleClose; + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_mui_material_Dialog__WEBPACK_IMPORTED_MODULE_4__.default, { + open: show, + TransitionComponent: Transition, + keepMounted: true, + "aria-describedby": "alert-dialog-slide-description", + onClose: handleClose, + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogContent__WEBPACK_IMPORTED_MODULE_5__.default, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogContentText__WEBPACK_IMPORTED_MODULE_6__.default, { + id: "alert-dialog-slide-description", + style: { + fontSize: '20px', + minHeight: '200px', + padding: '20px' + }, + children: show && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_pdf_page_admin__WEBPACK_IMPORTED_MODULE_1__.default, { + pdf: pdfPath + }) + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_DialogActions__WEBPACK_IMPORTED_MODULE_7__.default, { + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_Button__WEBPACK_IMPORTED_MODULE_8__.default, { + onClick: handleClose, + style: { + fontSize: '18px', + color: 'black' + }, + children: "\u9589\u3058\u308B" + }) + })] + }); +} + +/***/ }), + +/***/ "./resources/js/component/admin/pdf_page_admin.jsx": +/*!*********************************************************!*\ + !*** ./resources/js/component/admin/pdf_page_admin.jsx ***! + \*********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (/* binding */ PDFViewer) +/* harmony export */ }); +/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js"); +/* harmony import */ var react_pdf__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-pdf */ "./node_modules/react-pdf/dist/esm/entry.js"); +/* harmony import */ var _mui_material_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material/IconButton */ "./node_modules/@mui/material/IconButton/IconButton.js"); +/* harmony import */ var _mui_icons_material_ArrowForwardIos__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/icons-material/ArrowForwardIos */ "./node_modules/@mui/icons-material/ArrowForwardIos.js"); +/* harmony import */ var _mui_icons_material_ArrowBackIos__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/icons-material/ArrowBackIos */ "./node_modules/@mui/icons-material/ArrowBackIos.js"); +/* harmony import */ var _mui_material_Container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material/Container */ "./node_modules/@mui/material/Container/Container.js"); +/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js"); +function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); } + +function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } + +function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } + +function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } + +function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } + +function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } + + + +react_pdf__WEBPACK_IMPORTED_MODULE_1__.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(react_pdf__WEBPACK_IMPORTED_MODULE_1__.pdfjs.version, "/pdf.worker.min.js"); + + + + + + +function PDFViewer(props) { + var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null), + _useState2 = _slicedToArray(_useState, 2), + numPages = _useState2[0], + setNumPages = _useState2[1]; + + var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(1), + _useState4 = _slicedToArray(_useState3, 2), + pageNumber = _useState4[0], + setPageNumber = _useState4[1]; //default fisrt page + + + function onDocumentLoadSuccess(_ref) { + var numPages = _ref.numPages; + setNumPages(numPages); + setPageNumber(1); + } + + function changePage(offset) { + setPageNumber(function (prevPageNumber) { + return prevPageNumber + offset; + }); + } + + function previousPage() { + changePage(-1); + } + + function nextPage() { + changePage(1); + } + + var pdf = props.pdf; + return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_3__.default, { + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_pdf__WEBPACK_IMPORTED_MODULE_1__.Document, { + file: pdf, + onLoadSuccess: onDocumentLoadSuccess, + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_pdf__WEBPACK_IMPORTED_MODULE_1__.Page, { + pageNumber: pageNumber + }) + }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_mui_material_Container__WEBPACK_IMPORTED_MODULE_3__.default, { + className: "d-flex justify-content-center", + children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_IconButton__WEBPACK_IMPORTED_MODULE_4__.default, { + type: "button", + disabled: pageNumber <= 1, + onClick: previousPage, + variant: "contained", + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_ArrowBackIos__WEBPACK_IMPORTED_MODULE_5__.default, {}) + }), pageNumber || (numPages ? 1 : "--"), " of ", numPages || "--", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_material_IconButton__WEBPACK_IMPORTED_MODULE_4__.default, { + type: "button", + disabled: pageNumber >= numPages, + onClick: nextPage, + children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_mui_icons_material_ArrowForwardIos__WEBPACK_IMPORTED_MODULE_6__.default, {}) + })] + })] + }); +} + +/***/ }), + /***/ "./resources/js/component/alert.jsx": /*!******************************************!*\ !*** ./resources/js/component/alert.jsx ***! diff --git a/backend/resources/js/admin/meeting/detail.jsx b/backend/resources/js/admin/meeting/detail.jsx index dd97f652..2e2c9a05 100644 --- a/backend/resources/js/admin/meeting/detail.jsx +++ b/backend/resources/js/admin/meeting/detail.jsx @@ -7,6 +7,8 @@ import { LoadingButton } from '@material-ui/lab'; import { CircularProgress } from '@material-ui/core'; import Alert from '../../component/alert'; +import ModalPdf from '../../component/admin/pdf_modal_admin'; +import ModalMemo from '../../component/admin/modal_memo'; import Button from '@mui/material/Button'; import Dialog from '@mui/material/Dialog'; @@ -16,6 +18,8 @@ import DialogContentText from '@mui/material/DialogContentText'; import DialogTitle from '@mui/material/DialogTitle'; import Slide from '@mui/material/Slide'; + + const Transition = React.forwardRef(function Transition(props, ref) { return ; }); @@ -32,6 +36,11 @@ const MeetingDetail = (props) => { const [_400error, set400Error] = useState(''); const [_success, setSuccess] = useState(''); + + const [showPdf, setShowPdf] = useState(false); + const [showMemo, setShowMemo] = useState(false); + + useEffect(() => { setLoaded(false); @@ -42,7 +51,18 @@ const MeetingDetail = (props) => { setLoaded(true); if(response.data.status_code==200){ console.log(response.data.params); - setMeeting(response.data.params[0]); + + var list = response.data.params[0]; + var total=0, num=0; + if(list.approval){ + for(var i in list.approval) + { + if(list.approval[i].approval_at) num ++; + total ++; + } + } + setMeeting({...list, denominator:total, numerator:num}); + } else if(response.data.status_code==400){ //TODO } @@ -88,7 +108,6 @@ const MeetingDetail = (props) => {
- { !loaded && @@ -97,101 +116,105 @@ const MeetingDetail = (props) => { loaded && ( meeting ? -
-
-
-
-
-
    -
  • 3
    • -
  • 4
    • -
- -
    -
  • -
    - name -
    -
    • -
  • -
    - name -
    -
    • -
  • -
    - name -
    -
    • -
+
+
+
+
+
+
    +
  • {meeting.numerator}
    • +
  • {meeting.denominator}
    • +
+ +
    + { + meeting.approval?.map((x, k)=> +
  • +
    + name +
    +
    • + ) + } +
-
-

3人既読

+
+

{`${meeting.numerator}人既読`}

+
-
-

{ meeting.title }

- - - -
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
- :

データが存在していません。

+ setShowMemo(false)} + /> + setShowPdf(false)} + /> +
+ :

データが存在していません。

) } @@ -199,12 +222,6 @@ const MeetingDetail = (props) => {
- {/* */} { aria-describedby="alert-dialog-slide-description" > - + 本当に削除しても
よろしいでしょうか？ @@ -220,14 +237,14 @@ const MeetingDetail = (props) => { + style={{fontSize:'20px'}}>いいえ はい + style={{fontSize:'20px'}}>はい { diff --git a/backend/resources/js/admin/meeting/edit.jsx b/backend/resources/js/admin/meeting/edit.jsx index 49c64d32..7d3a6eea 100644 --- a/backend/resources/js/admin/meeting/edit.jsx +++ b/backend/resources/js/admin/meeting/edit.jsx @@ -1,24 +1,33 @@ import React, { useEffect, useState } from 'react'; import axios from 'axios'; +import { CircularProgress } from '@material-ui/core'; + + const MeetingEdit = (props) => { const [meeting, setMeeting] = useState(null); - const [title, setTitle] = useState(null); - const [memo, setMemo] = useState(null); - const [text, setText] = useState(null); - const fatherId = document.getElementById('father_id').value; + const [title, setTitle] = useState(''); + const [memo, setMemo] = useState(''); + const [text, setText] = useState(''); + + const [loaded, setLoaded] = useState(false); + + useEffect(() => { - axios.get(`/api/admin/meetings/detail/${props.match.params?.id}`, {params: { father_id: 1 }}).then((response) => { - if(response.data.status_code==200){ - console.log(response.data.params[0]); - setMeeting(response.data.params[0]); - setTitle(response.data.params[0]?.title); - setMemo(response.data.params[0]?.memo); - setText(response.data.params[0]?.text); - } else if(response.data.status_code==400){ - //TODO - } - + setLoaded(false); + + axios.get(`/api/admin/meetings/detail/${props.match.params?.meeting_id}`, {params: { father_id: 1 }}) + .then((response) => { + setLoaded(true); + if(response.data.status_code==200){ + console.log(response.data.params[0]); + setMeeting(response.data.params[0]); + setTitle(response.data.params[0]?.title); + setMemo(response.data.params[0]?.memo); + setText(response.data.params[0]?.text); + } else if(response.data.status_code==400){ + //TODO + } }); }, []); @@ -56,114 +65,116 @@ const MeetingEdit = (props) => { console.log('error', error); } } - if (!meeting) return null; + + return (
-
-
-

ミーティング作成

-
-
-
-
-
1
-
- +
+
+
+

ミーティング編集

-
-
- -
-
-
-
-
-
-
-
- - setTitle(e.target.value)} className="input-default input-title input-h60 input-w480" id="title" /> + +
+
+
+ { + !loaded && + + } + { + loaded && +
+
+
+ +
+ + setTitle(e.target.value)} className="input-default input-title input-h60 input-w480" id="title" /> +
+
+ +