fixed child add modal
このコミットが含まれているのは:
コミット
4d3c6728fc
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="19.996" height="20" viewBox="0 0 19.996 20"><defs><style>.a{fill:none;}.b{fill:#797152;}</style></defs><g transform="translate(0)"><rect class="a" width="19.996" height="20" transform="translate(0 0)"/><path class="b" d="M9.452,1.289,9.117.954H0V20H13.627V5.462l-.335-.335Zm3.03,17.562H1.145V2.1H7.619c1.7,0,.88,4.029.88,4.029s3.932-.956,3.982.846ZM19.662,3.733,15.946.019H10.159L11.3,1.163H14.58c0,.013,0,.025,0,.038.51,0,.764.414.873.958a8.161,8.161,0,0,1-.1,2.551l.016,0-.009.041s3.069-.746,3.465.491c0,.013.007.028.011.041s.006.028.009.041a.907.907,0,0,1,.013.134V15.909H14.829v1.144H20V4.068Z" transform="translate(0 -0.019)"/></g></svg>
|
変更後 幅: | 高さ: | サイズ: 689 B |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><defs><style>.a{fill:none;}.b{fill:#00b900;}.b,.c{fill-rule:evenodd;}.c{fill:#fff;}</style></defs><rect class="a" width="20" height="20"/><path class="b" d="M16.35.118H3.677A3.608,3.608,0,0,0,.05,3.692V16.278a3.608,3.608,0,0,0,3.6,3.6H16.322a3.608,3.608,0,0,0,3.627-3.575V3.72a3.607,3.607,0,0,0-3.6-3.6"/><path class="c" d="M17.212,9.13c0-3.22-3.25-5.839-7.245-5.839S2.722,5.911,2.722,9.13c0,2.886,2.577,5.3,6.059,5.761.236.05.557.154.638.355a1.469,1.469,0,0,1,.023.651l-.1.616c-.032.182-.146.711.628.388a23.38,23.38,0,0,0,5.692-4.177h0A5.176,5.176,0,0,0,17.212,9.13"/><path class="b" d="M8.5,7.574H7.987a.141.141,0,0,0-.141.14v3.135a.141.141,0,0,0,.141.14H8.5a.141.141,0,0,0,.141-.14V7.714a.141.141,0,0,0-.141-.14"/><path class="b" d="M11.993,7.574h-.508a.141.141,0,0,0-.141.14V9.577L9.9,7.637l-.011-.014h0l-.008-.009,0,0L9.866,7.6l0,0-.007,0,0,0-.007,0,0,0-.008,0,0,0-.008,0h0l-.008,0H9.271a.141.141,0,0,0-.141.14v3.135a.141.141,0,0,0,.141.14H9.78a.141.141,0,0,0,.141-.14V8.987l1.448,1.943a.137.137,0,0,0,.036.034h0l.009.005,0,0,.007,0,.007,0,0,0,.01,0h0a.134.134,0,0,0,.036,0h.508a.14.14,0,0,0,.141-.14V7.714a.141.141,0,0,0-.141-.14"/><path class="b" d="M7.27,10.2H5.889V7.714a.141.141,0,0,0-.141-.14H5.24a.141.141,0,0,0-.141.14v3.135h0a.139.139,0,0,0,.039.1l0,0,0,0a.141.141,0,0,0,.1.039H7.27a.14.14,0,0,0,.141-.14v-.5a.14.14,0,0,0-.141-.14"/><path class="b" d="M14.8,8.359a.141.141,0,0,0,.141-.14v-.5a.141.141,0,0,0-.141-.14h-2.03a.14.14,0,0,0-.1.04h0l0,0a.139.139,0,0,0-.039.1h0v3.134h0a.138.138,0,0,0,.039.1l0,0,0,0a.14.14,0,0,0,.1.039H14.8a.141.141,0,0,0,.141-.14v-.5a.141.141,0,0,0-.141-.14H13.419v-.53H14.8a.141.141,0,0,0,.141-.14v-.5a.141.141,0,0,0-.141-.14H13.419v-.53Z"/></svg>
|
変更後 幅: | 高さ: | サイズ: 1.7 KiB |
|
@ -34948,13 +34948,13 @@ function ModalEditMemo(_ref) {
|
|||
borderBottom: '1px solid rgb(239 236 236)'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
|
||||
className: "ft-18 text-center font-weight-bold",
|
||||
className: "ft-16 text-center font-weight-bold",
|
||||
children: "\u30E1\u30E2"
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
sx: {
|
||||
p: '15px',
|
||||
pb: '15px'
|
||||
p: '10px',
|
||||
pb: '10px'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
id: "alert-dialog-slide-description",
|
||||
|
@ -34967,7 +34967,8 @@ function ModalEditMemo(_ref) {
|
|||
height: '300px',
|
||||
borderRadius: 5,
|
||||
background: '#F0F0F0',
|
||||
padding: '12px'
|
||||
padding: '12px',
|
||||
fontSize: '15px'
|
||||
}
|
||||
})
|
||||
})
|
||||
|
@ -35028,13 +35029,13 @@ function ModalMemo(_ref) {
|
|||
borderBottom: '1px solid rgb(239 236 236)'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
|
||||
className: "ft-18 text-center font-weight-bold",
|
||||
className: "ft-16 text-center font-weight-bold",
|
||||
children: "\u30E1\u30E2"
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
sx: {
|
||||
p: '15px',
|
||||
pb: '15px'
|
||||
p: '10px',
|
||||
pb: '10px'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
||||
id: "alert-dialog-slide-description",
|
||||
|
@ -35046,7 +35047,7 @@ function ModalMemo(_ref) {
|
|||
bgcolor: '#F0F0F0',
|
||||
p: '15px'
|
||||
},
|
||||
className: "ft-16 text-black",
|
||||
className: "ft-15 text-black",
|
||||
children: content ? content : '未入力'
|
||||
})
|
||||
})
|
||||
|
@ -38091,12 +38092,17 @@ __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_lab__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material-ui/lab */ "./node_modules/@material-ui/lab/LoadingButton/LoadingButton.js");
|
||||
/* harmony import */ var _material_ui_lab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @material-ui/lab */ "./node_modules/@material-ui/lab/LoadingButton/LoadingButton.js");
|
||||
/* harmony import */ var _component_alert__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../component/alert */ "./resources/js/component/alert.jsx");
|
||||
/* harmony import */ var _component_notification__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../component/notification */ "./resources/js/component/notification.jsx");
|
||||
/* harmony import */ var _component_page_loader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../component/page_loader */ "./resources/js/component/page_loader.jsx");
|
||||
/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! copy-to-clipboard */ "./node_modules/copy-to-clipboard/index.js");
|
||||
/* harmony import */ var copy_to_clipboard__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(copy_to_clipboard__WEBPACK_IMPORTED_MODULE_4__);
|
||||
/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ "./node_modules/@mui/material/Slide/Slide.js");
|
||||
/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ "./node_modules/@mui/material/Dialog/Dialog.js");
|
||||
/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material */ "./node_modules/@mui/material/DialogTitle/DialogTitle.js");
|
||||
/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @mui/material */ "./node_modules/@mui/material/Box/Box.js");
|
||||
/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @mui/material */ "./node_modules/@mui/material/Typography/Typography.js");
|
||||
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __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(); }
|
||||
|
||||
|
@ -38110,6 +38116,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|||
|
||||
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
|
||||
|
||||
|
@ -38119,6 +38130,68 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|||
|
||||
|
||||
|
||||
|
||||
var Transition = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(function Transition(props, ref) {
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_6__["default"], _objectSpread({
|
||||
direction: "up",
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
|
||||
var LineModal = function LineModal(_ref) {
|
||||
var show = _ref.show,
|
||||
handleClose = _ref.handleClose;
|
||||
var inviteurl = '「KIKI」の招待が届いています。' + '\n' + 'まずは以下より仮登録を行ってください。' + '\n' + '※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。' + '\n\n' + document.getElementById('inviteurl').value + '\n\n' + '▼公式サイトはこちら' + '\n' + 'https://kikikan.jp';
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
||||
open: show,
|
||||
TransitionComponent: Transition,
|
||||
keepMounted: true,
|
||||
"aria-describedby": "alert-dialog-slide-description",
|
||||
onClose: handleClose,
|
||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
||||
sx: {
|
||||
padding: '20px 10px',
|
||||
textAlign: 'center',
|
||||
borderBottom: '1px solid rgb(239 236 236)'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
|
||||
className: "ft-16 text-center font-weight-bold",
|
||||
children: "\u30E1\u30C3\u30BB\u30FC\u30B8"
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
||||
sx: {
|
||||
p: '15px',
|
||||
pb: '15px'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_10__["default"], {
|
||||
component: "p",
|
||||
sx: {
|
||||
minHeight: '175px',
|
||||
whiteSpace: 'pre-wrap',
|
||||
bgcolor: '#F0F0F0',
|
||||
p: '10px'
|
||||
},
|
||||
className: "ft-14 text-black",
|
||||
children: inviteurl
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
||||
sx: {
|
||||
borderTopColor: '1px solid rgb(239 236 236)'
|
||||
},
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("ul", {
|
||||
className: "invite-btn-bar",
|
||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", {
|
||||
className: "copy-btn",
|
||||
children: "\u30B3\u30D4\u30FC"
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("li", {
|
||||
className: "line-btn",
|
||||
children: "\u9001\u4FE1"
|
||||
})]
|
||||
})
|
||||
})]
|
||||
});
|
||||
};
|
||||
|
||||
var ParentChildAdd = function ParentChildAdd() {
|
||||
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(localStorage.getItem('notice')),
|
||||
_useState2 = _slicedToArray(_useState, 2),
|
||||
|
@ -38169,6 +38242,11 @@ var ParentChildAdd = function ParentChildAdd() {
|
|||
_copyFlag = _useState18[0],
|
||||
setCopyFlag = _useState18[1];
|
||||
|
||||
var _useState19 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
||||
_useState20 = _slicedToArray(_useState19, 2),
|
||||
show_lineModal = _useState20[0],
|
||||
setShowLineModal = _useState20[1];
|
||||
|
||||
var isMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
|
||||
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
||||
isMountedRef.current = false;
|
||||
|
@ -38236,7 +38314,9 @@ var ParentChildAdd = function ParentChildAdd() {
|
|||
switch (response.data.status_code) {
|
||||
case 200:
|
||||
{
|
||||
if (type == "invite") setSuccess('招待用URLをコピーしました。');else if (type == 'line') sendLineMsg();
|
||||
// if(type == "invite") setSuccess('招待用URLをコピーしました。');
|
||||
// else if(type=='line') sendLineMsg();
|
||||
setShowLineModal(true);
|
||||
break;
|
||||
}
|
||||
|
||||
|
@ -38292,9 +38372,9 @@ var ParentChildAdd = function ParentChildAdd() {
|
|||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_notification__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
||||
notice: notice
|
||||
})]
|
||||
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_page_loader__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
|
||||
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_page_loader__WEBPACK_IMPORTED_MODULE_3__["default"], {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
|
||||
className: "l-content-wrap",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section", {
|
||||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("section", {
|
||||
className: "edit-container",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
|
||||
className: "edit-wrap",
|
||||
|
@ -38333,7 +38413,7 @@ var ParentChildAdd = function ParentChildAdd() {
|
|||
className: "l-alert__text--error ft-16 ft-md-14",
|
||||
children: _422errors.identity
|
||||
})]
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_11__["default"], {
|
||||
type: "submit",
|
||||
fullWidth: true,
|
||||
loading: submit,
|
||||
|
@ -38377,7 +38457,12 @@ var ParentChildAdd = function ParentChildAdd() {
|
|||
})]
|
||||
})
|
||||
})
|
||||
})
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LineModal, {
|
||||
show: show_lineModal,
|
||||
handleClose: function handleClose() {
|
||||
return setShowLineModal(false);
|
||||
}
|
||||
})]
|
||||
})]
|
||||
}), _success && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
||||
type: "success",
|
||||
|
@ -40699,7 +40784,7 @@ var ParentMeetingDetail = function ParentMeetingDetail() {
|
|||
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("a", {
|
||||
children: "\u3053\u306E\u6848\u4EF6\u306EURL\u3092\u30B3\u30D4\u30FC\u3059\u308B"
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("img", {
|
||||
src: "/assets/img/icon/icon-copy.png",
|
||||
src: "/assets/img/icon/icon-copy.svg",
|
||||
alt: "kiki"
|
||||
})]
|
||||
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("ul", {
|
||||
|
|
|
@ -29,11 +29,11 @@ export default function ModalEditMemo({ show, content, handleClose, handleUpdate
|
|||
onClose={handleClose}
|
||||
>
|
||||
<DialogTitle sx={{padding:'20px 10px',textAlign:'center', borderBottom:'1px solid rgb(239 236 236)'}}>
|
||||
<span className="ft-18 text-center font-weight-bold">メモ</span>
|
||||
<span className="ft-16 text-center font-weight-bold">メモ</span>
|
||||
</DialogTitle>
|
||||
<Box sx={{ p:'15px', pb:'15px'}}>
|
||||
<Box sx={{ p:'10px', pb:'10px'}}>
|
||||
<Box id="alert-dialog-slide-description">
|
||||
<textarea value={ memo } onChange={e=>handleChange(e.target.value)} style={{ height: '300px', borderRadius:5, background:'#F0F0F0', padding:'12px' }} />
|
||||
<textarea value={ memo } onChange={e=>handleChange(e.target.value)} style={{ height: '300px', borderRadius:5, background:'#F0F0F0', padding:'12px', fontSize:'15px' }} />
|
||||
</Box>
|
||||
</Box>
|
||||
</Dialog>
|
||||
|
|
|
@ -23,11 +23,11 @@ export default function ModalMemo({ show, content, handleClose}){
|
|||
onClose={handleClose}
|
||||
>
|
||||
<DialogTitle sx={{padding:'20px 10px',textAlign:'center', borderBottom:'1px solid rgb(239 236 236)'}}>
|
||||
<span className="ft-18 text-center font-weight-bold">メモ</span>
|
||||
<span className="ft-16 text-center font-weight-bold">メモ</span>
|
||||
</DialogTitle>
|
||||
<Box sx={{ p:'15px', pb:'15px'}}>
|
||||
<Box sx={{ p:'10px', pb:'10px'}}>
|
||||
<Box id="alert-dialog-slide-description">
|
||||
<Typography component='p' sx={{ minHeight:'175px', whiteSpace:'pre-wrap', bgcolor:'#F0F0F0', p:'15px' }} className="ft-16 text-black">
|
||||
<Typography component='p' sx={{ minHeight:'175px', whiteSpace:'pre-wrap', bgcolor:'#F0F0F0', p:'15px' }} className="ft-15 text-black">
|
||||
{content ? content : '未入力'}
|
||||
</Typography>
|
||||
</Box>
|
||||
|
|
|
@ -4,6 +4,53 @@ import Alert from '../../component/alert';
|
|||
import Notification from '../../component/notification';
|
||||
import PageLoader from '../../component/page_loader';
|
||||
import copy from 'copy-to-clipboard';
|
||||
import {
|
||||
Box,
|
||||
Dialog,
|
||||
DialogTitle,
|
||||
Slide,
|
||||
Typography
|
||||
} from '@mui/material';
|
||||
|
||||
const Transition = React.forwardRef(function Transition(props, ref) {
|
||||
return <Slide direction="up" ref={ref} {...props} />;
|
||||
});
|
||||
|
||||
|
||||
const LineModal = ({ show, handleClose }) => {
|
||||
|
||||
const inviteurl = '「KIKI」の招待が届いています。' + '\n' +
|
||||
'まずは以下より仮登録を行ってください。' + '\n' +
|
||||
'※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。' + '\n\n' +
|
||||
document.getElementById('inviteurl').value + '\n\n' +
|
||||
'▼公式サイトはこちら' + '\n' +
|
||||
'https://kikikan.jp';
|
||||
|
||||
return (
|
||||
<Dialog
|
||||
open={show}
|
||||
TransitionComponent={Transition}
|
||||
keepMounted
|
||||
aria-describedby="alert-dialog-slide-description"
|
||||
onClose={handleClose}
|
||||
>
|
||||
<DialogTitle sx={{padding:'20px 10px',textAlign:'center', borderBottom:'1px solid rgb(239 236 236)'}}>
|
||||
<span className="ft-16 text-center font-weight-bold">メッセージ</span>
|
||||
</DialogTitle>
|
||||
<Box sx={{ p:'15px', pb:'15px'}}>
|
||||
<Typography component='p' sx={{ minHeight:'175px', whiteSpace:'pre-wrap', bgcolor:'#F0F0F0', p:'10px' }} className="ft-14 text-black">
|
||||
{inviteurl}
|
||||
</Typography>
|
||||
</Box>
|
||||
<Box sx={{ borderTopColor:'1px solid rgb(239 236 236)' }}>
|
||||
<ul className="invite-btn-bar">
|
||||
<li className="copy-btn">コピー</li>
|
||||
<li className="line-btn">送信</li>
|
||||
</ul>
|
||||
</Box>
|
||||
</Dialog>
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
const ParentChildAdd = () => {
|
||||
|
@ -20,6 +67,8 @@ const ParentChildAdd = () => {
|
|||
const [submit, setSubmit] = useState(false);
|
||||
|
||||
const [_copyFlag, setCopyFlag] = useState(false);
|
||||
const [show_lineModal, setShowLineModal] = useState(false);
|
||||
|
||||
const isMountedRef = useRef(true);
|
||||
|
||||
useEffect(() => {
|
||||
|
@ -78,8 +127,9 @@ const ParentChildAdd = () => {
|
|||
|
||||
switch(response.data.status_code){
|
||||
case 200: {
|
||||
if(type == "invite") setSuccess('招待用URLをコピーしました。');
|
||||
else if(type=='line') sendLineMsg();
|
||||
// if(type == "invite") setSuccess('招待用URLをコピーしました。');
|
||||
// else if(type=='line') sendLineMsg();
|
||||
setShowLineModal(true);
|
||||
break;
|
||||
}
|
||||
case 400: set400Error(response.data.error_messages); break;
|
||||
|
@ -178,6 +228,10 @@ const ParentChildAdd = () => {
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<LineModal
|
||||
show={show_lineModal}
|
||||
handleClose={()=>setShowLineModal(false)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{ _success && <Alert type="success" hide={()=>setSuccess('')}>{_success}</Alert> }
|
||||
|
|
|
@ -239,7 +239,7 @@ const ParentMeetingDetail = () => {
|
|||
</time>
|
||||
<div className="clip-copy" onClick={saveStorage}>
|
||||
<a>この案件のURLをコピーする</a>
|
||||
<img src="/assets/img/icon/icon-copy.png" alt="kiki"/>
|
||||
<img src="/assets/img/icon/icon-copy.svg" alt="kiki"/>
|
||||
</div>
|
||||
<ul className="p-article-btn-list">
|
||||
<li className="p-article-btn__item">
|
||||
|
|
新しいイシューから参照