suwako
/
kikikan
アーカイブ
1
0
フォーク 0
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

add pdf remove button

このコミットが含まれているのは:
dragon1211 2021-11-16 21:47:53 -08:00
親 8218e4f43b
コミット 64e890d93d
10個のファイルの変更、739行の追加、833行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

151
backend/public/css/app.css vendored
ファイルの表示

@ -12147,65 +12147,6 @@ a {
text-decoration: none !important;
}
@media (max-width: 575.98px) {
.l-content__ttl h2 {
font-size: 25px !important;
}
.meeting-tab {
height: 55px !important;
font-size: 16px;
}
.meeting-ttl {
font-size: 17px !important;
}
.meeting-txt {
font-size: 16px !important;
}
.user-date span {
font-size: 14px !important;
}
.count {
min-width: 20px !important;
min-height: 20px !important;
}
.meeting-label {
font-size: 17px !important;
}
.user-name {
font-size: 16px !important;
}
.user-advice-btn span {
font-size: 15px !important;
}
.meeting-date {
font-size: 15px !important;
}
.p-article__pdf__btn span {
font-size: 16px !important;
}
.p-article__txt {
font-size: 16px !important;
}
.p-consent-btn span {
font-size: 16px !important;
}
.profile-info__item {
padding: 10px 20px 10px 15px !important;
}
}
.input-default {
border-radius: 20px !important;
height: 55px;
@ -12324,6 +12265,23 @@ a {
}
}
.p-article .meeting-member-count {
display: block !important;
}
.css-1t1j96h-MuiPaper-root-MuiDialog-paper {
border-radius: 20px !important;
min-width: 300px;
}
#SettingNotifyModal .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
min-height: 70%;
}
.meeting-member-list {
overflow-y: scroll;
}
@media screen and (min-width: 1068px) {
.p-meetingAdd-btn {
width: 200px !important;
@ -12342,20 +12300,71 @@ a {
min-width: 100px !important;
}
}
@media screen and (max-width: 1068px) {
::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 575.98px) {
.l-content__ttl h2 {
font-size: 25px !important;
}
.meeting-tab {
height: 55px !important;
font-size: 16px;
}
.meeting-ttl {
font-size: 17px !important;
}
.meeting-txt {
font-size: 16px !important;
}
.user-date span {
font-size: 14px !important;
}
.count {
min-width: 20px !important;
min-height: 20px !important;
}
.meeting-label {
font-size: 17px !important;
}
.user-name {
font-size: 16px !important;
}
.user-advice-btn span {
font-size: 15px !important;
}
.meeting-date {
font-size: 15px !important;
}
.p-article__pdf__btn span {
font-size: 16px !important;
}
.p-article__txt {
font-size: 16px !important;
}
.p-consent-btn span {
font-size: 16px !important;
}
.profile-info__item {
padding: 10px 20px 10px 15px !important;
}
.numerator, .denominator {
font-size: 16px !important;
}
}
.p-article .meeting-member-count {
display: block !important;
}
.css-1t1j96h-MuiPaper-root-MuiDialog-paper {
border-radius: 20px !important;
min-width: 300px;
}
#SettingNotifyModal .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
min-height: 70%;
}

721
backend/public/js/app.js vendored
ファイルの表示

@ -36675,7 +36675,6 @@ var MeetingEdit = function MeetingEdit(props) {
switch (response.data.status_code) {
case 200:
setMeetingImages(response.data.params);
notify_save();
break;
case 400:
@ -36713,7 +36712,6 @@ var MeetingEdit = function MeetingEdit(props) {
switch (response.data.status_code) {
case 200:
setMeetingImages(response.data.params);
notify_delete();
break;
case 400:
@ -41425,6 +41423,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js");
/* harmony import */ var _notification__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../notification */ "./resources/js/child/notification.jsx");
/* harmony import */ var react_infinite_scroll_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-infinite-scroll-component */ "./node_modules/react-infinite-scroll-component/dist/index.es.js");
@ -41541,14 +41540,8 @@ var Parent = function Parent() {
children: fetch_parent_list.length > 0 ? fetch_parent_list.map(function (item, id) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "search-item border-0",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a", {
onClick: function onClick(e) {
e.preventDefault();
history.push({
pathname: "/c-account/parent/detail/".concat(item.id),
state: {}
});
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {
to: "/c-account/parent/detail/".concat(item.id),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "user-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
@ -46003,23 +45996,14 @@ __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_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__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.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 _component_modal_confirm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../component/modal_confirm */ "./resources/js/component/modal_confirm.jsx");
/* 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 _component_alert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../component/alert */ "./resources/js/component/alert.jsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __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); } }
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
/* harmony import */ var _notification__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../notification */ "./resources/js/parent/notification.jsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __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."); }
@ -46040,341 +46024,179 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var ChildDetail = function ChildDetail(props) {
var _child$father_relatio;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(localStorage.getItem('notice')),
_useState2 = _slicedToArray(_useState, 2),
_success = _useState2[0],
setSuccess = _useState2[1];
notice = _useState2[0],
setNotice = _useState2[1];
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
_useState4 = _slicedToArray(_useState3, 2),
child = _useState4[0],
setChild = _useState4[1];
loaded = _useState4[0],
setLoaded = _useState4[1];
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
image: '',
email: '',
profile: '',
tel: '',
company: ''
}),
_useState6 = _slicedToArray(_useState5, 2),
show = _useState6[0],
setShow = _useState6[1];
child = _useState6[0],
setChild = _useState6[1];
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
_useState8 = _slicedToArray(_useState7, 2),
showAlert = _useState8[0],
setShowAlert = _useState8[1];
var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
_useState10 = _slicedToArray(_useState9, 2),
messageAlert = _useState10[0],
setMessageAlert = _useState10[1];
var fatherId = document.getElementById('father_id').value;
var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_7__.useHistory)();
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
var _props$match$params;
axios__WEBPACK_IMPORTED_MODULE_3___default().get("/api/children/detail/".concat((_props$match$params = props.match.params) === null || _props$match$params === void 0 ? void 0 : _props$match$params.id), {
var father_id = document.getElementById('father_id').value;
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
setLoaded(false);
axios__WEBPACK_IMPORTED_MODULE_1___default().get('/api/fathers/children/detail/' + props.match.params.child_id, {
params: {
father_id: fatherId
father_id: father_id
}
}).then(function (response) {
setLoaded(true);
console.log(response.data);
setNotice(response.data.notice);
if (response.data.status_code == 200) {
console.log(response.data.params[0]);
setChild(response.data.params[0]);
} else if (response.data.status_code == 400) {//TODO
setChild(response.data.params);
}
});
}, []); //-------------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for (var i = 0; i < navbar_list.length; i++) {
navbar_list[i].classList.remove('nav-active');
}
document.getElementsByClassName("-child")[0].classList.add('nav-active');
}, []);
function showModal() {
return _showModal.apply(this, arguments);
}
function _showModal() {
_showModal = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() {
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
setShow(true);
case 1:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return _showModal.apply(this, arguments);
}
;
function handleClose() {
return _handleClose.apply(this, arguments);
}
function _handleClose() {
_handleClose = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee2() {
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
setShow(false);
case 1:
case "end":
return _context2.stop();
}
}
}, _callee2);
}));
return _handleClose.apply(this, arguments);
}
;
function handleAccept() {
return _handleAccept.apply(this, arguments);
}
function _handleAccept() {
_handleAccept = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee3() {
var _props$match$params3;
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
try {
axios__WEBPACK_IMPORTED_MODULE_3___default().delete("/api/children/delete/".concat((_props$match$params3 = props.match.params) === null || _props$match$params3 === void 0 ? void 0 : _props$match$params3.id)).then(function (response) {
if (response.data.status_code == 200) {
// setMessageAlert("子の削除に成功しました！");
history.push({
pathname: "/p-account/child",
state: {
message: "子の削除に成功しました！"
}
});
} else {
setMessageAlert("子の削除に失敗しました。");
}
setShowAlert(true);
});
setShow(false);
} catch (error) {
console.log('error', error);
}
case 1:
case "end":
return _context3.stop();
}
}
}, _callee3);
}));
return _handleAccept.apply(this, arguments);
}
;
function handleCloseAlert() {
return _handleCloseAlert.apply(this, arguments);
}
function _handleCloseAlert() {
_handleCloseAlert = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee4() {
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
setShowAlert(false);
case 1:
case "end":
return _context4.stop();
}
}
}, _callee4);
}));
return _handleCloseAlert.apply(this, arguments);
}
;
if (!child) return null;
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "l-content",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content-w560",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content__ttl",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "l-content__ttl__left",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h2", {
children: "\u5B50\u8A73\u7D30"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
className: "p-notification",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
className: "p-notification-icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
className: "p-notification-icon-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
className: "count",
children: "1"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
className: "p-notification-icon-bg"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.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_6__.jsxs)("g", {
fill: "none",
stroke: "#080808",
strokeLinecap: "round",
strokeLinejoin: "round",
"data-name": "Icon feather-alert-triangle",
transform: "translate(0.777 0.75)",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.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_6__.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_6__.jsx)("path", {
d: "M18,25.5h0",
"data-name": "\u30D1\u30B9 5",
transform: "translate(-7.406 -11.2)"
})]
})
})]
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_notification__WEBPACK_IMPORTED_MODULE_3__.default, {
notice: notice
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_5__.default, {
className: "css-loader"
}), loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("section", {
className: "profile-container",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "profile-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "profile-content",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "profile-thumb",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("input", {
id: "profile-file",
type: "file",
className: "profile-thumb-img"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
src: child.image,
id: "profile-file-preview",
className: "profile-thumb__image",
alt: ""
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p", {
className: "profile-name",
children: [child.last_name, "\u3000", child.first_name]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
className: "profile-info",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
className: "profile-image",
alt: "child-image"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "profile-name ft-xs-16",
children: "".concat(child.first_name, " ").concat(child.last_name)
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "profile-info ft-xs-17",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "profile-info__item",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
src: "../../../assets/img/icon/mail.svg",
alt: "\u30E1\u30FC\u30EB"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
className: "txt",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
href: "mailto:" + child.email,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("a", {
href: "mailto:".concat(child.email),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
src: "/assets/img/icon/mail.svg",
alt: "\u30E1\u30FC\u30EB"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "txt",
children: child.email
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "profile-info__item",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
src: "../../../assets/img/icon/phone.svg",
alt: "\u96FB\u8A71"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
className: "txt",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
href: "tel:" + child.tel,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("a", {
href: "tel:".concat(child.tel),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
src: "/assets/img/icon/phone.svg",
alt: "\u96FB\u8A71"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "txt",
children: child.tel
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "profile-info__item",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
src: "../../../assets/img/icon/building.svg",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
src: "/assets/img/icon/building.svg",
alt: "\u4F1A\u793E\u540D"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "txt",
children: child.company
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "profile-info__item",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "profile-info__icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
src: "../../../assets/img/icon/calendar.svg",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
src: "/assets/img/icon/calendar.svg",
alt: "\u65E5\u4ED8"
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "txt",
children: moment__WEBPACK_IMPORTED_MODULE_2___default()((_child$father_relatio = child.father_relation) === null || _child$father_relatio === void 0 ? void 0 : _child$father_relatio.hire_at).format('YYYY/MM/DD HH:mm') || ''
children: moment__WEBPACK_IMPORTED_MODULE_2___default()((_child$father_relatio = child.father_relation) === null || _child$father_relatio === void 0 ? void 0 : _child$father_relatio.hire_at).format('YYYY/MM/DD') || ''
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "p-profile-btn",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a", {
onClick: function onClick(e) {
var _props$match$params2;
var _props$match$params;
e.preventDefault();
history.push({
pathname: "/p-account/child/edit/hire-date/".concat((_props$match$params2 = props.match.params) === null || _props$match$params2 === void 0 ? void 0 : _props$match$params2.id),
pathname: "/p-account/child/edit/hire-date/".concat((_props$match$params = props.match.params) === null || _props$match$params === void 0 ? void 0 : _props$match$params.id),
state: {}
});
},
"data-v-ade1d018": "",
className: "btn-default btn-yellow btn-profile btn-r8 btn-h52",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
children: "\u5165\u793E\u65E5\u3092\u5909\u66F4"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "p-profile-txtLink",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("button", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("button", {
type: "button",
onClick: showModal,
className: "a-icon txt-link",
children: "\u524A\u9664\u3059\u308B"
})
})]
})
})
})
})]
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_component_modal_confirm__WEBPACK_IMPORTED_MODULE_4__.default, {
show: show,
message: "全てのミーティングの情報から \n 消えますがよろしいでしょうか。",
handleClose: handleClose,
handleAccept: handleAccept
}), _success && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_5__.default, {
type: "success",
children: _success
})]
})
});
};
@ -46664,14 +46486,14 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js");
/* harmony import */ var _component_notification__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../component/notification */ "./resources/js/component/notification.jsx");
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-toastify */ "./node_modules/react-toastify/dist/react-toastify.esm.js");
/* harmony import */ var react_toastify_dist_ReactToastify_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-toastify/dist/ReactToastify.css */ "./node_modules/react-toastify/dist/ReactToastify.css");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.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 axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/esm/react-router.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/esm/react-router-dom.js");
/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js");
/* harmony import */ var _notification__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../notification */ "./resources/js/parent/notification.jsx");
/* harmony import */ var react_infinite_scroll_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-infinite-scroll-component */ "./node_modules/react-infinite-scroll-component/dist/index.es.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __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."); }
@ -46692,143 +46514,130 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var INFINITE = 10;
var SCROLL_DELAY_TIME = 1500;
var Child = function Child() {
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_5__.useHistory)();
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(localStorage.getItem('notice')),
_useState2 = _slicedToArray(_useState, 2),
children = _useState2[0],
setChildren = _useState2[1];
notice = _useState2[0],
setNotice = _useState2[1];
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true),
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
_useState4 = _slicedToArray(_useState3, 2),
loading = _useState4[0],
setLoading = _useState4[1];
children_list = _useState4[0],
setChildrenList = _useState4[1];
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
_useState6 = _slicedToArray(_useState5, 2),
fetch_children_list = _useState6[0],
setFetchChildrenList = _useState6[1];
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
_useState8 = _slicedToArray(_useState7, 2),
loaded = _useState8[0],
setLoaded = _useState8[1];
var history = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_6__.useHistory)();
var fatherId = document.getElementById('father_id').value;
var state = history.location.state;
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
axios__WEBPACK_IMPORTED_MODULE_4___default().get('/api/children/listOfFather', {
setLoaded(false);
var father_id = document.getElementById('father_id').value;
axios__WEBPACK_IMPORTED_MODULE_1___default().get('/api/fathers/children/listOfFather', {
params: {
father_id: fatherId
father_id: father_id
}
}).then(function (response) {
setLoaded(true);
setNotice(response.data.notice);
if (response.data.status_code == 200) {
console.log(response.data.params);
setChildren(response.data.params);
} else if (response.data.status_code == 400) {//TODO
}
setLoading(false);
if (state !== null && state !== void 0 && state.message) {
react_toastify__WEBPACK_IMPORTED_MODULE_2__.toast.success(state === null || state === void 0 ? void 0 : state.message, {
position: "top-center",
autoClose: 5000,
className: "bg-success",
hideProgressBar: true,
closeOnClick: true,
pauseOnHover: true,
draggable: false,
progress: undefined,
style: {
color: '#ffffff',
opacity: 0.95
}
});
setChildrenList(response.data.params);
var len = response.data.params.length;
if (len > INFINITE) setFetchChildrenList(response.data.params.slice(0, INFINITE));else setFetchChildrenList(response.data.params.slice(0, len));
}
});
}, []);
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
var fetchMoreChildrenList = function fetchMoreChildrenList() {
setTimeout(function () {
var x = fetch_children_list.length;
var y = children_list.length;
var c = 0;
if (x + INFINITE < y) c = INFINITE;else c = y - x;
setFetchChildrenList(children_list.slice(0, x + c));
}, SCROLL_DELAY_TIME);
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_toastify__WEBPACK_IMPORTED_MODULE_2__.ToastContainer, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content__ttl",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.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_4__.jsx)("h2", {
children: "\u5B50\u4E00\u89A7"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "p-meetingAdd-btn",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("a", {
onClick: function onClick(e) {
e.preventDefault();
history.push({
pathname: '/p-account/child/add',
state: {}
});
},
"data-v-ade1d018": "",
className: "btn-default btn-yellow btn-meeting btn-shadow btn-r8 btn-h48 btn-fz14",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
children: "\u5B50\u3092\u8FFD\u52A0"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("svg", {
version: "1.1",
viewBox: "0 0 500 500",
className: "icon svg-icon svg-fill svg-up",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("path", {
fill: "#000",
stroke: "none",
pid: "0",
d: "M250 437.6c-16.5 0-30-13.5-30-30V280.1H92.5c-16.5 0-30-13.5-30-30s13.5-30 30-30H220V92.6c0-16.5 13.5-30 30-30s30 13.5 30 30v127.5h127.5c16.5 0 30 13.5 30 30s-13.5 30-30 30H280v127.5c0 16.5-13.5 30-30 30z"
})
})]
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_notification__WEBPACK_IMPORTED_MODULE_1__.default, {})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_notification__WEBPACK_IMPORTED_MODULE_2__.default, {
notice: notice
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "l-content-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section", {
children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_6__.default, {
className: "css-loader"
}), loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("section", {
className: "search-container",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "search-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "search-content",
children: !loading ? children === null || children === void 0 ? void 0 : children.map(function (child, index) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "search-item",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("a", {
onClick: function onClick(e) {
e.preventDefault();
history.push({
pathname: "/p-account/child/detail/".concat(child.id),
state: {
child_id: child.id
}
});
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
className: "user-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "user-avatar",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img", {
alt: "name",
className: "avatar-img",
src: child.image
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
className: "user-info",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("p", {
className: "user-name",
children: [child.last_name, " ", child.first_name]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("p", {
className: "user-tel",
children: child.company
})]
})]
})
})
});
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_infinite_scroll_component__WEBPACK_IMPORTED_MODULE_3__.default, {
dataLength: fetch_children_list.length,
next: fetchMoreChildrenList,
hasMore: fetch_children_list.length != children_list.length,
loader: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
id: "dots3",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {})]
}),
style: {
position: "relative",
left: "50%"
overflow: 'none',
position: 'relative'
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_7__.default, {})
children: fetch_children_list.length > 0 ? fetch_children_list.map(function (item, id) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "search-item border-0",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.Link, {
to: "/p-account/child/detail/".concat(item.id),
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "user-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "user-avatar",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
alt: "name",
className: "avatar-img",
src: item.image
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "user-info",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("p", {
className: "user-name",
children: [item.first_name, " ", item.last_name]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "user-tel",
children: item.company
})]
})]
})
})
}, id);
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "text-center py-5 ft-xs-17",
children: "\u5B50\u306F\u3042\u308A\u307E\u305B\u3093\u3002"
})
})
})
})
})
})]
})]
});
};
@ -47560,6 +47369,16 @@ var MeetingAdd = function MeetingAdd(props) {
}
});
}
}, []); //-------------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for (var i = 0; i < navbar_list.length; i++) {
navbar_list[i].classList.remove('nav-active');
}
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
}, []); //--------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
@ -47835,6 +47654,24 @@ var MeetingAdd = function MeetingAdd(props) {
id: "file_pdf",
onChange: handlePDFChange
})]
}), pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_material_IconButton__WEBPACK_IMPORTED_MODULE_9__.default, {
onClick: function onClick() {
return setPdf('');
},
style: {
position: 'absolute',
top: '-6px',
right: '-6px'
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_icons_material_Remove__WEBPACK_IMPORTED_MODULE_10__.default, {
style: {
width: '22px',
height: '22px',
color: 'white',
background: '#dd0000',
borderRadius: '50%'
}
})
}), _422errors.pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.pdf
@ -48154,6 +47991,16 @@ var MeetingDetail = function MeetingDetail(props) {
setThumbnail((_response$data$params = response.data.params.meeting_image[0]) === null || _response$data$params === void 0 ? void 0 : _response$data$params.image);
}
});
}, []); //-------------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for (var i = 0; i < navbar_list.length; i++) {
navbar_list[i].classList.remove('nav-active');
}
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
}, []);
var handleAcceptDelete = function handleAcceptDelete() {
@ -48688,6 +48535,16 @@ var MeetingEdit = function MeetingEdit(props) {
setChildrenList(arr);
}
});
}, []); //-------------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for (var i = 0; i < navbar_list.length; i++) {
navbar_list[i].classList.remove('nav-active');
}
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
}, []); //--------------------------------------------------------
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
@ -48822,7 +48679,6 @@ var MeetingEdit = function MeetingEdit(props) {
switch (response.data.status_code) {
case 200:
setMeetingImages(response.data.params);
notify_save();
break;
case 400:
@ -48837,18 +48693,6 @@ var MeetingEdit = function MeetingEdit(props) {
};
};
var handlePDFChange = function handlePDFChange(e) {
e.preventDefault();
var reader = new FileReader();
var _file = e.target.files[0];
if (!_file) return;
reader.readAsDataURL(_file);
reader.onloadend = function () {
setPdf(reader.result);
};
};
var handleDeleteImage = function handleDeleteImage(image_id) {
axios__WEBPACK_IMPORTED_MODULE_1___default().delete("/api/fathers/meeting/images/delete/".concat(meeting_id), {
params: {
@ -48860,7 +48704,6 @@ var MeetingEdit = function MeetingEdit(props) {
switch (response.data.status_code) {
case 200:
setMeetingImages(response.data.params);
notify_delete();
break;
case 400:
@ -48869,6 +48712,18 @@ var MeetingEdit = function MeetingEdit(props) {
});
};
var handleChangePDF = function handleChangePDF(e) {
e.preventDefault();
var reader = new FileReader();
var _file = e.target.files[0];
if (!_file) return;
reader.readAsDataURL(_file);
reader.onloadend = function () {
setPdf(reader.result);
};
};
var handleCheck = function handleCheck(e, index) {
var list = _toConsumableArray(children_list);
@ -49007,8 +48862,26 @@ var MeetingEdit = function MeetingEdit(props) {
name: "file_pdf",
accept: ".pdf",
id: "file_pdf",
onChange: handlePDFChange
onChange: handleChangePDF
})]
}), pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_material_IconButton__WEBPACK_IMPORTED_MODULE_9__.default, {
onClick: function onClick() {
return setPdf('');
},
style: {
position: 'absolute',
top: '-6px',
right: '-6px'
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_mui_icons_material_Remove__WEBPACK_IMPORTED_MODULE_10__.default, {
style: {
width: '22px',
height: '22px',
color: 'white',
background: '#dd0000',
borderRadius: '50%'
}
})
}), _422errors.pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.pdf

4
backend/resources/js/admin/meeting/edit.jsx
ファイルの表示

@ -134,7 +134,7 @@ const MeetingEdit = (props) => {
axios.post(`/api/admin/meeting/images/register`, formdata, {params:{meeting_id: props.match.params.meeting_id}})
.then(response => {
switch(response.data.status_code){
case 200: setMeetingImages(response.data.params); notify_save(); break;
case 200: setMeetingImages(response.data.params); break;
case 400: set400Error(response.data.error_messages); break;
case 422: set422Errors(response.data.error_messages); break;
}
@ -158,7 +158,7 @@ const MeetingEdit = (props) => {
axios.delete(`/api/admin/meeting/images/delete/${props.match.params?.meeting_id}`, {params:{image_id: image_id}})
.then(response=>{
switch(response.data.status_code){
case 200: setMeetingImages(response.data.params); notify_delete(); break;
case 200: setMeetingImages(response.data.params); break;
case 400: set400Error("画像の削除に失敗しました。");
}
})

13
backend/resources/js/child/parent/index.jsx
ファイルの表示

@ -1,6 +1,6 @@
import React, { useEffect, useState } from 'react';
import axios from 'axios';
import { useHistory } from 'react-router-dom';
import { useHistory, Link } from 'react-router-dom';
import { CircularProgress } from '@material-ui/core';
import Notification from '../notification';
@ -85,14 +85,7 @@ const Parent = () => {
fetch_parent_list.length>0 ?
fetch_parent_list.map((item, id)=>
<div className="search-item border-0" key={id}>
<a onClick={e => {
e.preventDefault();
history.push({
pathname: `/c-account/parent/detail/${item.id}`,
state: {}
});
}}
>
<Link to={`/c-account/parent/detail/${item.id}`}>
<div className="user-wrap">
<div className="user-avatar">
<img alt="name" className="avatar-img" src={item.image}/>
@ -101,7 +94,7 @@ const Parent = () => {
<p className="user-name">{item.company}</p>
</div>
</div>
</a>
</Link>
</div>
)
:<p className="text-center py-5 ft-xs-17">親データはありません。</p>

243
backend/resources/js/parent/child/detail.jsx
ファイルの表示

@ -1,160 +1,119 @@
import React, { useEffect, useState } from 'react';
import moment from 'moment';
import axios from 'axios';
import ModalConfirm from '../../component/modal_confirm';
import { useHistory } from 'react-router-dom';
import Alert from '../../component/alert';
import { CircularProgress } from '@material-ui/core';
import moment from 'moment';
import Notification from '../notification';
const ChildDetail = (props) => {
const [_success, setSuccess] = useState('');
const [child, setChild] = useState(null);
const [show, setShow] = useState(false);
const [showAlert, setShowAlert] = useState(false);
const [messageAlert, setMessageAlert] = useState(null);
const fatherId = document.getElementById('father_id').value;
const history = useHistory();
useEffect(() => {
axios.get(`/api/children/detail/${props.match.params?.id}`, {params: { father_id: fatherId }}).then((response) => {
if(response.data.status_code==200){
console.log(response.data.params[0]);
setChild(response.data.params[0]);
} else if(response.data.status_code==400){
//TODO
}
});
}, []);
const [notice, setNotice] = useState(localStorage.getItem('notice'));
const [loaded, setLoaded] = useState(false);
const [child, setChild] = useState({image:'', email:'', profile:'', tel:'', company:''});
const father_id = document.getElementById('father_id').value;
async function showModal() {
setShow(true);
};
async function handleClose() {
setShow(false);
};
async function handleAccept() {
try {
axios.delete(`/api/children/delete/${props.match.params?.id}`)
.then(response => {
if(response.data.status_code == 200){
// setMessageAlert("子の削除に成功しました！");
history.push({
pathname: "/p-account/child",
state: {message : "子の削除に成功しました！"}
});
} else {
setMessageAlert("子の削除に失敗しました。");
useEffect(() => {
setLoaded(false);
axios.get('/api/fathers/children/detail/'+props.match.params.child_id, {params:{father_id: father_id}})
.then(response => {
setLoaded(true);
console.log(response.data);
setNotice(response.data.notice);
if(response.data.status_code==200){
setChild(response.data.params);
}
setShowAlert(true);
});
setShow(false);
} catch (error) {
console.log('error', error);
}
};
async function handleCloseAlert() {
setShowAlert(false);
};
if (!child) return null;
})
},[]);
//-------------------------------------------------------------
useEffect(()=>{
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for(let i=0; i<navbar_list.length; i++)
navbar_list[i].classList.remove('nav-active');
document.getElementsByClassName("-child")[0].classList.add('nav-active');
},[]);
return (
<div className="l-content">
<div className="l-content-w560">
<div className="l-content__ttl">
<div className="l-content__ttl__left">
<h2>子詳細</h2>
</div>
<div className="p-notification">
<div className="p-notification-icon">
<div className="p-notification-icon-wrap">
<div className="count">1</div>
<div className="p-notification-icon-bg"></div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" >
<g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)">
<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="パス 3" transform="translate(-2.328 -4.346)"/>
<path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/>
<path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/>
</g>
</svg>
</div>
<div className="l-content">
<div className="l-content-w560">
<div className="l-content__ttl">
<div className="l-content__ttl__left">
<h2>子詳細</h2>
</div>
<Notification notice={notice}/>
</div>
</div>
</div>
<div className="l-content-wrap">
<div className="profile-container">
<div className="profile-wrap">
<div className="profile-content">
<div className="profile-thumb">
{/* <label> */}
<input id="profile-file" type="file" className="profile-thumb-img" />
<img src={ child.image } id="profile-file-preview" className="profile-thumb__image" alt="" />
{/* </label> */}
</div>
<p className="profile-name">{ child.last_name }　{ child.first_name }</p>
<div className="profile-info">
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="../../../assets/img/icon/mail.svg" alt="メール" />
</p>
<p className="txt"><a href={"mailto:" + child.email}>{ child.email }</a></p>
</div>
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="../../../assets/img/icon/phone.svg" alt="電話" />
</p>
<p className="txt"><a href={"tel:" + child.tel}>{ child.tel }</a></p>
</div>
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="../../../assets/img/icon/building.svg" alt="会社名" />
</p>
<p className="txt">{ child.company }</p>
</div>
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="../../../assets/img/icon/calendar.svg" alt="日付" />
</p>
<p className="txt">{ moment(child.father_relation?.hire_at).format('YYYY/MM/DD HH:mm') || '' }</p>
</div>
</div>
<div className="l-content-wrap">
{
!loaded &&
<CircularProgress className="css-loader"/>
}
{
loaded &&
<section className="profile-container">
<div className="profile-wrap">
<div className="profile-content">
<div className="profile-thumb">
<img src={child.image} className="profile-image" alt="child-image" />
</div>
<p className="profile-name ft-xs-16">{`${child.first_name} ${child.last_name}`}</p>
<div className="profile-info ft-xs-17">
<div className="profile-info__item">
<a href={`mailto:${child.email}`}>
<p className="profile-info__icon">
<img src="/assets/img/icon/mail.svg" alt="メール"/>
</p>
<p className="txt">{child.email}</p>
</a>
</div>
<div className="profile-info__item">
<a href={`tel:${child.tel}`}>
<p className="profile-info__icon">
<img src="/assets/img/icon/phone.svg" alt="電話" />
</p>
<p className="txt">{child.tel}</p>
</a>
</div>
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="/assets/img/icon/building.svg" alt="会社名"/>
</p>
<p className="txt">{child.company}</p>
</div>
<div className="profile-info__item">
<p className="profile-info__icon">
<img src="/assets/img/icon/calendar.svg" alt="日付" />
</p>
<p className="txt">{ moment(child.father_relation?.hire_at).format('YYYY/MM/DD') || '' }</p>
</div>
</div>
<div className="p-profile-btn">
<a
onClick={e => {
e.preventDefault();
history.push({
pathname: `/p-account/child/edit/hire-date/${props.match.params?.id}`,
state: {}
});
}}
data-v-ade1d018=""
className="btn-default btn-yellow btn-profile btn-r8 btn-h52">
<span>入社日を変更</span>
</a>
</div>
<div className="p-profile-btn">
<a
onClick={e => {
e.preventDefault();
history.push({
pathname: `/p-account/child/edit/hire-date/${props.match.params?.id}`,
state: {}
});
}}
data-v-ade1d018=""
className="btn-default btn-yellow btn-profile btn-r8 btn-h52">
<span>入社日を変更</span>
</a>
</div>
<div className="p-profile-txtLink">
<button type="button" onClick={showModal} className="a-icon txt-link">削除する</button>
</div>
</div>
<div className="p-profile-txtLink">
<button type="button" className="a-icon txt-link">削除する</button>
</div>
</div>
</div>
</section>
}
</div>
</div>
</div>
</div>
<ModalConfirm
show={show}
message={"全てのミーティングの情報から \n 消えますがよろしいでしょうか。"}
handleClose={handleClose}
handleAccept={handleAccept}
/>
{ _success && <Alert type="success">{_success}</Alert> }
</div>
)
)
}
export default ChildDetail;

194
backend/resources/js/parent/child/index.jsx
ファイルの表示

@ -1,102 +1,116 @@
import React, { useEffect, useState } from 'react';
import { CircularProgress } from '@material-ui/core';
import Notification from '../../component/notification';
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import axios from 'axios';
import { useHistory } from 'react-router-dom'
import { useHistory, Link } from 'react-router-dom';
import { CircularProgress } from '@material-ui/core';
import Notification from '../notification';
import InfiniteScroll from "react-infinite-scroll-component";
const INFINITE = 10;
const SCROLL_DELAY_TIME = 1500;
const Child = () => {
const [children, setChildren ] = useState(null);
const [loading, setLoading] = useState(true);
const history = useHistory();
const fatherId = document.getElementById('father_id').value;
const state = history.location.state
const history = useHistory();
const [notice, setNotice] = useState(localStorage.getItem('notice'));
const [children_list, setChildrenList] = useState([]);
const [fetch_children_list, setFetchChildrenList] = useState([]);
const [loaded, setLoaded] = useState(false);
useEffect(() => {
axios.get('/api/children/listOfFather', {params: { father_id: fatherId }}).then((response) => {
if(response.data.status_code==200){
console.log(response.data.params);
setChildren(response.data.params);
} else if(response.data.status_code==400){
//TODO
}
setLoading(false);
if(state?.message) {
toast.success(state?.message, {
position: "top-center",
autoClose: 5000,
className:"bg-success",
hideProgressBar: true,
closeOnClick: true,
pauseOnHover: true,
draggable: false,
progress: undefined,
style:{ color: '#ffffff', opacity: 0.95}
});
}
});
}, []);
useEffect(() => {
setLoaded(false);
let father_id = document.getElementById('father_id').value;
axios.get('/api/fathers/children/listOfFather', {params: {father_id: father_id}})
.then(response => {
setLoaded(true);
setNotice(response.data.notice);
if(response.data.status_code==200){
setChildrenList(response.data.params);
var len = response.data.params.length;
if(len > INFINITE)
setFetchChildrenList(response.data.params.slice(0, INFINITE));
else setFetchChildrenList(response.data.params.slice(0, len));
}
})
}, []);
const fetchMoreChildrenList = () => {
setTimeout(() => {
var x = fetch_children_list.length;
var y = children_list.length;
var c = 0;
if(x+INFINITE < y) c = INFINITE;
else c = y - x;
setFetchChildrenList(children_list.slice(0, x+c));
}, SCROLL_DELAY_TIME);
};
return (
<div className="l-content">
<ToastContainer />
<div className="l-content__ttl">
<div className="l-content__ttl__left">
<h2>子一覧</h2>
<div className="p-meetingAdd-btn">
<a
onClick={e => {
e.preventDefault();
history.push({
pathname: '/p-account/child/add',
state: {}
});
}}
data-v-ade1d018=""
className="btn-default btn-yellow btn-meeting btn-shadow btn-r8 btn-h48 btn-fz14">
<span>子を追加</span>
<svg version="1.1" viewBox="0 0 500 500" className="icon svg-icon svg-fill svg-up">
<path fill="#000" stroke="none" pid="0" d="M250 437.6c-16.5 0-30-13.5-30-30V280.1H92.5c-16.5 0-30-13.5-30-30s13.5-30 30-30H220V92.6c0-16.5 13.5-30 30-30s30 13.5 30 30v127.5h127.5c16.5 0 30 13.5 30 30s-13.5 30-30 30H280v127.5c0 16.5-13.5 30-30 30z"></path>
</svg>
</a>
<div className="l-content">
<div className="l-content__ttl">
<div className="l-content__ttl__left">
<h2>子一覧</h2>
</div>
<Notification notice={notice}/>
</div>
<div className="l-content-wrap">
{
!loaded &&
<CircularProgress className="css-loader"/>
}
{
loaded &&
<section className="search-container">
<div className="search-wrap">
<div className="search-content">
<InfiniteScroll
dataLength={fetch_children_list.length}
next={fetchMoreChildrenList}
hasMore={fetch_children_list.length != children_list.length}
loader={
<div id="dots3">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
}
style={{overflow:'none', position:'relative'}}
>
{
fetch_children_list.length>0 ?
fetch_children_list.map((item, id)=>
<div className="search-item border-0" key={id}>
<Link to = {`/p-account/child/detail/${item.id}`}>
<div className="user-wrap">
<div className="user-avatar">
<img alt="name" className="avatar-img" src={item.image}/>
</div>
<div className="user-info">
<p className="user-name">{ item.first_name } { item.last_name }</p>
<p className="user-tel">{ item.company }</p>
</div>
</div>
</Link>
</div>
)
:<p className="text-center py-5 ft-xs-17">子はありません。</p>
}
</InfiniteScroll>
</div>
</div>
</section>
}
</div>
</div>
<Notification />
</div>
<div className="l-content-wrap">
<section className="search-container">
<div className="search-wrap">
<div className="search-content">
{ !loading ? children?.map((child, index) => {
return (
<div className="search-item">
<a onClick={e => {
e.preventDefault();
history.push({
pathname: `/p-account/child/detail/${child.id}`,
state: { child_id : child.id }
});
}} >
<div className="user-wrap">
<div className="user-avatar">
<img alt="name" className="avatar-img" src={ child.image } />
</div>
<div className="user-info">
<p className="user-name">{ child.last_name } { child.first_name }</p>
<p className="user-tel">{ child.company }</p>
</div>
</div>
</a>
</div>
);
}) : <div style={{position: "relative", left: "50%"}}><CircularProgress /></div>}
</div>
</div>
</section>
</div>
</div>
)
)
}
export default Child;

22
backend/resources/js/parent/meeting/add.jsx
ファイルの表示

@ -70,6 +70,14 @@ const MeetingAdd = (props) => {
}
},[])
//-------------------------------------------------------------
useEffect(()=>{
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for(let i=0; i<navbar_list.length; i++)
navbar_list[i].classList.remove('nav-active');
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
},[]);
//--------------------------------------------------------
useEffect(()=>{
if(!loaded) return; //if dont load data
@ -254,6 +262,20 @@ const MeetingAdd = (props) => {
PDFアップロード
<input type="file" name="file_pdf" accept=".pdf" id="file_pdf" onChange={handlePDFChange} />
</label>
{
pdf &&
<IconButton
onClick={()=>setPdf('')}
style={{position: 'absolute',
top: '-6px',
right: '-6px'}}>
<RemoveIcon
style={{width:'22px', height:'22px',
color: 'white',
background: '#dd0000',
borderRadius: '50%'}}/>
</IconButton>
}
{
_422errors.pdf &&
<span className="l-alert__text--error ft-16 ft-md-14">

8
backend/resources/js/parent/meeting/detail.jsx
ファイルの表示

@ -54,6 +54,14 @@ const MeetingDetail = (props) => {
});
}, []);
//-------------------------------------------------------------
useEffect(()=>{
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for(let i=0; i<navbar_list.length; i++)
navbar_list[i].classList.remove('nav-active');
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
},[]);
const handleAcceptDelete = () => {
setSubmitDelete(true);

54
backend/resources/js/parent/meeting/edit.jsx
ファイルの表示

@ -64,6 +64,15 @@ const MeetingEdit = (props) => {
});
}, []);
//-------------------------------------------------------------
useEffect(()=>{
var navbar_list = document.getElementsByClassName("mypage-nav-list__item");
for(let i=0; i<navbar_list.length; i++)
navbar_list[i].classList.remove('nav-active');
document.getElementsByClassName("-meeting")[0].classList.add('nav-active');
},[]);
//--------------------------------------------------------
useEffect(()=>{
@ -146,16 +155,26 @@ const MeetingEdit = (props) => {
.then(response => {
setNotice(response.data.notice);
switch(response.data.status_code){
case 200: setMeetingImages(response.data.params); notify_save(); break;
case 200: setMeetingImages(response.data.params); break;
case 400: set400Error(response.data.error_messages); break;
case 422: set422Errors(response.data.error_messages); break;
}
});
});
};
};
const handlePDFChange = (e) => {
const handleDeleteImage = (image_id) => {
axios.delete(`/api/fathers/meeting/images/delete/${meeting_id}`, {params:{image_id: image_id}})
.then(response=>{
setNotice(response.data.notice);
switch(response.data.status_code){
case 200: setMeetingImages(response.data.params); break;
case 400: set400Error("画像の削除に失敗しました。");
}
})
}
const handleChangePDF = (e) => {
e.preventDefault();
let reader = new FileReader();
let _file = e.target.files[0];
@ -166,17 +185,6 @@ const MeetingEdit = (props) => {
}
}
const handleDeleteImage = (image_id) => {
axios.delete(`/api/fathers/meeting/images/delete/${meeting_id}`, {params:{image_id: image_id}})
.then(response=>{
setNotice(response.data.notice);
switch(response.data.status_code){
case 200: setMeetingImages(response.data.params); notify_delete(); break;
case 400: set400Error("画像の削除に失敗しました。");
}
})
}
const handleCheck = (e, index) => {
var list = [...children_list];
list[index].checked = e.target.checked;
@ -267,8 +275,22 @@ const MeetingEdit = (props) => {
<div className="edit-set edit-set-mt15">
<label className="edit-set-file-label" htmlFor="file_pdf">
PDFアップロード
<input type="file" name="file_pdf" accept=".pdf" id="file_pdf" onChange={handlePDFChange} />
<input type="file" name="file_pdf" accept=".pdf" id="file_pdf" onChange={handleChangePDF} />
</label>
{
pdf &&
<IconButton
onClick={()=>setPdf('')}
style={{position: 'absolute',
top: '-6px',
right: '-6px'}}>
<RemoveIcon
style={{width:'22px', height:'22px',
color: 'white',
background: '#dd0000',
borderRadius: '50%'}}/>
</IconButton>
}
{
_422errors.pdf &&
<span className="l-alert__text--error ft-16 ft-md-14">

162
backend/resources/sass/layouts/_main.scss vendored
ファイルの表示

@ -25,70 +25,6 @@ a{
text-decoration: none !important;
}
@include media-breakpoint-down(xs){
.l-content__ttl h2{
font-size: 25px !important;
}
.meeting-tab{
height: 55px !important;
font-size: 16px;
}
.meeting-ttl{
font-size: 17px !important;
}
.meeting-txt{
font-size: 16px !important;
}
.user-date span{
font-size: 14px !important;
}
.count{
min-width: 20px !important;
min-height: 20px !important;
}
.meeting-label{
font-size: 17px !important;
}
.user-name{
font-size: 16px !important;
}
.user-advice-btn span{
font-size: 15px !important;
}
.meeting-date{
font-size: 15px !important;
}
.p-article__pdf__btn span{
font-size: 16px !important;
}
.p-article__txt{
font-size: 16px !important;
}
.p-consent-btn span{
font-size: 16px !important;
}
.profile-info__item{
padding: 10px 20px 10px 15px !important;
}
}
.input-default{
border-radius: 20px !important;
height: 55px;
@ -205,6 +141,24 @@ a{
}
}
.p-article .meeting-member-count {
display: block !important;
}
.css-1t1j96h-MuiPaper-root-MuiDialog-paper{
border-radius: 20px !important;
min-width: 300px;
}
#SettingNotifyModal .css-1t1j96h-MuiPaper-root-MuiDialog-paper{
min-height: 70%;
}
.meeting-member-list{
overflow-y: scroll;
}
/////////////////////////////////////////////////////////////////////////
@media screen and (min-width: 1068px){
@ -223,23 +177,75 @@ a{
}
}
@include media-breakpoint-down(xs){
.numerator, .denominator{
font-size: 16px !important;
@media screen and (max-width: 1068px){
::-webkit-scrollbar {
display: none;
}
}
.p-article .meeting-member-count {
display: block !important;
}
.css-1t1j96h-MuiPaper-root-MuiDialog-paper{
border-radius: 20px !important;
min-width: 300px;
}
#SettingNotifyModal .css-1t1j96h-MuiPaper-root-MuiDialog-paper{
min-height: 70%;
}
@include media-breakpoint-down(xs){
.l-content__ttl h2{
font-size: 25px !important;
}
.meeting-tab{
height: 55px !important;
font-size: 16px;
}
.meeting-ttl{
font-size: 17px !important;
}
.meeting-txt{
font-size: 16px !important;
}
.user-date span{
font-size: 14px !important;
}
.count{
min-width: 20px !important;
min-height: 20px !important;
}
.meeting-label{
font-size: 17px !important;
}
.user-name{
font-size: 16px !important;
}
.user-advice-btn span{
font-size: 15px !important;
}
.meeting-date{
font-size: 15px !important;
}
.p-article__pdf__btn span{
font-size: 16px !important;
}
.p-article__txt{
font-size: 16px !important;
}
.p-consent-btn span{
font-size: 16px !important;
}
.profile-info__item{
padding: 10px 20px 10px 15px !important;
}
.numerator, .denominator{
font-size: 16px !important;
}
}