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

add context

このコミットが含まれているのは:
dragon1211 2022-01-31 20:24:01 -08:00
親 f9fd1b2aae
コミット 62da49ec60
12個のファイルの変更、336行の追加、368行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

483
backend/public/js/index.js vendored
ファイルの表示

@ -30384,29 +30384,26 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ "default": () => (/* binding */ AdminSide)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __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; }
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./resources/js/context.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
function AdminSide() {
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
selected = _useState2[0],
setSelected = _useState2[1];
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.HeaderContext),
selected_item_sidebar = _useContext.selected_item_sidebar,
SetSelectedItemOfSidebar = _useContext.SetSelectedItemOfSidebar;
var _useLocation = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useLocation)(),
pathname = _useLocation.pathname;
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, []);
var handleLogout = function handleLogout() {
axios.get('/admin/logout').then(function () {
@ -30415,78 +30412,74 @@ function AdminSide() {
});
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
className: "l-side",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "l-side-logo",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", {
href: "",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
src: "/assets/img/common/logo_w.svg",
alt: "\u30ED\u30B4"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("nav", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("nav", {
className: "mypage-nav",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("ul", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("ul", {
className: "mypage-nav-list",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item ".concat((selected == 'meeting' || selected == '' && document.getElementById('admin_router').value == 'meeting') && "nav-active"),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item ".concat(selected_item_sidebar == 'meeting' && "nav-active"),
onClick: function onClick(e) {
e.preventDefault();
setSelected('meeting');
SetSelectedItemOfSidebar('meeting');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/admin/meeting",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon meeting"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item ".concat((selected == 'child' || selected == '' && document.getElementById('admin_router').value == 'child') && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item ".concat(selected_item_sidebar == 'child' && "nav-active"),
onClick: function onClick(e) {
e.preventDefault();
setSelected('child');
SetSelectedItemOfSidebar('child');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/admin/child",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon parents"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u5B50\u60C5\u5831"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item ".concat((selected == 'parent' || selected == '' && document.getElementById('admin_router').value == 'parent') && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item ".concat(selected_item_sidebar == 'parent' && "nav-active"),
onClick: function onClick(e) {
e.preventDefault();
setSelected('parent');
SetSelectedItemOfSidebar('parent');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/admin/parent",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon parents"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u89AA\u60C5\u5831"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item ".concat(selected == 'logout' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item ".concat(selected_item_sidebar == 'logout' && "nav-active"),
onClick: function onClick(e) {
e.preventDefault();
setSelected('logout');
SetSelectedItemOfSidebar('logout');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("a", {
className: "mypage-nav-list__link",
onClick: handleLogout,
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon log-out"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30ED\u30B0\u30A2\u30A6\u30C8"
})]
})
@ -30507,12 +30500,14 @@ function AdminSide() {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var react_cookie__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-cookie */ "./node_modules/react-cookie/es6/CookiesProvider.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var react_cookie__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-cookie */ "./node_modules/react-cookie/es6/CookiesProvider.js");
/* harmony import */ var _routes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./routes */ "./resources/js/routes.js");
/* harmony import */ var _component_scroll_top__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./component/scroll_top */ "./resources/js/component/scroll_top.jsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./context */ "./resources/js/context.js");
/* harmony import */ var _component_scroll_top__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./component/scroll_top */ "./resources/js/component/scroll_top.jsx");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
@ -30522,14 +30517,16 @@ __webpack_require__.r(__webpack_exports__);
var KIKIAPP = function KIKIAPP() {
var routing = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_4__.useRoutes)(_routes__WEBPACK_IMPORTED_MODULE_1__["default"]);
var routing = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_5__.useRoutes)(_routes__WEBPACK_IMPORTED_MODULE_1__["default"]);
return routing;
};
if (document.getElementById('root')) {
react_dom__WEBPACK_IMPORTED_MODULE_0__.render( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_cookie__WEBPACK_IMPORTED_MODULE_5__["default"], {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_6__.BrowserRouter, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_component_scroll_top__WEBPACK_IMPORTED_MODULE_2__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(KIKIAPP, {})]
react_dom__WEBPACK_IMPORTED_MODULE_0__.render( /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_context__WEBPACK_IMPORTED_MODULE_2__.HeaderContextProvider, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_cookie__WEBPACK_IMPORTED_MODULE_6__["default"], {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_7__.BrowserRouter, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_component_scroll_top__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(KIKIAPP, {})]
})
})
}), document.getElementById('root'));
}
@ -34528,31 +34525,26 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ "default": () => (/* binding */ ChildSide)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __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; }
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./resources/js/context.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
function ChildSide() {
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
selected = _useState2[0],
setSelected = _useState2[1];
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.HeaderContext),
selected_item_sidebar = _useContext.selected_item_sidebar,
SetSelectedItemOfSidebar = _useContext.SetSelectedItemOfSidebar;
var child_img = document.getElementById('child_image').value;
var _useLocation = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useLocation)(),
pathname = _useLocation.pathname;
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, []);
var handleLogout = function handleLogout() {
axios.get('/c-account/logout').then(function () {
@ -34561,105 +34553,94 @@ function ChildSide() {
});
};
var handleSelected = function handleSelected(id) {
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(id)[0].classList.add('nav-active');
setSelected(id);
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
className: "l-side",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "l-side-logo",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", {
href: "",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
src: "/assets/img/common/logo_w.svg",
alt: "\u30ED\u30B4"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("nav", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("nav", {
className: "mypage-nav",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("ul", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("ul", {
className: "mypage-nav-list",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -meeting ".concat(selected == '' && document.getElementById('c_router').value == 'meeting' && "nav-active"),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -meeting ".concat(selected_item_sidebar == 'meeting' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-meeting");
return SetSelectedItemOfSidebar('meeting');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/c-account/meeting",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon meeting"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -search ".concat(selected == '' && document.getElementById('c_router').value == 'search' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -search ".concat(selected_item_sidebar == 'search' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-search");
return SetSelectedItemOfSidebar('search');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/c-account/search",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon search"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u691C\u7D22"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -parentinfo ".concat(selected == '' && document.getElementById('c_router').value == 'parent' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -parentinfo ".concat(selected_item_sidebar == 'parent' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-parentinfo");
return SetSelectedItemOfSidebar('parent');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/c-account/parent",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon parents"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u89AA\u60C5\u5831"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -profile ".concat(selected == '' && document.getElementById('c_router').value == 'profile' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -profile ".concat(selected_item_sidebar == 'profile' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-profile");
return SetSelectedItemOfSidebar('profile');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "user-icon mypage-nav-list__link",
to: "/c-account/profile",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("figure", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("figure", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "prof-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img", {
src: child_img,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
src: document.getElementById('child_image').value,
alt: "avatar"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -logout ".concat(selected == '-logout' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -logout ".concat(selected_item_sidebar == 'logout' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-logout");
return SetSelectedItemOfSidebar('logout');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("a", {
className: "mypage-nav-list__link",
onClick: handleLogout,
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon log-out"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30ED\u30B0\u30A2\u30A6\u30C8"
})]
})
@ -35492,8 +35473,9 @@ __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 react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./resources/js/context.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."); }
@ -35511,11 +35493,17 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var Notification = function Notification(_ref) {
var notice = _ref.notice;
var navigator = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useNavigate)();
var _useLocation = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_2__.useLocation)(),
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.HeaderContext),
selected_item_sidebar = _useContext.selected_item_sidebar,
SetSelectedItemOfSidebar = _useContext.SetSelectedItemOfSidebar;
var navigator = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useNavigate)();
var _useLocation = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useLocation)(),
pathname = _useLocation.pathname;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
@ -35524,13 +35512,7 @@ var Notification = function Notification(_ref) {
setNumber = _useState2[1];
var handleClick = function handleClick() {
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');
SetSelectedItemOfSidebar('meeting');
navigator("/".concat(pathname.split('/')[1], "/meeting"));
};
@ -35547,23 +35529,23 @@ var Notification = function Notification(_ref) {
setNumber(notice);
}
}, [notice]);
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "p-notification",
onClick: handleClick,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "p-notification-icon",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
className: "p-notification-icon-wrap",
children: [number > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [number > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "count",
children: number
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "p-notification-icon-bg"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.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_1__.jsxs)("g", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("g", {
fill: "none",
stroke: "#080808",
strokeLinecap: "round",
@ -35571,15 +35553,15 @@ var Notification = function Notification(_ref) {
strokeWidth: "1.5",
"data-name": "Icon feather-alert-triangle",
transform: "translate(0.777 0.75)",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("path", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.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_1__.jsx)("path", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.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_1__.jsx)("path", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("path", {
d: "M18,25.5h0",
"data-name": "\u30D1\u30B9 5",
transform: "translate(-7.406 -11.2)"
@ -36216,6 +36198,54 @@ var WithdrawalComplete = function WithdrawalComplete() {
/***/ }),
/***/ "./resources/js/context.js":
/*!*********************************!*\
!*** ./resources/js/context.js ***!
\*********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "HeaderContext": () => (/* binding */ HeaderContext),
/* harmony export */ "HeaderContextProvider": () => (/* binding */ HeaderContextProvider)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __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; }
var HeaderContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({});
var HeaderContextProvider = function HeaderContextProvider(_ref) {
var children = _ref.children;
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
selected_item_sidebar = _useState2[0],
SetSelectedItemOfSidebar = _useState2[1];
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HeaderContext.Provider, {
value: {
selected_item_sidebar: selected_item_sidebar,
SetSelectedItemOfSidebar: SetSelectedItemOfSidebar
},
children: children
});
};
/***/ }),
/***/ "./resources/js/index.js":
/*!*******************************!*\
!*** ./resources/js/index.js ***!
@ -37565,20 +37595,6 @@ var ParentLogin = function ParentLogin() {
var isMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
isMountedRef.current = false;
axios.post('/api/fathers/checkSession').then(function (response) {
if (isMountedRef.current) return;
switch (response.data.status_code) {
case 200:
{
if (location.search == '') window.location.href = "/p-account/meeting";else window.location.href = location.search.replace('?redirect_to=', '');
break;
}
default:
break;
}
});
return function () {
isMountedRef.current = true;
};
@ -41849,15 +41865,6 @@ var ParentMeetings = function ParentMeetings() {
set400Error = _useState22[1];
var isMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
(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 () {
setLoaded(loaded1 && loaded2);
}, [loaded1, loaded2]);
@ -43921,32 +43928,29 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ "default": () => (/* binding */ ParentSide)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __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; }
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router/index.js");
/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-router-dom */ "./node_modules/react-router-dom/index.js");
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context */ "./resources/js/context.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
function ParentSide() {
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
_useState2 = _slicedToArray(_useState, 2),
selected = _useState2[0],
setSelected = _useState2[1];
var father_image = document.getElementById('father_image').value;
var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.HeaderContext),
selected_item_sidebar = _useContext.selected_item_sidebar,
SetSelectedItemOfSidebar = _useContext.SetSelectedItemOfSidebar;
var _useLocation = (0,react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useLocation)(),
pathname = _useLocation.pathname;
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, []);
var handleLogout = function handleLogout() {
axios.get('/p-account/logout').then(function () {
localStorage.removeItem('p-account_token');
@ -43954,119 +43958,108 @@ function ParentSide() {
});
};
var handleSelected = function handleSelected(id) {
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(id)[0].classList.add('nav-active');
setSelected(id);
};
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
className: "l-side",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "l-side-logo",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("a", {
href: "",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
src: "/assets/img/common/logo_w.svg",
alt: "\u30ED\u30B4"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("nav", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("nav", {
className: "mypage-nav",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("ul", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("ul", {
className: "mypage-nav-list",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -meeting ".concat(selected == '' && document.getElementById('p_router').value == 'meeting' && 'nav-active'),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -meeting ".concat(selected_item_sidebar == 'meeting' && 'nav-active'),
onClick: function onClick(e) {
return handleSelected("-meeting");
return SetSelectedItemOfSidebar('meeting');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/p-account/meeting",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon meeting"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -favorite ".concat(selected == '' && document.getElementById('p_router').value == 'favorite' && 'nav-active'),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -favorite ".concat(selected_item_sidebar == 'favorite' && 'nav-active'),
onClick: function onClick(e) {
return handleSelected("-favorite");
return SetSelectedItemOfSidebar('favorite');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/p-account/favorite",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon star"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u304A\u6C17\u306B\u5165\u308A"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -search ".concat(selected == '' && document.getElementById('p_router').value == 'search' && 'nav-active'),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -search ".concat(selected_item_sidebar == 'search' && 'nav-active'),
onClick: function onClick(e) {
return handleSelected("-search");
return SetSelectedItemOfSidebar('search');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/p-account/search",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon search"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u691C\u7D22"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -child ".concat(selected == '' && document.getElementById('p_router').value == 'child' && 'nav-active'),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -child ".concat(selected_item_sidebar == 'child' && 'nav-active'),
onClick: function onClick(e) {
return handleSelected("-child");
return SetSelectedItemOfSidebar('child');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "mypage-nav-list__link",
to: "/p-account/child",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon parents"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u5B50\u60C5\u5831"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -profile ".concat(selected == '' && document.getElementById('p_router').value == 'profile' && 'nav-active'),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -profile ".concat(selected_item_sidebar == 'profile' && 'nav-active'),
onClick: function onClick(e) {
return handleSelected("-profile");
return SetSelectedItemOfSidebar('profile');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_2__.Link, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_4__.Link, {
className: "user-icon mypage-nav-list__link",
to: "/p-account/profile",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("figure", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("figure", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
className: "prof-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img", {
src: father_image,
alt: "image"
})
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30D7\u30ED\u30D5\u30A3\u30FC\u30EB"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li", {
className: "mypage-nav-list__item -logout ".concat(selected == '-logout' && "nav-active"),
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("li", {
className: "mypage-nav-list__item -logout ".concat(selected_item_sidebar == 'logout' && "nav-active"),
onClick: function onClick(e) {
return handleSelected("-logout");
return SetSelectedItemOfSidebar('logout');
},
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("a", {
className: "mypage-nav-list__link",
onClick: handleLogout,
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("i", {
className: "icon log-out"
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span", {
children: "\u30ED\u30B0\u30A2\u30A6\u30C8"
})]
})

33
backend/resources/js/admin/side.jsx
ファイルの表示

@ -1,8 +1,15 @@
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import React, { useState, useContext, useEffect } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { HeaderContext } from '../context';
export default function AdminSide() {
const [selected, setSelected] = useState('');
const {selected_item_sidebar, SetSelectedItemOfSidebar} = useContext(HeaderContext);
const {pathname} = useLocation();
useEffect(()=>{
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, [])
const handleLogout = () => {
axios.get('/admin/logout')
@ -20,10 +27,9 @@ export default function AdminSide() {
<nav className="mypage-nav">
<ul className="mypage-nav-list">
<li
className={`mypage-nav-list__item ${(selected == 'meeting' || (selected == '' && document.getElementById('admin_router').value == 'meeting')) && "nav-active"}`}
className={`mypage-nav-list__item ${selected_item_sidebar == 'meeting' && "nav-active"}`}
onClick={e => {
e.preventDefault();
setSelected('meeting');
SetSelectedItemOfSidebar('meeting');
}}>
<Link className='mypage-nav-list__link' to='/admin/meeting'>
<i className="icon meeting"></i>
@ -31,10 +37,9 @@ export default function AdminSide() {
</Link>
</li>
<li className={`mypage-nav-list__item ${ (selected == 'child' || (selected == '' && document.getElementById('admin_router').value == 'child')) && "nav-active"}`}
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'child' && "nav-active"}`}
onClick={e => {
e.preventDefault();
setSelected('child');
SetSelectedItemOfSidebar('child');
}}>
<Link className='mypage-nav-list__link' to='/admin/child'>
<i className="icon parents"></i>
@ -42,10 +47,9 @@ export default function AdminSide() {
</Link>
</li>
<li className={`mypage-nav-list__item ${ (selected == 'parent' || (selected == '' && document.getElementById('admin_router').value == 'parent')) && "nav-active"}`}
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'parent' && "nav-active"}`}
onClick={e => {
e.preventDefault();
setSelected('parent');
SetSelectedItemOfSidebar('parent');
}}>
<Link className='mypage-nav-list__link' to='/admin/parent'>
<i className="icon parents"></i>
@ -53,10 +57,9 @@ export default function AdminSide() {
</Link>
</li>
<li className={`mypage-nav-list__item ${(selected == 'logout') && "nav-active"}`}
<li className={`mypage-nav-list__item ${ selected_item_sidebar == 'logout' && "nav-active"}`}
onClick={e => {
e.preventDefault();
setSelected('logout');
SetSelectedItemOfSidebar('logout');
}}>
<a className="mypage-nav-list__link" onClick={handleLogout}>

15
backend/resources/js/app.js vendored
ファイルの表示

@ -2,6 +2,7 @@ import ReactDOM from 'react-dom';
import { BrowserRouter, useRoutes } from 'react-router-dom';
import { CookiesProvider } from "react-cookie";
import routes from './routes';
import {HeaderContextProvider} from './context'
import ScrollToTop from './component/scroll_top';
@ -14,12 +15,14 @@ const KIKIAPP = () => {
if(document.getElementById('root')){
ReactDOM.render((
<CookiesProvider>
<BrowserRouter>
<ScrollToTop />
<KIKIAPP />
</BrowserRouter>
</CookiesProvider>
<HeaderContextProvider>
<CookiesProvider>
<BrowserRouter>
<ScrollToTop />
<KIKIAPP />
</BrowserRouter>
</CookiesProvider>
</HeaderContextProvider>
), document.getElementById('root'));
}

46
backend/resources/js/child/side.jsx
ファイルの表示

@ -1,10 +1,19 @@
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import React, { useState, useContext, useEffect } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { HeaderContext } from '../context';
export default function ChildSide() {
const [selected, setSelected] = useState('');
const child_img = document.getElementById('child_image').value;
const {selected_item_sidebar, SetSelectedItemOfSidebar} = useContext(HeaderContext);
const {pathname} = useLocation();
useEffect(()=>{
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, [])
const handleLogout = () => {
axios.get('/c-account/logout')
@ -14,13 +23,6 @@ export default function ChildSide() {
})
}
const handleSelected = (id) => {
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(id)[0].classList.add('nav-active');
setSelected(id);
}
return (
<div className="l-side">
@ -30,41 +32,41 @@ export default function ChildSide() {
<nav className="mypage-nav">
<ul className="mypage-nav-list">
<li
className={`mypage-nav-list__item -meeting ${(selected == '' && document.getElementById('c_router').value == 'meeting') && "nav-active"}`}
onClick={e => handleSelected("-meeting")}>
className={`mypage-nav-list__item -meeting ${ selected_item_sidebar == 'meeting' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('meeting')}>
<Link className='mypage-nav-list__link' to='/c-account/meeting'>
<i className="icon meeting"></i>
<span>ミーティング</span>
</Link>
</li>
<li className={`mypage-nav-list__item -search ${ (selected == '' && document.getElementById('c_router').value == 'search') && "nav-active"}`}
onClick={e => handleSelected("-search")}>
<li className={`mypage-nav-list__item -search ${ selected_item_sidebar == 'search' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('search')}>
<Link className='mypage-nav-list__link' to='/c-account/search'>
<i className="icon search"></i>
<span>検索</span>
</Link>
</li>
<li className={`mypage-nav-list__item -parentinfo ${ (selected == '' && document.getElementById('c_router').value == 'parent') && "nav-active"}`}
onClick={e => handleSelected("-parentinfo")}>
<li className={`mypage-nav-list__item -parentinfo ${ selected_item_sidebar == 'parent' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('parent')}>
<Link className='mypage-nav-list__link' to='/c-account/parent'>
<i className="icon parents"></i>
<span>親情報</span>
</Link>
</li>
<li className={`mypage-nav-list__item -profile ${ (selected == '' && document.getElementById('c_router').value == 'profile') && "nav-active"}`}
onClick={e => handleSelected("-profile")}>
<li className={`mypage-nav-list__item -profile ${ selected_item_sidebar == 'profile' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('profile')}>
<Link className='user-icon mypage-nav-list__link' to='/c-account/profile'>
<figure>
<div className="prof-wrap">
<img src={child_img} alt="avatar"/>
<img src={document.getElementById('child_image').value} alt="avatar"/>
</div>
</figure>
<span>プロフィール</span>
</Link>
</li>
<li className={`mypage-nav-list__item -logout ${(selected == '-logout') && "nav-active"}`}
onClick={e => handleSelected("-logout")}>
<li className={`mypage-nav-list__item -logout ${ selected_item_sidebar == 'logout' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('logout')}>
<a className="mypage-nav-list__link" onClick={handleLogout}>
<i className="icon log-out"></i><span>ログアウト</span>

10
backend/resources/js/component/notification.jsx
ファイルの表示

@ -1,17 +1,17 @@
import React, { useEffect, useState } from 'react';
import React, { useEffect, useState, useContext } from 'react';
import { useNavigate, useLocation } from 'react-router-dom';
import { HeaderContext } from '../context';
const Notification = ({ notice }) => {
const {selected_item_sidebar, SetSelectedItemOfSidebar} = useContext(HeaderContext);
const navigator = useNavigate();
const { pathname } = useLocation();
const [number, setNumber] = useState(-1);
const handleClick = () => {
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');
SetSelectedItemOfSidebar('meeting');
navigator(`/${pathname.split('/')[1]}/meeting`);
}

18
backend/resources/js/context.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1,18 @@
import { createContext, useState } from "react";
export const HeaderContext = createContext({});
export const HeaderContextProvider = ({ children }) => {
const [selected_item_sidebar, SetSelectedItemOfSidebar] = useState('');
return (
<HeaderContext.Provider
value={{
selected_item_sidebar, SetSelectedItemOfSidebar
}}
>
{children}
</HeaderContext.Provider>
);
};

16
backend/resources/js/parent/auth/login/index.jsx
ファイルの表示

@ -22,22 +22,6 @@ const ParentLogin = () => {
const isMountedRef = useRef(true);
useEffect(() => {
isMountedRef.current = false;
axios.post('/api/fathers/checkSession').then(response => {
if (isMountedRef.current) return;
switch (response.data.status_code) {
case 200: {
if(location.search == '')
window.location.href = "/p-account/meeting";
else
window.location.href = location.search.replace('?redirect_to=', '');
break;
}
default: break;
}
});
return () => {
isMountedRef.current = true;
}

7
backend/resources/js/parent/meeting/index.jsx
ファイルの表示

@ -30,13 +30,6 @@ const ParentMeetings = () => {
const isMountedRef = useRef(true);
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(()=>{
setLoaded(loaded1 && loaded2);
},[loaded1, loaded2])

47
backend/resources/js/parent/side.jsx
ファイルの表示

@ -1,11 +1,20 @@
import React, { useState } from 'react';
import { Link } from 'react-router-dom';
import React, { useState, useContext, useEffect } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { HeaderContext } from '../context';
export default function ParentSide() {
const [selected, setSelected] = useState('');
const father_image = document.getElementById('father_image').value;
const {selected_item_sidebar, SetSelectedItemOfSidebar} = useContext(HeaderContext);
const {pathname} = useLocation();
useEffect(()=>{
SetSelectedItemOfSidebar(pathname.split('/')[2]);
}, [])
const handleLogout = () => {
axios.get('/p-account/logout')
.then(() => {
@ -14,14 +23,6 @@ export default function ParentSide() {
})
}
const handleSelected = (id) => {
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(id)[0].classList.add('nav-active');
setSelected(id);
}
return (
<div className="l-side">
<div className="l-side-logo">
@ -29,36 +30,36 @@ export default function ParentSide() {
</div>
<nav className="mypage-nav">
<ul className="mypage-nav-list">
<li className={`mypage-nav-list__item -meeting ${selected == '' && document.getElementById('p_router').value == 'meeting' && 'nav-active'}`}
onClick={e => handleSelected("-meeting")}>
<li className={`mypage-nav-list__item -meeting ${ selected_item_sidebar == 'meeting' && 'nav-active'}`}
onClick={e => SetSelectedItemOfSidebar('meeting')}>
<Link className='mypage-nav-list__link' to='/p-account/meeting'>
<i className="icon meeting"></i>
<span>ミーティング</span>
</Link>
</li>
<li className={`mypage-nav-list__item -favorite ${selected == '' && document.getElementById('p_router').value == 'favorite' && 'nav-active'}`}
onClick={e => handleSelected("-favorite")}>
<li className={`mypage-nav-list__item -favorite ${ selected_item_sidebar == 'favorite' && 'nav-active'}`}
onClick={e => SetSelectedItemOfSidebar('favorite')}>
<Link className='mypage-nav-list__link' to='/p-account/favorite'>
<i className="icon star"></i>
<span>お気に入り</span>
</Link>
</li>
<li className={`mypage-nav-list__item -search ${selected == '' && document.getElementById('p_router').value == 'search' && 'nav-active'}`}
onClick={e => handleSelected("-search")}>
<li className={`mypage-nav-list__item -search ${ selected_item_sidebar == 'search' && 'nav-active'}`}
onClick={e => SetSelectedItemOfSidebar('search')}>
<Link className='mypage-nav-list__link' to='/p-account/search'>
<i className="icon search"></i>
<span>検索</span>
</Link>
</li>
<li className={`mypage-nav-list__item -child ${selected == '' && document.getElementById('p_router').value == 'child' && 'nav-active'}`}
onClick={e => handleSelected("-child")}>
<li className={`mypage-nav-list__item -child ${ selected_item_sidebar == 'child' && 'nav-active'}`}
onClick={e => SetSelectedItemOfSidebar('child')}>
<Link className='mypage-nav-list__link' to='/p-account/child'>
<i className="icon parents"></i>
<span>子情報</span>
</Link>
</li>
<li className={`mypage-nav-list__item -profile ${selected == '' && document.getElementById('p_router').value == 'profile' && 'nav-active'}`}
onClick={e => handleSelected("-profile")}>
<li className={`mypage-nav-list__item -profile ${ selected_item_sidebar == 'profile' && 'nav-active'}`}
onClick={e => SetSelectedItemOfSidebar('profile')}>
<Link className='user-icon mypage-nav-list__link' to='/p-account/profile'>
<figure>
<div className="prof-wrap">
@ -68,8 +69,8 @@ export default function ParentSide() {
<span>プロフィール</span>
</Link>
</li>
<li className={`mypage-nav-list__item -logout ${(selected == '-logout') && "nav-active"}`}
onClick={e => handleSelected("-logout")}>
<li className={`mypage-nav-list__item -logout ${ selected_item_sidebar == 'logout' && "nav-active"}`}
onClick={e => SetSelectedItemOfSidebar('logout')}>
<a className="mypage-nav-list__link" onClick={handleLogout}>
<i className="icon log-out"></i><span>ログアウト</span>
</a>

13
backend/resources/views/admin/index.blade.php
ファイルの表示

@ -1,16 +1,3 @@
@extends('common.layout')
@section('title', 'KIKI｜管理者')
@php
$routers = ['meeting', 'child', 'parent'];
foreach ($routers as $router) {
if(Request::is('admin/'.$router.'*')) {
break;
}
}
@endphp
@section('content')
<input type="hidden" id="admin_router" value="{{$router}}" />
@endsection

9
backend/resources/views/c_account/index.blade.php
ファイルの表示

@ -2,16 +2,7 @@
@section('title', 'KIKI｜子')
@php
$routers = ['meeting', 'parent', 'search', 'profile'];
foreach ($routers as $router) {
if(Request::is('c-account/'.$router.'*')) {
break;
}
}
@endphp
@section('content')
<input type="hidden" id="c_router" value="{{$router}}" />
<input type="hidden" id="child_image" value="{{ request()->session()->get('children')['image'] }}" />
@endsection

7
backend/resources/views/p_account/index.blade.php
ファイルの表示

@ -3,18 +3,11 @@
@section('title', 'KIKI | 親')
@php
$routers = ['child', 'favorite', 'search', 'profile', 'meeting'];
foreach ($routers as $router) {
if(Request::is('p-account/'.$router.'*')) {
break;
}
}
$sitelink = config('app.site_url');
$invitelink = url('/c-account/register-temporary?father_id='.request()->session()->get('fathers')['id']);
@endphp
@section('content')
<input type="hidden" id="p_router" value="{{$router}}" />
<input type="hidden" id="father_image" value="{{ request()->session()->get('fathers')['image'] }}" />
<input type="hidden" id="dd" value="{{ date('y/m/d') }}">
<input type="hidden" id="siteurl" value="{{ $sitelink }}">