「全員に送信」及び「選んで送信」は、radioになります。

このコミットが含まれているのは:
dragon1211 2021-11-02 00:23:43 +09:00
コミット 9dabee5c33
2個のファイルの変更32行の追加51行の削除

ファイルの表示

@ -37900,18 +37900,13 @@ var MeetingEdit = function MeetingEdit(props) {
var _useState23 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
_useState24 = _slicedToArray(_useState23, 2),
check_all = _useState24[0],
setCheckAll = _useState24[1];
check_radio = _useState24[0],
setCheckRadio = _useState24[1];
var _useState25 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
var _useState25 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
_useState26 = _slicedToArray(_useState25, 2),
check_some = _useState26[0],
setCheckSome = _useState26[1];
var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
_useState28 = _slicedToArray(_useState27, 2),
selectedIndex = _useState28[0],
setSelectedIndex = _useState28[1];
selectedIndex = _useState26[0],
setSelectedIndex = _useState26[1];
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
var _props$match$params;
@ -37934,12 +37929,6 @@ var MeetingEdit = function MeetingEdit(props) {
}
});
}, []);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
if (check_all) setCheckSome(false);
}, [check_all]);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
if (check_some) setCheckAll(false);
}, [check_some]);
var handleSubmit = function handleSubmit(e) {
e.preventDefault();
@ -38249,12 +38238,13 @@ var MeetingEdit = function MeetingEdit(props) {
htmlFor: "allmember_send",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input", {
className: "boolean optional",
type: "checkbox",
name: "allmember_send",
type: "radio",
id: "allmember_send",
checked: check_all,
onChange: function onChange(e) {
return setCheckAll(!check_all);
name: "check_radio",
value: false,
onClick: function onClick(e) {
setCheckRadio(e.target.value);
console.log(e.target.value);
}
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
children: "\u5168\u54E1\u306B\u9001\u4FE1"
@ -38266,19 +38256,20 @@ var MeetingEdit = function MeetingEdit(props) {
htmlFor: "pickup_send",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("input", {
className: "boolean optional",
type: "checkbox",
name: "pickup_send",
type: "radio",
id: "pickup_send",
checked: check_some,
onChange: function onChange(e) {
return setCheckSome(!check_some);
name: "check_radio",
value: true,
onClick: function onClick(e) {
setCheckRadio(e.target.value);
console.log(e.target.value);
}
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
children: "\u9078\u3093\u3067\u9001\u4FE1"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "checkbox-wrap edit-bg ".concat(approval_list.length == 0 && 'd-none'),
className: "checkbox-wrap edit-bg ".concat((approval_list.length == 0 || check_radio != "true") && 'd-none'),
children: approval_list === null || approval_list === void 0 ? void 0 : approval_list.map(function (item, k) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
className: "checkbox",
@ -38288,7 +38279,6 @@ var MeetingEdit = function MeetingEdit(props) {
className: "boolean optional",
type: "checkbox",
id: "user_name".concat(k),
disabled: !check_some,
onChange: handleApproval
}), "".concat(item.child.first_name, " ").concat(item.child.last_name)]
})

ファイルの表示

@ -29,8 +29,7 @@ const MeetingEdit = (props) => {
const [loaded, setLoaded] = useState(false);
const [submit, setSubmit] = useState(false);
const [check_all, setCheckAll] = useState(false);
const [check_some, setCheckSome] = useState(false);
const [check_radio, setCheckRadio] = useState(false);
const [selectedIndex, setSelectedIndex] = useState([]);
@ -55,15 +54,6 @@ const MeetingEdit = (props) => {
}, []);
useEffect(()=>{
if(check_all) setCheckSome(false);
}, [check_all])
useEffect(()=>{
if(check_some) setCheckAll(false);
}, [check_some])
const handleSubmit = (e) => {
e.preventDefault();
set422Errors({title:'',memo:'',text:'',pdf:'',image:''});
@ -265,11 +255,12 @@ const MeetingEdit = (props) => {
<div className={`edit-set edit-set-send ${approval_list.length == 0 && 'd-none'}`}>
<label htmlFor="allmember_send">
<input className="boolean optional"
type="checkbox"
name="allmember_send"
id="allmember_send"
checked = {check_all}
onChange={e=>setCheckAll(!check_all)}/>
type="radio"
id="allmember_send"
name="check_radio"
value={false}
onClick={e=>{setCheckRadio(e.target.value);console.log(e.target.value)}}
/>
<span>全員に送信</span>
</label>
</div>
@ -277,16 +268,17 @@ const MeetingEdit = (props) => {
<div className={`edit-set-mt5 edit-set-send ${approval_list.length == 0 && 'd-none'}`}>
<label htmlFor="pickup_send">
<input className="boolean optional"
type="checkbox"
name="pickup_send"
id="pickup_send"
checked={check_some}
onChange={e=>setCheckSome(!check_some)}/>
type="radio"
id="pickup_send"
name="check_radio"
value={true}
onClick={e=>{setCheckRadio(e.target.value); console.log(e.target.value)}}
/>
<span>選んで送信</span>
</label>
</div>
<div className={`checkbox-wrap edit-bg ${approval_list.length == 0 && 'd-none'}`}>
<div className={`checkbox-wrap edit-bg ${(approval_list.length == 0 || check_radio!="true") && 'd-none'}`}>
{
approval_list?.map((item, k)=>
<div className="checkbox" key={k}>
@ -294,7 +286,6 @@ const MeetingEdit = (props) => {
<input className="boolean optional"
type="checkbox"
id={`user_name${k}`}
disabled={!check_some}
onChange={handleApproval}/>
{`${item.child.first_name} ${item.child.last_name}`}
</label>