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

fixed meeting detail & index.jsx

このコミットが含まれているのは:
dragon1211 2021-10-23 11:53:54 +09:00
親 7fd6395f7c
コミット 65daa9982b
4個のファイルの変更、252行の追加、190行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

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

@ -29374,11 +29374,6 @@ var MeetingDetail = function MeetingDetail(props) {
})
}, k);
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
className: "meeting-member__read",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("p", {
children: "".concat(meeting.numerator, "\u4EBA\u65E2\u8AAD")
})
})]
})
})
@ -29574,6 +29569,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _material_ui_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material-ui/core */ "./node_modules/@material-ui/core/CircularProgress/CircularProgress.js");
/* harmony import */ var _material_ui_lab__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material-ui/lab */ "./node_modules/@material-ui/lab/LoadingButton/LoadingButton.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
@ -29599,6 +29595,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
var MeetingEdit = function MeetingEdit(props) {
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
_useState2 = _slicedToArray(_useState, 2),
@ -29620,10 +29617,30 @@ var MeetingEdit = function MeetingEdit(props) {
text = _useState8[0],
setText = _useState8[1];
var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
_useState10 = _slicedToArray(_useState9, 2),
loaded = _useState10[0],
setLoaded = _useState10[1];
pdf = _useState10[0],
setPdf = _useState10[1];
var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({
title: '',
text: '',
memo: '',
pdf: ''
}),
_useState12 = _slicedToArray(_useState11, 2),
_422errors = _useState12[0],
set422Errors = _useState12[1];
var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
_useState14 = _slicedToArray(_useState13, 2),
loaded = _useState14[0],
setLoaded = _useState14[1];
var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
_useState16 = _slicedToArray(_useState15, 2),
submit = _useState16[0],
setSubmit = _useState16[1];
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
var _props$match$params;
@ -29649,24 +29666,25 @@ var MeetingEdit = function MeetingEdit(props) {
});
}, []);
function handleClick() {
return _handleClick.apply(this, arguments);
function handleSubmit() {
return _handleSubmit.apply(this, arguments);
}
function _handleClick() {
_handleClick = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() {
function _handleSubmit() {
_handleSubmit = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() {
var formdata;
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
// setErrors({
// title:'',
// memo:'',
// text:'',
// pdf:'',
// images:''
// });
set422Errors({
title: '',
memo: '',
text: '',
pdf: '',
images: ''
});
try {
formdata = new FormData();
formdata.append('father_id', fatherId);
@ -29674,7 +29692,8 @@ var MeetingEdit = function MeetingEdit(props) {
formdata.append('memo', memo);
formdata.append('text', text); // formdata.append('pdf', pdf);
// formdata.append('images', images);
// axios.post('/api/meetings/register', formdata)
setSubmit(true); // axios.post('/api/meetings/register', formdata)
// .then(response => {
// if(response.data.status_code==200){
// history.push({
@ -29690,14 +29709,14 @@ var MeetingEdit = function MeetingEdit(props) {
console.log('error', error);
}
case 1:
case 2:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return _handleClick.apply(this, arguments);
return _handleSubmit.apply(this, arguments);
}
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
@ -29736,8 +29755,8 @@ var MeetingEdit = function MeetingEdit(props) {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
className: "p-article__context",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("form", {
action: "",
className: "edit-form",
onSubmit: handleSubmit,
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "edit-set",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", {
@ -29751,8 +29770,11 @@ var MeetingEdit = function MeetingEdit(props) {
onChange: function onChange(e) {
return setTitle(e.target.value);
},
className: "input-default input-title input-h60 input-w480",
className: "input-default input-title input-h60 input-w480 ".concat(_422errors.title && 'is-invalid c-input__target', " "),
id: "title"
}), _422errors.title && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.title
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "edit-set",
@ -29766,8 +29788,11 @@ var MeetingEdit = function MeetingEdit(props) {
return setText(e.target.value);
},
rows: "8",
className: "textarea-default",
className: "textarea-default ".concat(_422errors.text && 'is-invalid c-input__target', " "),
id: "meeting_textarea"
}), _422errors.text && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.text
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "edit-set",
@ -29781,12 +29806,15 @@ var MeetingEdit = function MeetingEdit(props) {
return setMemo(e.target.value);
},
rows: "8",
className: "textarea-default",
className: "textarea-default ".concat(_422errors.memo && 'is-invalid c-input__target', " "),
id: "meeting_textarea"
}), _422errors.memo && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.memo
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "edit-set edit-set-mt15",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", {
className: "edit-set-file-label",
htmlFor: "file_pdf",
children: ["PDF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", {
@ -29795,10 +29823,13 @@ var MeetingEdit = function MeetingEdit(props) {
accept: ".pdf",
id: "file_pdf"
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
}), _422errors.pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.pdf
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "edit-set edit-set-mt15",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", {
className: "edit-set-file-label",
htmlFor: "file_image",
children: ["\u753B\u50CF\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("input", {
@ -29807,7 +29838,10 @@ var MeetingEdit = function MeetingEdit(props) {
accept: ".png, .jpg, .jpeg",
id: "file_image"
})]
})
}), _422errors.pdf && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
className: "l-alert__text--error ft-16 ft-md-14",
children: _422errors.pdf
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
className: "p-file-image",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("figure", {
@ -29951,13 +29985,15 @@ var MeetingEdit = function MeetingEdit(props) {
}), "\u7530\u4E2D \u9054\u4E5F"]
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", {
type: "button",
onClick: function onClick(e) {
e.preventDefault();
handleClick();
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_material_ui_lab__WEBPACK_IMPORTED_MODULE_5__.default, {
type: "submit",
loading: submit,
className: "btn-edit btn-default btn-h70 btn-r14 btn-yellow rounded-20",
style: {
fontSize: '18px',
fontWeight: 'bold',
backgroundColor: '#ffed4a'
},
className: "btn-edit btn-default btn-h70 btn-r14 btn-yellow",
children: "\u30DF\u30FC\u30C6\u30A3\u30F3\u30B0\u3092\u66F4\u65B0"
})]
})
@ -30157,7 +30193,7 @@ var Meeting = function Meeting() {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "l-content-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "meeting-tab-container",
className: "search-container",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-head",
onSubmit: handleSearch,
@ -30192,89 +30228,85 @@ var Meeting = function Meeting() {
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "meeting-content position-relative",
className: "search-content position-relative",
style: {
minHeight: '100px'
},
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
className: "meeting-content-wrap ".concat(!finish ? "is-active" : ""),
id: "item01",
children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, {
color: "secondary",
style: {
top: '20px',
left: 'calc(50% - 22px)',
color: 'green',
position: 'absolute'
}
}), loaded && (meeting_list && meeting_list.length > 0 ? meeting_list.map(function (item, ki) {
var _item$approval;
children: [!loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, {
color: "secondary",
style: {
top: '20px',
left: 'calc(50% - 22px)',
color: 'green',
position: 'absolute'
}
}), loaded && (meeting_list && meeting_list.length > 0 ? meeting_list.map(function (item, ki) {
var _item$approval;
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-item",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_9__.Link, {
to: "/admin/meeting/detail/".concat(item.id),
className: "meeting-link",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h3", {
className: "meeting-ttl",
children: item.title
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "meeting-txt",
children: item.text
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("time", {
dateTime: "2021-07-30",
className: "meeting-time",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
className: "meeting-date",
children: moment__WEBPACK_IMPORTED_MODULE_1___default()(item.updated_at).format('YYYY/MM/DD') || ''
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-member",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-member-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
"data-url": "login.html",
className: "meeting-member-link",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ul", {
className: "meeting-member-count",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "numerator",
children: item.numerator
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "denominator",
children: item.denominator
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("ul", {
className: "meeting-member-list",
role: "list",
children: (_item$approval = item.approval) === null || _item$approval === void 0 ? void 0 : _item$approval.map(function (x, kj) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "meeting-member__item",
role: "listitem",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "avatar",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", _defineProperty({
alt: "name",
className: "avatar-img",
src: x.child.image
}, "alt", x.child.image))
})
}, kj);
})
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-item",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_router_dom__WEBPACK_IMPORTED_MODULE_9__.Link, {
to: "/admin/meeting/detail/".concat(item.id),
className: "meeting-link",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("h3", {
className: "meeting-ttl",
children: item.title
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "meeting-txt",
children: item.text
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("time", {
dateTime: "2021-07-30",
className: "meeting-time",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
className: "meeting-date",
children: moment__WEBPACK_IMPORTED_MODULE_1___default()(item.updated_at).format('YYYY/MM/DD') || ''
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-member",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "meeting-member-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
"data-url": "login.html",
className: "meeting-member-link",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("ul", {
className: "meeting-member-count",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "numerator",
children: item.numerator
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "denominator",
children: item.denominator
})]
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("ul", {
className: "meeting-member-list",
role: "list",
children: (_item$approval = item.approval) === null || _item$approval === void 0 ? void 0 : _item$approval.map(function (x, kj) {
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("li", {
className: "meeting-member__item",
role: "listitem",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
className: "avatar",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", _defineProperty({
alt: "name",
className: "avatar-img",
src: x.child.image
}, "alt", x.child.image))
})
}, kj);
})
})]
})
})]
})
}, ki);
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "text-center py-5",
children: "\u30C7\u30FC\u30BF\u304C\u5B58\u5728\u3057\u3066\u3044\u307E\u305B\u3093\u3002"
}))]
}), _400error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_3__.default, {
type: "fail",
children: _400error
})]
})
})]
})
}, ki);
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("p", {
className: "text-center py-5",
children: "\u30C7\u30FC\u30BF\u304C\u5B58\u5728\u3057\u3066\u3044\u307E\u305B\u3093\u3002"
}))]
}), _400error && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_component_alert__WEBPACK_IMPORTED_MODULE_3__.default, {
type: "fail",
children: _400error
})]
})
})]

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

@ -137,10 +137,6 @@ const MeetingDetail = (props) => {
)
}
</ul>
<div className="meeting-member__read">
<p>{`${meeting.numerator}人既読`}</p>
</div>
</div>
</div>
</div>

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

@ -3,15 +3,20 @@ import axios from 'axios';
import { CircularProgress } from '@material-ui/core';
import { LoadingButton } from '@material-ui/lab';
const MeetingEdit = (props) => {
const [meeting, setMeeting] = useState(null);
const [title, setTitle] = useState('');
const [memo, setMemo] = useState('');
const [text, setText] = useState('');
const [pdf, setPdf] = useState('');
const [_422errors, set422Errors] = useState({title:'', text:'', memo:'', pdf:''})
const [loaded, setLoaded] = useState(false);
const [submit, setSubmit] = useState(false);
useEffect(() => {
setLoaded(false);
@ -31,14 +36,15 @@ const MeetingEdit = (props) => {
});
}, []);
async function handleClick() {
// setErrors({
// title:'',
// memo:'',
// text:'',
// pdf:'',
// images:''
// });
async function handleSubmit() {
set422Errors({
title:'',
memo:'',
text:'',
pdf:'',
images:''
});
try {
const formdata = new FormData();
@ -48,6 +54,8 @@ const MeetingEdit = (props) => {
formdata.append('text', text);
// formdata.append('pdf', pdf);
// formdata.append('images', images);
setSubmit(true);
// axios.post('/api/meetings/register', formdata)
// .then(response => {
@ -88,30 +96,60 @@ const MeetingEdit = (props) => {
<article className="p-article__body">
<div className="p-article__content">
<div className="p-article__context">
<form action="" className="edit-form">
<form className="edit-form" onSubmit={handleSubmit}>
<div className="edit-set">
<label className="control-label" htmlFor="title">タイトル</label>
<input type="text" name="title" value={ title } onChange={e=>setTitle(e.target.value)} className="input-default input-title input-h60 input-w480" id="title" />
<input type="text" name="title" value={ title } onChange={e=>setTitle(e.target.value)} className={`input-default input-title input-h60 input-w480 ${ _422errors.title && 'is-invalid c-input__target'} `} id="title" />
{
_422errors.title &&
<span className="l-alert__text--error ft-16 ft-md-14">
{_422errors.title}
</span>
}
</div>
<div className="edit-set">
<label className="control-label" htmlFor="meeting_textarea">本文</label>
<textarea value={ text } onChange={e=>setText(e.target.value)} rows="8" className="textarea-default" id="meeting_textarea" />
<textarea value={ text } onChange={e=>setText(e.target.value)} rows="8" className={`textarea-default ${ _422errors.text && 'is-invalid c-input__target'} `} id="meeting_textarea" />
{
_422errors.text &&
<span className="l-alert__text--error ft-16 ft-md-14">
{_422errors.text}
</span>
}
</div>
<div className="edit-set">
<label className="control-label" htmlFor="meeting_textarea">メモ</label>
<textarea value={ memo } onChange={e=>setMemo(e.target.value)} rows="8" className="textarea-default" id="meeting_textarea" />
<textarea value={ memo } onChange={e=>setMemo(e.target.value)} rows="8" className={`textarea-default ${ _422errors.memo && 'is-invalid c-input__target'} `} id="meeting_textarea" />
{
_422errors.memo &&
<span className="l-alert__text--error ft-16 ft-md-14">
{_422errors.memo}
</span>
}
</div>
<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" />
</label>
{
_422errors.pdf &&
<span className="l-alert__text--error ft-16 ft-md-14">
{_422errors.pdf}
</span>
}
</div>
<div className="edit-set edit-set-mt15">
<label className="edit-set-file-label" htmlFor="file_image">
画像アップロード
<input type="file" name="file_image" accept=".png, .jpg, .jpeg" id="file_image" />
</label>
{
_422errors.pdf &&
<span className="l-alert__text--error ft-16 ft-md-14">
{_422errors.pdf}
</span>
}
</div>
<div className="p-file-image">
@ -160,13 +198,11 @@ const MeetingEdit = (props) => {
</div>
</div>
<button
type="button"
onClick={e => {
e.preventDefault();
handleClick();
}}
className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">ミーティングを更新</button>
<LoadingButton
type="submit"
loading={submit}
className="btn-edit btn-default btn-h70 btn-r14 btn-yellow rounded-20"
style={{fontSize:'18px',fontWeight:'bold', backgroundColor:'#ffed4a'}}>ミーティングを更新</LoadingButton>
</form>
</div>
</div>

98
backend/resources/js/admin/meeting/index.jsx
ファイルの表示

@ -108,7 +108,7 @@ const Meeting = () => {
</div>
<div className="l-content-wrap">
<div className="meeting-tab-container">
<div className="search-container">
<div className="meeting-head" onSubmit={handleSearch}>
<form className="position-relative">
<label className="control-label" htmlFor="keyword">キーワード</label>
@ -122,57 +122,55 @@ const Meeting = () => {
</IconButton>
</form>
</div>
<div className="meeting-content position-relative" style={{minHeight:'100px'}}>
<div className={ `meeting-content-wrap ${!finish ? "is-active" : ""}` } id="item01">
{
!loaded &&
<CircularProgress color="secondary" style={{top:'20px', left:'calc(50% - 22px)', color:'green', position:'absolute'}}/>
}
{
loaded &&
(
meeting_list && meeting_list.length > 0 ?
meeting_list.map((item, ki) =>
<div className="meeting-item" key={ki}>
<Link to = {`/admin/meeting/detail/${item.id}`} className="meeting-link">
<div className="search-content position-relative" style={{minHeight:'100px'}}>
{
!loaded &&
<CircularProgress color="secondary" style={{top:'20px', left:'calc(50% - 22px)', color:'green', position:'absolute'}}/>
}
{
loaded &&
(
meeting_list && meeting_list.length > 0 ?
meeting_list.map((item, ki) =>
<div className="meeting-item" key={ki}>
<Link to = {`/admin/meeting/detail/${item.id}`} className="meeting-link">
<h3 className="meeting-ttl">{ item.title }</h3>
<p className="meeting-txt">{ item.text }</p>
<time dateTime="2021-07-30" className="meeting-time">
<span className="meeting-date">{ moment(item.updated_at).format('YYYY/MM/DD') || '' }</span>
</time>
<div className="meeting-member">
<div className="meeting-member-wrap">
<div data-url="login.html" className="meeting-member-link">
<ul className="meeting-member-count">
<li className="numerator">{item.numerator}</li>
<li className="denominator">{item.denominator}</li>
</ul>
<ul className="meeting-member-list" role="list">
{
item.approval?.map((x, kj)=>
<li className="meeting-member__item" role="listitem" key={kj}>
<div className="avatar">
<img alt="name" className="avatar-img" src={x.child.image} alt={x.child.image} />
</div>
</li>
)
}
</ul>
</div>
</div>
</div>
</Link>
</div>
)
: <p className="text-center py-5">データが存在していません。</p>
)
}
</div>
{
_400error && <Alert type="fail">{_400error}</Alert>
}
<h3 className="meeting-ttl">{ item.title }</h3>
<p className="meeting-txt">{ item.text }</p>
<time dateTime="2021-07-30" className="meeting-time">
<span className="meeting-date">{ moment(item.updated_at).format('YYYY/MM/DD') || '' }</span>
</time>
<div className="meeting-member">
<div className="meeting-member-wrap">
<div data-url="login.html" className="meeting-member-link">
<ul className="meeting-member-count">
<li className="numerator">{item.numerator}</li>
<li className="denominator">{item.denominator}</li>
</ul>
<ul className="meeting-member-list" role="list">
{
item.approval?.map((x, kj)=>
<li className="meeting-member__item" role="listitem" key={kj}>
<div className="avatar">
<img alt="name" className="avatar-img" src={x.child.image} alt={x.child.image} />
</div>
</li>
)
}
</ul>
</div>
</div>
</div>
</Link>
</div>
)
: <p className="text-center py-5">データが存在していません。</p>
)
}
</div>
{
_400error && <Alert type="fail">{_400error}</Alert>
}
</div>
</div>
</div>