\n \n
\n )\n } else if(this.state.authenStatus === 'Error') {\n //if error exist, take the user back to login\n return กำลังเข้าสู่ระบบ E-meeting ...
\n - \n {this.props.currentPage !== 0 ? (\n
- \n
- \n
| ชื่ออาคาร | \nวันที่สร้าง | \nวันที่แก้ไขล่าสุด | \n\n |
|---|---|---|---|
| {building.name} | \n\n {this.formatDateTime(building.createdAt)}\n | \n\n {this.formatDateTime(building.updatedAt)}\n | \n\n {this.btnFormatter(building)}\n | \n
\n {\n this.addEditBuilding(\n this.state.building_id,\n values.name\n );\n }}\n style={{\n marginRight: 10,\n color: \"white\",\n width: 100,\n }}\n >\n บันทึก\n \n this.closeModal()}\n type=\"Button\"\n className=\"btn btn-danger pull-right\"\n style={{ color: \"white\", width: 100 }}\n >\n ยกเลิก\n \n
\n \n \n \n \n this.toggleModal(null, \"add\")}\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\n >\n เพิ่มข้อมูลอาคาร\n \n \n
\n \n \n {this.renderTable()}\n
\n\n อาคารประชุม
\n \n| ชื่อสถานที่ | \nวันที่สร้าง | \nวันที่แก้ไขล่าสุด | \n\n |
|---|---|---|---|
| {item.name} | \n\n {this.formatDateTime(item.createdAt)}\n | \n\n {this.formatDateTime(item.updatedAt)}\n | \n\n {this.btnFormatter(item)}\n | \n
\n {\n this.addEditLocation(\n this.state.location_id,\n values.name\n );\n }}\n style={{\n marginRight: 10,\n color: \"white\",\n width: 100,\n }}\n >\n บันทึก\n \n this.closeModal()}\n type=\"Button\"\n className=\"btn btn-danger pull-right\"\n style={{ color: \"white\", width: 100 }}\n >\n ยกเลิก\n \n
\n \n \n \n \n this.toggleModal(null, \"add\")}\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\n >\n เพิ่มสถานที่ประชุม\n \n \n
\n \n \n {this.renderTable()}\n
\n\n สถานที่ประชุม
\n \n| ชื่อห้อง | \nวันที่สร้าง | \nวันที่แก้ไขล่าสุด | \n\n |
|---|---|---|---|
| {item.name} | \n\n {this.formatDateTime(item.createdAt)}\n | \n\n {this.formatDateTime(item.updatedAt)}\n | \n\n {this.btnFormatter(item)}\n | \n
\n {\n this.addEditRoom(this.state.room_id, values.name);\n }}\n style={{\n marginRight: 10,\n color: \"white\",\n width: 100,\n }}\n >\n บันทึก\n \n this.closeModal()}\n type=\"Button\"\n className=\"btn btn-danger pull-right\"\n style={{ color: \"white\", width: 100 }}\n >\n ยกเลิก\n \n
\n \n \n \n \n this.toggleModal(null, \"add\")}\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\n >\n เพิ่มข้อมูลห้องประชุม\n \n \n
\n \n \n {this.renderTable()}\n
\n\n ห้องประชุม
\n \n| คำนำหน้าชื่อภาษาไทย (เต็ม) | \r\nคำนำหน้าชื่อภาษาไทย (ย่อ) | \r\nคำนำหน้าชื่อภาษาอังกฤษ (เต็ม) | \r\nคำนำหน้าชื่อภาษาอังกฤษ (ย่อ) | \r\nCreate Date | \r\nUpdate Date | \r\nแก้ไข/ลบ | \r\n
|---|---|---|---|---|---|---|
| \r\n {item.thai_title}\r\n | \r\n\r\n {item.thai_prefix}\r\n | \r\n{item.eng_title} | \r\n\r\n {item.eng_prefix}\r\n | \r\n\r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addEditTitle(this.state.title_id, values);\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100,\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(null, \"add\")}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มคำหน้าชื่อ\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n คำนำหน้าชื่อ
\r\n \r\n| ชื่อตำแหน่ง | \r\nวันที่สร้าง | \r\nวันที่แก้ไขล่าสุด | \r\n\r\n |
|---|---|---|---|
| {item.name} | \r\n\r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addEditPosition(\r\n this.state.position_id,\r\n values.name\r\n );\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100,\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(null, \"add\")}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มตำแหน่ง\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n ตำแหน่ง
\r\n \r\n| ชื่อหน่วยงาน | \r\nวันที่สร้าง | \r\nวันที่แก้ไขล่าสุด | \r\n\r\n |
|---|---|---|---|
| {item.name} | \r\n\r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addEditDepartment(\r\n this.state.department_id,\r\n values.name\r\n );\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100,\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(null, \"add\")}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มหน่วยงาน\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n หน่วยงาน
\r\n \r\n| ชื่อตำแหน่ง | \r\nวันที่สร้าง | \r\nวันที่แก้ไขล่าสุด | \r\n\r\n |
|---|---|---|---|
| {item.name} | \r\n\r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addEditPosition(\r\n this.state.position_id,\r\n values.name\r\n );\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100,\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(null, \"add\")}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มตำแหน่ง\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n ตำแหน่งในที่ประชุม
\r\n \r\nยืนยันการลบเอกสาร {meeting.title}
,\n okText: 'ลบ',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.deleteMeeting(meeting.id)\n }\n });\n }}\n type=\"button\"\n className=\"btn btn-xs btn-danger text-white\"\n >\n ลบ\n \n | หัวข้อการประชุม | \nครั้งที่ | \nวันที่ | \nเวลา | \nแก้ไข/ลบ | \n
|---|---|---|---|---|
| {meeting.title} | \n\n {meeting.sequence}/{meeting.year + 543}\n | \n\n | \n \n | \n \n {this.btnEditMeeting(meeting)}\n | \n
\n \n \n {\n const value = {};\n\n let startDate = null;\n let endDate = null;\n\n if (values.start_date) {\n startDate = moment(values.start_date).format(\"YYYY-MM-DD\");\n }\n\n if (values.end_date) {\n endDate = moment(values.end_date).format(\"YYYY-MM-DD\");\n }\n\n value.start = startDate;\n value.end = endDate;\n\n if (values.category_name) {\n value.categoryName = values.category_name;\n }\n\n this.props.getReportBookRankPurchase(value);\n }}\n >\n {(props) => {\n const {\n values,\n handleSubmit,\n handleChange,\n } = props;\n return (\n \n );\n }}\n \n\n \n }\n \n \n \n \n \n \n
\n \n this.props.history.push(`/meeting/create`)}\n >\n เพิ่มการประชุม\n \n
\n\n เพิ่มการประชุม
\nยืนยันการลบเอกสาร {this.props.file.name}
,\n content: 'เมื่อลบเอกสารแล้วจะไม่สามารถนำกลับมาได้',\n okText: 'ลบ',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.deleteDocument()\n }\n });\n }\n\n async deleteDocument() {\n this.setState({ loading: true })\n\n try {\n const response = await httpClient.delete(\n `/api/document/${this.props.file.id}/${this.props.meeting.deletedFolder}`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`\n },\n }\n );\n\n message.success({this.props.file.name} ถูกลบเรียบร้อยแล้ว.);\n this.props.onFileUpdated(null, this.props.type)\n this.setState({ loading: false })\n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการลบเอกสาร กรุณาลองใหม่อีกครั้ง');\n this.setState({ loading: false })\n } \n }\n\n async getFileVersions() {\n this.setState({\n modalLoading: true,\n versionModalVisible: true\n })\n\n try {\n const response = await httpClient.get(\n `/api/document/${this.props.file.id}/versions`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`\n },\n }\n );\n\n this.setState({ versions: response.data.value })\n } catch(err) {\n console.log(err)\n }\n\n this.setState({ modalLoading: false })\n }\n\n async versionDownload(version) {\n this.setState({\n modalLoading: true,\n })\n\n try {\n const response = await httpClient.get(\n `/api/document/${this.props.file.id}/versions/${version}/content`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`\n },\n }\n );\n } catch(err) {\n \n }\n\n this.setState({ modalLoading: false })\n }\n\n async getFilePermissions() {\n this.setState({\n modalLoading: true,\n permissionModalVisible: true\n })\n\n try {\n const response = await httpClient.get(\n `/api/document/${this.props.file.id}/permissions`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`\n },\n }\n );\n } catch(err) {\n console.log(err)\n }\n\n this.setState({ modalLoading: false })\n }\n\n async handleEmailTagChange(value) {\n \n }\n\n async handleUpload() {\n this.setState({uploading : true})\n\n const formData = new FormData();\n formData.append('file', this.state.uploadedFile);\n\n try {\n const uploadResponse = await axios.request({\n method: \"post\", \n url: `${apiUrl}/api/meetings/${this.props.meeting.id}/upload/file/${this.props.meeting.documentFolder}/${this.props.type}`,\n data: formData, \n headers: {\n Authorization: `Bearer ${this.token}`,\n },\n })\n\n //Upload final document to google storage\n if(this.props.type === '3' || this.props.type === '5') {\n const previewResponse = await await axios.request({\n method: \"post\", \n url: `${apiUrl}/api/meetings/${this.props.meeting.id}/upload/file/${this.props.meeting.documentFolder}/${this.props.type}/final`,\n data: formData, \n headers: {\n Authorization: `Bearer ${this.token}`,\n }\n })\n }\n\n message.success('อัพโหลดไฟล์เรียบร้อยแล้ว');\n this.props.onFileUpdated(uploadResponse.data, this.props.type)\n this.setState({ uploadedFile: null })\n } catch(err) {\n this.setState({uploading : false})\n\n if(err.response.status === 409) {\n message.error('ไม่สามารถอัพโหลดเอกสารชื่อซ้ำกันได้');\n } else {\n message.error('อัพโหลดไฟล์ไม่สำเร็จ กรุณาลองใหม่อีกครั้ง');\n }\n }\n\n this.setState({uploading : false})\n }\n\n async generateAttendeeList() {\n this.setState({loading: true})\n await this.props.getMeetingEvent(this.props.meeting.id, this.props.meeting.eventId);\n await this.props.getMeetingAttendees(this.props.meeting.id)\n \n //Set up meeting data\n const meetingDate = moment(this.props.meeting.meetingDate).locale('th').format('DD')\n const meetingMonth = moment(this.props.meeting.meetingDate).locale('th').format('MMMM')\n const meetingYear = parseInt(moment(this.props.meeting.meetingDate).locale('th').format('YYYY')) + 543\n const meetingTimeStart = moment(this.props.meeting.meetingStart).locale('th').format('HH:mm')\n const meetingTimeEnd = this.props.meeting.meetingEnd ? moment(this.props.meeting.meetingEnd).locale('th').format('HH:mm') : ''\n let roomName\n let buildingName\n let locationName\n\n if(this.props.roomsReducer.rooms) {\n this.props.roomsReducer.rooms.map(item => {\n if(this.props.meeting.room == item.id) {\n roomName = item.name\n }\n })\n }\n\n if(this.props.buildingsReducer.buildings) {\n this.props.buildingsReducer.buildings.map(item => {\n if(this.props.meeting.building == item.id) {\n buildingName = item.name\n }\n })\n }\n\n if(this.props.locationsReducer.locations) {\n this.props.locationsReducer.locations.map(item => {\n if(this.props.meeting.location == item.id) {\n locationName = item.name\n }\n })\n }\n \n const meetingDetail = {\n title: this.props.meeting.title,\n year: `ครั้งที่ ${this.props.meeting.sequence}/${meetingYear}`,\n date: `วันที่ ${meetingDate} ${meetingMonth} ${meetingYear} เวลา ${meetingTimeStart} ${meetingTimeEnd ? `- ${meetingTimeEnd} น.` : 'น.'}`,\n timeStart: meetingTimeStart,\n timeEnd: meetingTimeEnd,\n location: `ณ ${roomName} ${buildingName} ${locationName}`\n }\n\n const documentCreator = new DocumentCreator();\n\n let attendees = this.props.meetingReducer.event.attendees\n let acceptedAttendees = []\n let declinedAttendees = []\n\n for(const invitedAttendee of attendees) {\n for(const attendee of this.props.meetingReducer.attendees) {\n if(invitedAttendee.emailAddress.address === attendee.email) {\n invitedAttendee.position = attendee.positionName\n\n if(invitedAttendee.status.response === 'accepted') {\n acceptedAttendees.push(invitedAttendee)\n } else if(invitedAttendee.status.response === 'declined') {\n declinedAttendees.push(invitedAttendee)\n }\n }\n }\n }\n\n const doc = documentCreator.create(meetingDetail, acceptedAttendees, declinedAttendees);\n const blob = await Packer.toBlob(doc) \n const file = new File([blob], `รายงานการประชุม.docx`, {type: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"});\n \n let formData = new FormData();\n formData.append('file', file);\n \n const uploadResponse = await axios.request({\n method: \"post\", \n url: `${apiUrl}/api/meetings/${this.props.meeting.id}/upload/file/${this.props.meeting.documentFolder}/${this.props.type}`,\n data: formData, \n headers: {\n Authorization: `Bearer ${this.token}`,\n }\n })\n\n message.success('สร้างเอกสารเรียบร้อยแล้ว');\n this.props.onFileUpdated(uploadResponse.data, this.props.type)\n\n this.setState({loading: false})\n }\n\n render() {\n let fileName = 'ยังไม่มีเอกสาร'\n let fileIcon = this.props.format === 'docx' ? require(\"assets/img/word.svg\") : require(\"assets/img/pdf.svg\")\n let subtitle = this.props.format === 'docx' ? 'เอกสารสำหรับแก้ไข (.docx)' : 'เอกสารสำหรับอ่าน (.pdf)'\n let action = (\n \n
\n \n\n \n
\n \n
\n \n
\n \n
\n { fileName }
\n { subtitle }
\n \n { action }\n
\n \n
\n )\n })\n }\n \n \n\n \n
\n {/* */}\n เวอร์ชัน {item.id}
\n \n แก้ไขโดย {item.lastModifiedBy.user.displayName} \n \n { {item.lastModifiedDateTime} } \n
\n ') ? attendee.emailBody : this.state.event.body.replace(/\\t/g, '\\u00a0\\u00a0\\u00a0\\u00a0')\n\n for(const eventAttendee of this.state.event.attendees) {\n if(eventAttendee.emailAddress.address === attendee.email) {\n attendee.responseStatus = eventAttendee.status.response\n }\n }\n }\n\n await this.setState({\n attendees: this.props.meetingReducer.attendees,\n attendeesFetching: false\n })\n }\n\n handleEventChange(value, key) {\n const event = this.state.event;\n event[key] = value;\n this.setState({ event });\n }\n\n async handleAttendeeChange(value, key) {\n const attendee = this.state.attendee;\n attendee[key] = value;\n\n await this.setState({ attendee });\n }\n\n async addAttendee() {\n this.setState({attendeeLoading: true})\n\n const attendeeParams = {\n meetingId: this.props.meetingReducer.result.id,\n position: this.state.attendee.position,\n department: this.state.attendee.department,\n name: this.state.attendee.name,\n email: this.state.attendee.email,\n }\n\n try {\n const response = await httpClient.post(\n `/api/meetings/${this.props.meetingReducer.result.id}/attendee`,\n attendeeParams,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n );\n\n const attendees = this.state.attendees\n\n attendees.unshift({\n ...response.data, \n responseStatus: 'new',\n emailBody: this.state.event.body.replace(/\\t/g, '\\u00a0\\u00a0\\u00a0\\u00a0'),\n attachments: []\n })\n\n message.success('เพิ่มผู้เข้าประชุมเรียบร้อยแล้ว');\n this.initNewAttendeeData()\n \n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการเพิ่มผู้เข้าประชุม กรุณาลองใหม่อีกครั้ง');\n }\n\n this.setState({\n attendeeLoading: false,\n addModalVisible: false\n })\n }\n\n async getAttendeeDetail(item) {\n this.setState({\n addModalVisible: true,\n attendeeLoading: true\n })\n \n const attendee = {\n id: item.id,\n position: item.position,\n department: item.department,\n name: item.name,\n email: item.email,\n emailBody: (item.emailBody === '' || !item.emailBody) ? this.state.event.body : item.emailBody,\n messageId: item.messageId,\n attachments: item.attachments\n }\n this.setState({\n attendeeLoading: false,\n attendee\n })\n }\n\n async updateAttendee() {\n this.setState({attendeeLoading: true})\n\n const attendeeParams = {\n id: this.state.attendee.id,\n position: this.state.attendee.position,\n department: this.state.attendee.department,\n name: this.state.attendee.name,\n email: this.state.attendee.email,\n emailBody: this.state.attendee.emailBody,\n }\n\n try {\n const response = await httpClient.patch(\n `/api/meetings/${this.props.meetingReducer.result.id}/attendee/${this.state.attendee.messageId}`,\n attendeeParams,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n );\n\n let attendees = []\n\n for(const item of this.state.attendees) {\n if(item.id === this.state.attendee.id) {\n if(item.email !== this.state.attendee.email) {\n const attendeeList = this.props.meetingReducer.event.attendees.filter(oldAttendee => {\n return oldAttendee.emailAddress.address !== item.email\n })\n\n const response = await httpClient.post(\n `/api/meetings/${this.props.meetingReducer.result.id}/event/${this.props.meetingReducer.result.eventId}/send`,\n attendeeList,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n )\n\n item.responseStatus = \"new\"\n }\n\n item.position = this.state.attendee.position\n item.name = this.state.attendee.name\n item.email = this.state.attendee.email\n item.emailBody = this.state.attendee.emailBody\n }\n\n attendees.push(item)\n }\n \n await this.setState({attendees})\n message.success('แก้ไขข้อมูลผู้เข้าประชุมเรียบร้อยแล้ว');\n this.initNewAttendeeData()\n \n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการแก้ไขข้อมูลผู้เข้าประชุม กรุณาลองใหม่อีกครั้ง');\n }\n\n this.setState({\n attendeeLoading: false,\n addModalVisible: false\n })\n }\n\n openAttendeeModal() {\n this.initNewAttendeeData()\n this.setState({addModalVisible: true})\n }\n\n initNewAttendeeData() {\n let attendee = {\n id: '',\n position: '1',\n department: '1',\n name: \"\",\n email: \"\",\n emailBody: \"\",\n type:\"add\",\n attachment: ''\n }\n\n attendee.emailBody = JSON.parse(JSON.stringify(this.state.event.body)).replace(/\\t/g, '\\u00a0\\u00a0\\u00a0\\u00a0')\n\n this.setState({ \n attendee\n })\n }\n\n deleteConfirmation(attendee) {\n let _this = this\n\n Modal.confirm({\n title:
ยืนยันการลบ {attendee.name} ออกจากรายชื่อผู้เข้าประชุม
,\n okText: 'ลบ',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.deleteAttendee(attendee.id)\n }\n });\n }\n\n async deleteAttendee(id) {\n this.setState({attendeesFetching: true})\n try {\n const response = await httpClient.delete(\n `/api/meetings/${this.props.meetingReducer.result.id}/event/${this.props.meetingReducer.result.eventId}/attendee/${id}`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n )\n\n this.getEvent()\n\n const attendees = this.state.attendees.filter(item => {\n return item.id !== id\n })\n\n this.setState({attendees})\n message.success('ลบข้อมูลผู้เข้าประชุมเรียบร้อยแล้ว');\n\n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการลบผู้เข้าประชุม กรุณาลองใหม่อีกครั้ง');\n }\n\n this.setState({attendeesFetching: false})\n }\n\n deleteAttachmentConfirmation() {\n let _this = this\n\n Modal.confirm({\n title: ยืนยันการลบเอกสาร {this.state.singleAttachment.name}
,\n okText: 'ลบ',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.deleteAttachment()\n }\n });\n }\n\n deleteAttachment() {\n const attendees = this.state.attendees.map(item => {\n if(item.id === this.state.attendee.id) {\n item.attachment = ''\n }\n\n return item\n })\n\n this.setState({\n attendees\n })\n }\n\n renderRespondBadge(status) {\n if (status === \"accepted\") {\n return เรียน ${attendee.name}
\n ${attendee.emailBody.replace(/\\t/g, '\\u00a0\\u00a0\\u00a0\\u00a0')}\n `);\n\n try {\n const mailResponse = await httpClient.post(\n `/api/meetings/${this.props.meetingReducer.result.id}/mail/send`,\n formData,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n )\n } catch(err){\n message.error(`เกิดข้อผิดพลาดในการส่งอีเมลไปที่ ${attendee.email} กรุณาตรวจสอบอีเมลให้ถูกต้อง`);\n }\n }\n }\n \n message.success('ส่งอีเมลเรียบร้อยแล้ว');\n this.setState({\n inviteModalVisible: false,\n emailSending: false\n })\n }\n\n async sendSingleEmail() {\n this.setState({emailSending: true})\n \n const formData = new FormData();\n formData.append('file', this.state.singleAttachment);\n formData.append('email', this.state.attendee.email);\n formData.append('subject', this.state.event.subject);\n formData.append('mailBody', `เรียน ${this.state.attendee.name}
\n ${this.state.attendee.emailBody.replace(/\\t/g, '\\u00a0\\u00a0\\u00a0\\u00a0')}\n `);\n\n try {\n const mailResponse = await httpClient.post(\n `/api/meetings/${this.props.meetingReducer.result.id}/mail/send`,\n formData,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n )\n\n message.success('ส่งอีเมลเรียบร้อยแล้ว');\n this.setState({addModalVisible: false})\n\n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการส่งอีเมล กรุณาลองใหม่อีกครั้ง');\n }\n\n this.setState({emailSending: false})\n }\n\n async handleAttachmentUpload(file) {\n this.setState({uploading : true})\n const formData = new FormData();\n formData.append('file', file);\n formData.append('attendeeId', this.state.attendee.id);\n\n try {\n const uploadResponse = await axios.request({\n method: \"post\", \n url: `${apiUrl}/api/meetings/${this.props.meeting.id}/upload/file/${this.props.meeting.rootFolder}/6`,\n data: formData, \n headers: {\n Authorization: `Bearer ${this.token}`,\n },\n })\n\n this.state.attendee.attachments.push(uploadResponse.data)\n\n } catch(e) {\n message.error('อัพโหลดไฟล์ไม่สำเร็จ กรุณาลองใหม่อีกครั้ง');\n }\n\n this.setState({uploading : false})\n }\n\n async deleteDocument(file, index) {\n this.setState({ deleting: true })\n\n try {\n const response = await httpClient.delete(\n `/api/document/${file.documentId}/${this.props.meeting.deletedFolder}`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`\n },\n }\n );\n\n message.success({file.name} ถูกลบเรียบร้อยแล้ว.);\n\n this.state.attendee.attachments.splice(index, 1)\n\n this.setState({ deleting: false })\n } catch(err) {\n message.error('เกิดข้อผิดพลาดในการลบเอกสาร กรุณาลองใหม่อีกครั้ง');\n this.setState({ deleting: false })\n } \n }\n\n render() {\n const { attachments } = this.state\n\n this.attachmentProps = {\n showUploadList: false,\n multiple: true,\n customRequest: (info) => this.handleUpload(info.file)\n };\n\n this.singleAttachmentProps = {\n showUploadList: false,\n multiple: false,\n customRequest: (info) => this.handleAttachmentUpload(info.file), \n };\n\n const quillModule = {\n toolbar: [\n ['bold', 'italic', 'underline'],\n [{ 'indent': '-1' }, { 'indent': '+1' }],\n [{ 'align': null}, {'align': 'center'}, {'align': 'right'}],\n ['link']\n ]\n }\n\n return (\n\n this.setState({ inviteModalVisible: true })}\n >\n เชิญประชุม\n \n this.openAttendeeModal()}\n disabled={this.props.meeting.editable === 'N'}\n >เพิ่มผู้เข้าประชุม\n \n
\n \n \n { this.state.attendeesCount.all } \n { this.state.attendeesCount.accepted } \n { this.state.attendeesCount.maybe } \n { this.state.attendeesCount.declined } \n { this.state.attendeesCount.waiting } \n \n
\n\n \n \n this.getAttendeeDetail(item)}\n />\n \n \n this.deleteConfirmation(item)}\n />\n \n
\n )\n })\n ) : \n \n {item.name} \n \n \n
\n
\n \n {item.name} \n \n \n
\n \n {item.email}\n \n {item.departmentName}\n
\n \n {this.renderRespondBadge(\n item.responseStatus\n )}\n
\n ยืนยันการส่งอีเมล
,\n okText: 'ส่งอีเมล',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.sendEmail()\n }\n });\n }}\n disabled={this.state.emailSending}\n loading={this.state.emailSending}\n htmlType=\"button\"\n style={{ minWidth: 100 }}\n >\n { this.state.emailSending ? 'กำลังส่งอีเมล' : 'ส่งอีเมล' }\n \n \n this.quillRef = el}\n theme=\"snow\" \n value={this.state.event.body} \n modules={quillModule}\n onChange={(value) => this.handleEventChange(value, 'body')}\n />\n
\n \n เลือกเงื่อนไขการส่งเอกสารเชิญประชุมให้แก่ผู้เข้าประชุม
\n\n
\n\n { this.state.attachments.length > 0 ?\n \n \n
\n \n เอกสารจะถูกบันทึกอัตโนมัติหลังจากเลือกเอกสารจากเครื่องของคุณ
\n\n \n \n \n
\n \n { \n this.state.attachments.map((item, index) => {\n return (\n
: \n { this.renderDocumentIcon(item.name) }\n this.removeAttachment(index)}\n />\n
\n \n )\n })\n }\n \n { item.name }\n
\n { filesize(item.size) }
\n \n \n \n
\n }\n >\n \n
\n
\n \n
\n \n อีเมล
\n \n this.handleAttendeeChange(value, 'emailBody')}\n />\n
\n \n \n \n
\n \n *เอกสารจะไม่ได้ถูกแนบไว้ในอีเมล กรุณาคัดลอกลิงก์ของเอกสารใส่ในเนื้อหาอีเมลเพื่อส่งให้ผู้เข้าประชุม
\n\n { this.renderDocumentIcon(item.name) }\n message.success('คัดลอกลิงก์เรียบร้อยแล้ว') }>\n \n \n \n {\n const _this = this \n\n Modal.confirm({\n title:
\n )\n })\n }\n\n \n { item.name }\n
\n\n \n { {item.createdAt} }\n
\n ยืนยันการลบเอกสาร {item.name}
,\n content: 'เมื่อลบเอกสารแล้วจะไม่สามารถนำกลับมาได้',\n okText: 'ลบ',\n cancelText: 'ยกเลิก',\n maskClosable: true,\n onOk() { \n _this.deleteDocument(item, index)\n }\n });\n }}\n />\n \n
\n \n \n \n \n \n \n \n
\n อัพโหลดเอกสารแนบ
\n \n \n \n
\n \n เรียน {this.state.attendee.name}
\n \n\r\n
\r\n )\r\n })\r\n ) : \r\n \r\n {item.name} \r\n \r\n \r\n
\r\n
\r\n \r\n {item.name} \r\n \r\n \r\n
\r\n \r\n {item.email}\r\n \r\n {item.departmentName}\r\n
\r\n \r\n {this.renderRespondBadge(\r\n item.response\r\n )}\r\n
\r\n { item.response === '2' &&\r\n \r\n }\r\n \n \n {index >= 4 && (\n this.removeAgenda(index)}\n >\n
\n )}\n \n ลบ
\n \n {/* this.handleAgendaChange(item, e.target.value, 'body')}\n >\n\n */}\n {/* this.handleAgendaChange(item, value, 'body')}\n /> */}\n
\n \n \n {fileIcon}\n
\n \n
\n \n
\n {file.uploadProgress > 0 ? (\n {file.name}
\n {file.uploadProgress > 0 ? (\n \n {file.uploadProgress * 100 < 100 && (\n
\n ) : null}\n \n {Math.round(file.uploadProgress * 100)}%\n
\n \n {filesize(file.size)}\n
\n )}\n \n
\n \n );\n });\n }\n\n return fileList;\n }\n\n setCreateDocumentMethod(value) {\n this.setState({ createDocumentMethod: value });\n this.props.values.createDocumentMethod = value;\n }\n\n setAttendeeListMethod(value) {\n let isValid = true;\n\n if (value === 2) {\n if (!this.state.isMeetingExist) {\n isValid = false;\n message.error(\"กรุณาใส่หัวข้อการประชุมครั้งก่อนให้ถูกต้อง\");\n }\n }\n\n if (isValid) {\n this.setState({ attendeesMethod: value });\n this.props.values.attendeesMethod = value;\n }\n }\n\n async getMeetingDocuments(id, folderId) {\n await this.props.getMeetingDocuments(id, folderId);\n\n if (this.props.meetingReducer.documents) {\n let inviteDocument = this.props.meetingReducer.documents.filter(\n (item) => {\n return item.type === \"1\";\n }\n )[0];\n let meetingDocument = this.props.meetingReducer.documents.filter(\n (item) => {\n return item.type === \"2\";\n }\n )[0];\n let finalDocument = this.props.meetingReducer.documents.filter((item) => {\n return item.type === \"3\";\n })[0];\n let reportDocument = this.props.meetingReducer.documents.filter(\n (item) => {\n return item.type === \"4\";\n }\n )[0];\n let reportFinalDocument = this.props.meetingReducer.documents.filter(\n (item) => {\n return item.type === \"5\";\n }\n )[0];\n\n this.setState({\n inviteDocument,\n meetingDocument,\n finalDocument,\n reportDocument,\n reportFinalDocument,\n });\n }\n }\n\n openEmailModal(type) {\n let mailBody = \"\";\n let isDocumentReady = false;\n\n if (type === 3 && this.state.finalDocument) {\n isDocumentReady = true;\n\n mailBody = `\n ขอส่งเอกสารประกอบการ${\n this.props.values.title\n } ครั้งที่ ${this.props.values.sequence}/${\n this.props.values.year\n } ตามลิงค์ที่แนบ ${domainName}/meeting/view/${this.props.values.id}\n ${\n this.props.values.password\n ? \"รหัสผ่านสำหรับเปิดเอกสารการประชุม: \" + this.props.values.password\n : \"\"\n }
\n `;\n } else if (type === 5 && this.state.reportFinalDocument) {\n isDocumentReady = true;\n\n mailBody = `\n ขอส่งรายงานการ${\n this.props.values.title\n } ครั้งที่ ${this.props.values.sequence}/${\n this.props.values.year\n } ตามลิงค์ที่แนบ ${domainName}/meeting/report/${\n this.props.values.id\n } และโปรดแจ้งตอบตามแบบฟอร์ม ตามลิงค์ที่แบบ ${domainName}/meeting/report/confirm/${this.props.values.id}\n${\n this.props.values.password\n ? \"รหัสผ่านสำหรับเปิดเอกสารการประชุม: \" + this.props.values.password\n : \"\"\n }
\n `;\n }\n\n if (isDocumentReady) {\n const email = {\n subject: \"\",\n body: mailBody,\n };\n\n this.setState({\n emailModalVisible: true,\n emailType: type,\n email,\n });\n } else {\n message.error(\"กรุณาอัพโหลดเอกสารก่อนทำการส่งอีเมล\");\n }\n }\n\n async sendDocumentLink() {\n this.setState({ emailSending: true });\n\n await this.props.getMeetingAttendees(this.props.meetingReducer.result.id);\n\n let targetAttendees = [];\n\n if (this.state.isAllEmailSent) {\n targetAttendees = this.props.meetingReducer.attendees;\n } else {\n targetAttendees = this.props.meetingReducer.attendees.filter((item) => {\n for (const email of this.state.emailList) {\n if (email === item.email) {\n return item;\n }\n }\n });\n }\n\n for (const attendee of targetAttendees) {\n let mailBody = this.state.email.body;\n mailBody = mailBody.replace(\n `report/confirm/${this.props.values.id}`,\n `report/confirm/${this.props.values.id}?id=${attendee.id}`\n );\n\n const formData = new FormData();\n formData.append(\"subject\", this.state.email.subject);\n formData.append(\"email\", attendee.email);\n formData.append(\n \"mailBody\",\n `เรียน ${attendee.name}
\n ${mailBody.replace(/\\t/g, \"\\u00a0\\u00a0\\u00a0\\u00a0\")}\n `\n );\n\n const mailResponse = await httpClient.post(\n `/api/meetings/${this.props.meetingReducer.result.id}/mail/send`,\n formData,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${this.token}`,\n },\n }\n );\n }\n\n message.success(\"ส่งอีเมลเรียบร้อยแล้ว\");\n this.setState({\n emailSending: false,\n emailModalVisible: false,\n emailList: [],\n });\n }\n\n async getComments() {\n try {\n const response = await httpClient.get(\n `api/meetings/${this.props.values.id}/comment`,\n {}\n );\n\n this.setState({\n comments: response.data.comments,\n commentGroups: response.data.groups,\n });\n } catch (err) {\n console.log(err);\n }\n }\n\n async getCommentByAttendee(comment) {\n const comments = this.state.comments.filter((item) => {\n return item.attendeeId === comment.attendeeId;\n });\n\n this.setState({\n commentModalVisible: true,\n commentName: comment.name,\n selectedComments: comments,\n });\n }\n\n async getMeetingAttachments(id, folderId) {\n await this.props.getMeetingAttachments(id, folderId);\n\n if (this.props.meetingReducer.attachments) {\n this.setState({ attachments: this.props.meetingReducer.attachments });\n }\n }\n\n async getTemplateFiles() {\n await this.props.getTemplateFiles();\n\n if (this.props.meetingReducer.templates) {\n this.setState({ templates: this.props.meetingReducer.templates });\n }\n }\n\n onTemplateChange(value) {\n if (this.state.templates) {\n this.state.templates.map((item) => {\n if (item.id === value) {\n this.setState({ selectedTemplate: item });\n }\n });\n }\n }\n\n handleStartTimeChange(value) {\n const startTime = value ? value.toDate() : null;\n this.props.values.meetingStart = startTime;\n this.setState({ startTime });\n }\n\n handleEndTimeChange(value) {\n const endTime = value ? value.toDate() : null;\n this.props.values.meetingEnd = endTime;\n this.setState({ endTime });\n }\n\n handlePasswordChange(value) {\n this.props.values.password = value;\n this.setState({ password: value });\n }\n\n renderDocumentType() {\n let typeLabel = \"เอกสาร\";\n\n if (this.state.documentType === 1) {\n typeLabel += \"ระเบียบวาระการประชุม\";\n } else if (this.state.documentType === 2) {\n typeLabel += \"การประชุม\";\n } else if (this.state.documentType === 4) {\n typeLabel += \"มติการประชุม\";\n }\n\n return typeLabel;\n }\n\n createMeetingDocument(type) {\n this.setState({\n fileUploadModalVisible: true,\n documentType: type,\n });\n }\n\n onSuggestionsFetchRequested = ({ value }) => {\n this.setState({\n suggestions: this.getSuggestions(value),\n });\n };\n\n onSuggestionsClearRequested = () => {\n this.setState({\n suggestions: this.state.meetings,\n });\n };\n\n onSuggestionSelected = (\n event,\n { suggestion, suggestionValue, suggestionIndex, sectionIndex, method }\n ) => {\n this.props.values.title = suggestion.title;\n this.props.values.lastMeetingId = suggestion.id;\n\n this.setState({\n isMeetingExist: true,\n });\n };\n\n getSuggestions = (value) => {\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n\n const result = this.state.meetingNameList.filter((meeting) =>\n inputLength !== 0\n ? meeting.title.toLowerCase().includes(inputValue)\n : true\n );\n\n this.setState({\n isMeetingExist: false,\n attendeesMethod: 1,\n });\n\n if (inputLength === 0) {\n this.props.values.title = \"\";\n }\n\n return result;\n };\n\n renderSuggestion = (suggestion) => suggestion.title;\n\n shouldRenderSuggestions() {\n return true;\n }\n\n getSuggestionValue = (suggestion) => suggestion.title;\n\n onMeetingNameChange = (event, { newValue }) => {\n this.props.values.title = newValue;\n };\n\n render() {\n const {\n values,\n handleChange,\n isDisableField,\n handleBlur,\n setFieldValue,\n errors,\n touched,\n } = this.props;\n\n const { uploading, fileList } = this.state;\n const props = {\n onRemove: (file) => {\n this.setState((state) => {\n const index = state.fileList.indexOf(file);\n const newFileList = state.fileList.slice();\n newFileList.splice(index, 1);\n return {\n fileList: newFileList,\n };\n });\n },\n beforeUpload: (file) => {\n this.setState((state) => ({\n fileList: [...state.fileList, file],\n }));\n return false;\n },\n fileList,\n };\n\n this.props.values.agendas = this.state.agendas;\n\n const { suggestions } = this.state;\n\n const inputProps = {\n placeholder: \"พิมพ์ชื่อการประชุม\",\n value: values.title,\n onChange: this.onMeetingNameChange,\n disabled: values.editable === \"N\" ? true : false,\n };\n\n return (\n\n ประเด็นอภิปราย\n
\n\n{item.name}
\n \n \n this.getCommentByAttendee(item)\n }\n style={{\n width: 100,\n alignSelf: \"flex-end\",\n }}\n >\n อ่าน\n \n
\n \n {item.total}\n
\n \n
\n )}\n \n \n this.addAgenda()}\n >\n เพิ่มวาระ\n \n
\n\n \n
\n ระเบียบวาระการประชุม
\n\n กรอกรายละเอียดวาระการประชุมเพื่อใช้ในการสร้างเอกสาร\n
\n\n\n {this.renderAgendaForm()}\n\n
\n this.saveAgendas()}\n >\n ตกลง\n \n this.setState({ agendaDetailModalVisible: false })}\n >\n ยกเลิก\n \n
\n \n\n \n
\n );\n })}\n \n\n วาระที่ {item.agenda}
\n {item.description}
\n\n {\n const _this = this;\n Modal.confirm({\n title: this.setState({ emailModalVisible: false })}\n >\n ยกเลิก\n \n
\n }\n >\n ยืนยันการส่งอีเมลให้ผู้เข้าประชุม
,\n okText: \"ส่งอีเมล\",\n cancelText: \"ยกเลิก\",\n maskClosable: true,\n onOk() {\n _this.sendDocumentLink();\n },\n });\n }}\n >\n ส่งอีเมล\n \n อีเมล
\n \n this.handleEmailChange(value, \"body\")}\n />\n
\n \n \n \n \n \n
\n \n \n
\n );\n };\n\n render() {\n return (\n เพิ่มการประชุม
\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n เชิญประชุม \r\n \r\n (\r\n \r\n \r\n {\r\n setFieldValue(\r\n \"invitation_letter\",\r\n event.currentTarget.files[0]\r\n );\r\n }}\r\n className=\"form-control\"\r\n />\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n )}\r\n />\r\n \r\n \r\n\r\n \r\n เอกสารการประชุม \r\n \r\n (\r\n \r\n \r\n
\r\n
\r\n\r\n {values.pushTarget === \"newfile\" ? (\r\n \r\n \r\n ) : null}\r\n
\r\n\r\n \r\n {values.pushTarget === \"template\" ? (\r\n \r\n \r\n ) : null}\r\n
\r\n\r\n \r\n )}\r\n />\r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n renderTargetOption() {\r\n let optionList = [\r\n {\r\n value: \"\",\r\n label: \"กรุณาเลือกชนิดของเอกสาร\",\r\n },\r\n {\r\n value: \"newfile\",\r\n label: \"New File\",\r\n },\r\n {\r\n value: \"template\",\r\n label: \"Template\",\r\n },\r\n ];\r\n\r\n let optionElements = optionList.map((item) => (\r\n \r\n ));\r\n\r\n return optionElements;\r\n }\r\n\r\n renderTemplateOption() {\r\n let optionList = [\r\n {\r\n value: \"\",\r\n label: \"กรุณาเลือก Template\",\r\n },\r\n {\r\n value: \"1\",\r\n label: \"สำนัก...\",\r\n },\r\n {\r\n value: \"2\",\r\n label: \"สำนัก...\",\r\n },\r\n ];\r\n\r\n let optionElements = optionList.map((item) => (\r\n \r\n ));\r\n\r\n return optionElements;\r\n }\r\n\r\n async onSwitchChange(checked) {\r\n const token = localStorage.getItem(\"token\");\r\n this.setState({editable: checked})\r\n\r\n let response = await httpClient.patch(\r\n server.MEETING_URL + \"/\" + `${this.props.match.params.id}`,\r\n JSON.stringify({\r\n id: this.props.match.params.id,\r\n editable: checked ? 'Y' : 'N'\r\n }),\r\n {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${token}`\r\n },\r\n }\r\n );\r\n }\r\n\r\n render() {\r\n const { result } = this.props.meetingReducer;\r\n\r\n if (result) {\r\n result.file = ''\r\n\r\n if (result.meetingStart) {\r\n result.meetingDate = result.meetingStart;\r\n \r\n const meetingMonth = new Date(result.meetingStart).getMonth()\r\n let meetingYear = new Date(result.meetingStart).getFullYear()\r\n\r\n // if(meetingMonth >= 10) {\r\n // meetingYear += 1\r\n // }\r\n\r\n result.year = meetingYear + 543\r\n }\r\n }\r\n return (\r\n \r\n \r\n การแก้ไข\r\n \r\n )\r\n }\r\n
\r\n แก้ไขการประชุม
\r\n { this.state.isOwner && \r\n (\r\n\r\n \r\n บันทึก\r\n \r\n this.closeModalInvite()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n {\r\n handleChange(e);\r\n }}\r\n value={values.pushTarget}\r\n >\r\n {this.renderTargetOption()}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setFieldValue(\r\n \"upload_newfile\",\r\n event.currentTarget.files[0]\r\n );\r\n }}\r\n className=\"form-control\"\r\n />\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n {\r\n handleChange(e);\r\n }}\r\n value={values.meeting_document}\r\n >\r\n {this.renderTemplateOption()}\r\n \r\n
\r\n \r\n \r\n บันทึก\r\n \r\n this.closeModalMeetingDocument()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n this.setState({drawerVisible: false})}\r\n visible={this.state.drawerVisible}\r\n footer={\r\n
\r\n \r\n\r\n this.setState({commentAgenda: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n this.setState({commentDesc: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n\r\n this.setState({drawerCommentVisible: false})}\r\n visible={this.state.drawerCommentVisible}\r\n footer={null}\r\n > \r\n { \r\n this.state.comments && this.state.comments.map(item => { \r\n return (\r\n this.setState({emailModalVisible: false})}\r\n footer={\r\n \r\n }\r\n > \r\n \r\n this.setState({email: e.target.value})}\r\n />\r\n \r\n
\r\n\r\n \r\n this.setState({password: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ meetingReducer }) => ({ meetingReducer });\r\n\r\nconst mapDispatchToProps = {\r\n ...actions,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ViewMeeting);\r\n","import React, { Component } from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport { server } from \"../../../constants\";\r\nimport {\r\n Row,\r\n Col,\r\n Card,\r\n CardBody,\r\n FormInput,\r\n FormSelect\r\n} from \"shards-react\";\r\nimport * as actions from \"../../../actions/meeting.action\";\r\nimport { getAllLocations } from \"../../../actions/other_info/location.action\";\r\nimport { connect } from \"react-redux\";\r\nimport { httpClient } from \"../../../utils/HttpClient\";\r\nimport Moment from \"react-moment\";\r\nimport moment from \"moment\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport Autosuggest from \"react-autosuggest\";\r\nimport { MuiPickersUtilsProvider, DatePicker } from \"material-ui-thai-datepickers\";\r\nimport { Button, Empty } from 'antd';\r\nimport {\r\n CloseOutlined\r\n} from '@ant-design/icons';\r\n\r\nclass MeetingUserView extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loading: false,\r\n userDetail: '',\r\n meetings: [],\r\n meetingDisplay: [],\r\n locations: [],\r\n suggestions: [],\r\n title: '',\r\n location: '',\r\n creator: '',\r\n meetingDate: null\r\n };\r\n\r\n this.token = localStorage.getItem(\"token\");\r\n this.userDetail = localStorage.getItem(\"user_profile\") ? JSON.parse(localStorage.getItem(\"user_profile\")) : null\r\n }\r\n\r\n async componentDidMount() {\r\n await this.props.getAllLocations()\r\n this.setState({locations: this.props.locationsReducer.locations || []})\r\n \r\n if(this.token) {\r\n this.setState({loading: true})\r\n\r\n try {\r\n const response = await httpClient.get(`api/meetings/user/email/${this.userDetail.email}`, {})\r\n\r\n this.setState({\r\n meetings: response.data,\r\n meetingDisplay: response.data\r\n })\r\n } catch(err) {\r\n console.log(err)\r\n }\r\n \r\n this.setState({loading: false})\r\n } else {\r\n this.props.history.push(`/`)\r\n }\r\n }\r\n\r\n async titleFilter(value) {\r\n await this.setState({title: value})\r\n this.filterMeeting()\r\n }\r\n\r\n async locationFilter(value) {\r\n await this.setState({location: value})\r\n this.filterMeeting()\r\n }\r\n\r\n async creatorFilter(value) {\r\n await this.setState({creator: value})\r\n this.filterMeeting()\r\n }\r\n\r\n async dateFilter(value) {\r\n await this.setState({meetingDate: value ? value.toDate() : null})\r\n this.filterMeeting()\r\n }\r\n\r\n async locationFiler(value) {\r\n await this.setState({location: value})\r\n this.filterMeeting()\r\n }\r\n\r\n filterMeeting() {\r\n const meetings = JSON.parse(JSON.stringify(this.state.meetings))\r\n let meetingList = meetings\r\n\r\n if(this.state.title) {\r\n meetingList = meetingList.filter(item => {\r\n return item.title.includes(this.state.title)\r\n })\r\n }\r\n\r\n if(this.state.location) {\r\n meetingList = meetingList.filter(item => {\r\n return item.location == this.state.location\r\n })\r\n }\r\n\r\n if(this.state.meetingDate) {\r\n meetingList = meetingList.filter(item => {\r\n return moment(this.state.meetingDate).isSame(item.meetingStart, 'day');\r\n })\r\n }\r\n\r\n this.setState({meetingDisplay: meetingList})\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n this.setState({\r\n suggestions: this.getSuggestions(value),\r\n });\r\n };\r\n\r\n onSuggestionsClearRequested = () => {\r\n this.setState({\r\n suggestions: this.state.meetings,\r\n });\r\n };\r\n\r\n onSuggestionSelected = (\r\n event,\r\n { suggestion, suggestionValue, suggestionIndex, sectionIndex, method }\r\n ) => {\r\n this.setState({\r\n title: suggestion.title\r\n });\r\n };\r\n\r\n getSuggestions = (value) => {\r\n const inputValue = value.trim().toLowerCase();\r\n const inputLength = inputValue.length;\r\n\r\n const result = this.state.meetings.filter((meeting) =>\r\n inputLength !== 0\r\n ? meeting.title.toLowerCase().includes(inputValue)\r\n : true\r\n );\r\n\r\n if (inputLength === 0) {\r\n this.setState({\r\n meetingName: ''\r\n });\r\n }\r\n\r\n return result;\r\n };\r\n\r\n renderSuggestion = (suggestion) => suggestion.title;\r\n\r\n shouldRenderSuggestions() {\r\n return true;\r\n }\r\n\r\n getSuggestionValue = (suggestion) => suggestion.title;\r\n\r\n onMeetingNameChange = async (event, { newValue }) => {\r\n await this.setState({title: newValue});\r\n this.filterMeeting()\r\n };\r\n\r\n render() {\r\n const { title, suggestions } = this.state;\r\n\r\n const inputProps = {\r\n placeholder: \"พิมพ์ชื่อการประชุม\",\r\n value: title,\r\n onChange: this.onMeetingNameChange,\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n > \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n { this.state.name } \r\n \r\n
\r\n this.setState({\r\n emailModalVisible: true,\r\n drawerVisible: false\r\n })}\r\n >\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }) \r\n }\r\n \r\n\r\n \r\n \r\n {moment(item.createdAt).fromNow()}\r\n \r\n
\r\n {item.name}
\r\n \r\n \r\n
\r\n วาระที่ {item.agenda}:
\r\n {item.description}
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n {\r\n this.dateFilter(value)\r\n }}\r\n />\r\n \r\n \r\n {\r\n this.creatorFilter(e.target.value)\r\n }}\r\n value={this.state.creator}\r\n />\r\n \r\n this.locationFilter(e.target.value)}\r\n value={this.state.location}\r\n >\r\n \r\n {this.state.locations.map((location) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n { \r\n this.state.meetingDisplay.length > 0 ?\r\n \r\n \r\n
:\r\n \r\n }\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ \r\n appReducer,\r\n meetingReducer,\r\n locationsReducer\r\n}) => ({\r\n appReducer, \r\n meetingReducer,\r\n locationsReducer\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n ...actions,\r\n getAllLocations\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MeetingUserView);\r\n","import React, { Component } from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport { server } from \"../../../constants\";\r\nimport {\r\n Row,\r\n Col,\r\n FormInput,\r\n FormTextarea\r\n} from \"shards-react\";\r\nimport * as actions from \"../../../actions/meeting.action\";\r\nimport { connect } from \"react-redux\";\r\nimport { httpClient } from \"../../../utils/HttpClient\";\r\nimport Swal from \"sweetalert2\";\r\nimport { apiUrl } from \"../../../config/index\"\r\nimport moment, { relativeTimeThreshold } from \"moment\";\r\nimport { isBrowser, isMobile } from \"react-device-detect\";\r\nimport { Button, Drawer, Modal, message, Descriptions, Tooltip, Avatar } from 'antd';\r\nimport {\r\n EditOutlined\r\n} from '@ant-design/icons';\r\nimport jwt_decode from \"jwt-decode\";\r\n\r\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\r\nimport { Document, Page, pdfjs } from 'react-pdf'\r\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\r\n\r\nclass ViewReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n meeting: '',\r\n drawerVisible: false,\r\n drawerCommentVisible: false,\r\n emailModalVisible: false,\r\n validating: false,\r\n isValidated: false,\r\n isValidateError: false,\r\n id: '',\r\n password: '',\r\n email: '',\r\n name: '',\r\n commentAgenda: '',\r\n commentDesc: '',\r\n comments: [],\r\n totalPages: 0\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n try {\r\n this.setState({\r\n emailModalVisible: true\r\n })\r\n } catch(err) {\r\n \r\n }\r\n }\r\n\r\n async loginWithEmail() {\r\n if(!this.state.email) {\r\n message.error('กรุณากรอกอีเมล');\r\n\r\n return\r\n }\r\n\r\n try {\r\n const response = await httpClient.post(\r\n `/api/authentication/email`,\r\n { \r\n email: this.state.email \r\n },\r\n {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n localStorage.setItem(\"token\", response.data)\r\n const user = jwt_decode(response.data);\r\n localStorage.setItem('user_profile',JSON.stringify(user)); \r\n\r\n return true\r\n } catch(err) {\r\n if(err.response.status === 404) {\r\n message.error('ไม่พบอีเมลนี้ในระบบ');\r\n }\r\n\r\n return false\r\n }\r\n }\r\n\r\n async validate() {\r\n this.setState({validating: true})\r\n \r\n if(this.state.email) {\r\n try {\r\n const params = {\r\n email: this.state.email,\r\n password: this.state.password,\r\n type: '5'\r\n }\r\n\r\n const response = await httpClient.post(`${server.MEETING_URL}/${this.props.match.params.id}/preview/authen`, JSON.stringify(params), {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n })\r\n \r\n if(response.data.isValid) {\r\n const isLogin = await this.loginWithEmail()\r\n\r\n if(isLogin) {\r\n this.setState({\r\n id: response.data.id,\r\n name: response.data.name,\r\n isValidated: true,\r\n validating: false,\r\n emailModalVisible: false\r\n })\r\n\r\n window.location.href = response.data.url;\r\n } else {\r\n message.error('อีเมลหรือรหัสผ่านไม่ถูกต้อง'); \r\n }\r\n } else {\r\n message.error('อีเมลหรือรหัสผ่านไม่ถูกต้อง');\r\n }\r\n } catch(err) {\r\n message.error('เกิดข้อผิดพลาดในการยืนยันตัวตน กรุณาลองใหม่อีกครั้ง');\r\n }\r\n\r\n this.setState({\r\n validating: false\r\n })\r\n } else {\r\n message.error('กรุณากรอกอีเมลผู้เข้าประชุม');\r\n\r\n this.setState({\r\n validating: false\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n { this.userDetail.displayName }
\r\nหน่วยงาน: {this.userDetail.departmentName}
\r\n\r\n\r\n
\r\n วันที่ประชุม this.dateFilter(null)} />\r\n
\r\n | หัวข้อการประชุม | \r\nครั้งที่ | \r\nวันที่ | \r\nเวลา | \r\nแก้ไข/ลบ | \r\n
|---|---|---|---|---|
| {meeting.title} | \r\n\r\n {meeting.sequence}/\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n this.setState({drawerVisible: false})}\r\n visible={this.state.drawerVisible}\r\n footer={\r\n
\r\n \r\n\r\n this.setState({commentAgenda: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n this.setState({commentDesc: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n\r\n this.setState({drawerCommentVisible: false})}\r\n visible={this.state.drawerCommentVisible}\r\n footer={null}\r\n > \r\n { \r\n this.state.comments && this.state.comments.map(item => { \r\n return (\r\n this.setState({emailModalVisible: false})}\r\n footer={\r\n \r\n }\r\n > \r\n \r\n this.setState({email: e.target.value})}\r\n />\r\n \r\n
\r\n\r\n \r\n this.setState({password: e.target.value})}\r\n />\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ meetingReducer }) => ({ meetingReducer });\r\n\r\nconst mapDispatchToProps = {\r\n ...actions,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ViewReport);\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n FormGroup,\r\n FormInput\r\n} from \"shards-react\";\r\nimport * as actions from \"../../../actions/meeting.action\";\r\nimport * as positionActions from \"../../../actions/other_info/position.action\";\r\nimport * as departmentActions from \"../../../actions/other_info/department.action\";\r\nimport { connect } from \"react-redux\";\r\nimport { httpClient } from \"../../../utils/HttpClient\";\r\nimport moment from \"moment\";\r\nimport { Button, Radio, message, Modal } from 'antd';\r\nimport ReactQuill from 'react-quill';\r\nimport 'react-quill/dist/quill.snow.css';\r\nimport jwt_decode from \"jwt-decode\";\r\n\r\nclass MeetingReportConfirm extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n meeting: '',\r\n positions: [],\r\n departments: [],\r\n id: '',\r\n name: '',\r\n position: '',\r\n department: '',\r\n isAccepted: true,\r\n description: '',\r\n loadingModalVisible: false\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const token = localStorage.getItem(\"token\")\r\n \r\n if(token) {\r\n await this.getMeeingDetail()\r\n } else {\r\n this.setState({loadingModalVisible: true})\r\n }\r\n }\r\n\r\n async loginWithEmail() {\r\n if(!this.state.email) {\r\n message.error('กรุณากรอกอีเมล');\r\n\r\n return\r\n }\r\n \r\n try {\r\n const response = await httpClient.post(\r\n `/api/authentication/email`,\r\n { \r\n email: this.state.email \r\n },\r\n {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }\r\n );\r\n\r\n localStorage.setItem(\"token\", response.data)\r\n const user = jwt_decode(response.data);\r\n localStorage.setItem('user_profile',JSON.stringify(user)); \r\n\r\n await this.getMeeingDetail()\r\n this.setState({loadingModalVisible: false})\r\n } catch(err) {\r\n if(err.response.status === 404) {\r\n message.error('ไม่พบอีเมลนี้ในระบบ');\r\n }\r\n }\r\n }\r\n\r\n async getMeeingDetail() {\r\n this.setState({loading: true})\r\n const attendeeId = new URLSearchParams(this.props.location.search).get(\"id\")\r\n await this.props.getMeetingById(this.props.match.params.id);\r\n await this.props.getAllPositions(this.state.currentPage);\r\n await this.props.getAllDepartments(this.state.currentPage);\r\n\r\n try {\r\n const response = await httpClient.get(\r\n `/api/meetings/${this.props.meetingReducer.result.id}/attendee/${attendeeId}`,\r\n {\r\n headers: {\r\n \"Content-Type\": \"application/json\"\r\n },\r\n }\r\n );\r\n\r\n this.setState({\r\n meeting: this.props.meetingReducer.result,\r\n id: response.data.id,\r\n name: response.data.name,\r\n position: response.data.positionName,\r\n department: response.data.dapartmentName,\r\n positions: this.props.positionsReducer.positions,\r\n departments: this.props.departmentReducer.departments\r\n })\r\n } catch(err) {\r\n message.error('เกิดข้อผิดพลาดในการโหลดข้อมูล กรุณาตรวจสอบความถูกต้องของลิงก์');\r\n }\r\n\r\n this.setState({loading: false})\r\n }\r\n\r\n async confirmReponse() {\r\n \r\n try {\r\n const response = await httpClient.post(\r\n `/api/meetings/${this.props.meetingReducer.result.id}/attendee/${this.state.id}/confirm/response`,\r\n {\r\n response: this.state.isAccepted ? '1' : '2',\r\n description: this.state.isAccepted ? '' : this.state.description,\r\n },\r\n {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: `Bearer ${this.token}`,\r\n },\r\n }\r\n );\r\n\r\n message.success('บันทึกข้อมูลเรียบร้อยแล้ว');\r\n\r\n } catch(err) {\r\n message.error('เกิดข้อผิดพลาดในการโหลดข้อมูล กรุณาตรวจสอบความถูกต้องของลิงก์');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n }\r\n > \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n { this.state.name } \r\n \r\n
\r\n this.setState({\r\n emailModalVisible: true,\r\n drawerVisible: false\r\n })}\r\n >\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n }) \r\n }\r\n \r\n\r\n \r\n \r\n {moment(item.createdAt).fromNow()}\r\n \r\n
\r\n {item.name}
\r\n \r\n \r\n
\r\n วาระที่ {item.agenda}:
\r\n {item.description}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.setState({name: e.target.value})}\r\n value={this.state.name}\r\n />\r\n \r\n
\r\n \r\n this.setState({position: e.target.value})}\r\n value={this.state.position}\r\n >\r\n {this.state.positions.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n this.setState({department: e.target.value})}\r\n value={this.state.department}\r\n >\r\n {this.state.departments.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n
*/}\r\n\r\n \r\n \r\n
\r\n แบบตอบรับการรับรองรายงานการประชุม
\r\n\r\n\r\n ตามที่ได้มีการ{this.state.meeting.title} ครั้งที่ {this.state.meeting.sequence}/{this.state.meeting.year + 543} เมื่อวันที่ \r\n {this.state.meeting && moment(this.state.meeting.meetingStart).format(\"DD MMMM\")}\r\n {this.state.meeting && parseInt(moment(this.state.meeting.meetingStart).format(\"YYYY\")) + 543}\r\n เวลา {this.state.meeting && moment(this.state.meeting.meetingStart).format(\"HH.mm\")} - {this.state.meeting && moment(this.state.meeting.meetingEnd).format(\"HH.mm\")} น. \r\n ณ {this.state.meeting.roomName} {this.state.meeting.buildingName} {this.state.meeting.locationName}\r\n
\r\n\r\n\r\n ข้าพเจ้า {this.state.name}\r\n ตำแหน่ง {this.state.position} \r\n หน่วยงาน {this.state.department} \r\n ได้พิจารณารายงานการประชุมแล้วเห็นว่า\r\n
\r\n \r\n {/*\r\n this.setState({isAccepted: e.target.value})} value={this.state.isAccepted}>\r\n \r\n ถูกต้องและขอรับรองรายงานการประชุม\r\n \r\n \r\n มีข้อความต้องแก้ไขคือ\r\n \r\n \r\n
\r\n\r\n { !this.state.isAccepted && \r\n \r\n this.setState({description: value})}\r\n />\r\n
\r\n }\r\n\r\n \r\n \r\n
\r\n \r\n this.loginWithEmail()}\r\n >\r\n เข้าสู่ระบบด้วยอีเมล\r\n \r\n
\r\n | ชื่อการประชุม | \nวาระการประชุม | \nวันที่แก้ไขล่าสุด | \nแก้ไข/ลบ | \n
|---|---|---|---|
| ทดสอบการประชุม | \nวาระที่ 1 | \n20/07/2020 | \n\n {this.btnFormatter()}\n | \n
| ทดสอบการประชุม | \nวาระที่ 3 | \n20/07/2020 | \n\n {this.btnFormatter()}\n | \n
| ทดสอบการประชุม | \nวาระที่ 3 | \n20/07/2020 | \n\n {this.btnFormatter()}\n | \n
\n \n \n \n this.props.history.push(`/meeting/create`)}\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\n >\n เพิ่มวาระการประชุม\n \n \n
\n \n \n {\n const value = {};\n\n let startDate = null;\n let endDate = null;\n\n if (values.start_date) {\n startDate = moment(values.start_date).format(\"YYYY-MM-DD\");\n }\n\n if (values.end_date) {\n endDate = moment(values.end_date).format(\"YYYY-MM-DD\");\n }\n\n value.start = startDate;\n value.end = endDate;\n\n if (values.category_name) {\n value.categoryName = values.category_name;\n }\n\n this.props.getReportBookRankPurchase(value);\n }}\n >\n {(props) => {\n const {\n values,\n setFieldValue,\n handleSubmit,\n handleChange,\n isSubmitting,\n } = props;\n return (\n \n );\n }}\n \n {this.renderTable()}\n \n \n
\n ระเบียบวาระการประชุม
\n \n| ชื่อ-สกุล | \r\nอีเมลล์ | \r\n\r\n |
|---|---|---|
| {user.displayName} | \r\n{user.microsoftAccount ? user.microsoftAccount : user.email} | \r\n\r\n {this.btnFormatter(user.id)}\r\n | \r\n
\r\n \r\n \r\n \r\n this.props.history.push(`/createUser`)}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มผู้ใช้งาน\r\n \r\n */}\r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n ข้อมูลผู้ใช้งานระบบ
\r\n \r\n {/*\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\n เพิ่มผู้ใช้งาน
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const { result } = this.props.userReducer;\r\n\r\n return (\r\n แก้ไขข้อมูลผู้ใช้งาน
\r\n| Role Name | \nแก้ไข/ลบ | \n
|---|---|
| {role.role_name} | \n\n | \n
\n \n \n \n this.props.history.push(`/createRole`)}\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\n >\n Add Role\n \n \n
\n \n \n {this.renderTable()}\n
\n \n \n Role
\n \n\n \n \n \n \n \n \n
\n \n \n \n
\n );\n };\n\n render() {\n return (\n ADD ROLE
\n\n \n \n \n \n \n \n
\n \n \n \n
\n );\n };\n\n render() {\n return (\n ADD ROLE
\n| ชื่อกลุ่มผู้เข้าประชุม | \r\nรายละเอียดกลุ่ม | \r\nรายชื่อสมาชิกในกลุ่ม | \r\nวันที่สร้าง | \r\nวันที่แก้ไขล่าสุด | \r\nแก้ไข/ลบ | \r\n
|---|---|---|---|---|---|
| {item.group_name} | \r\n{item.group_desc} | \r\n\r\n\r\n\r\n | \r\n\r\n \r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addEditGroup(\r\n this.state.group_id,\r\n values.group_name,\r\n values.group_desc\r\n );\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100,\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.toggleModal(null, \"add\")}\r\n className=\" btn btn-md d-flex ml-auto mr-sm-0 mt-3 mt-sm-0\"\r\n >\r\n เพิ่มกลุ่มผู้เข้าประชุม\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n
\r\n\r\n กลุ่มผู้เข้าประชุม
\r\n \r\n| คำนำหน้าชื่อ | \r\nชื่อ | \r\nตำแหน่ง | \r\nอีเมลล์ | \r\nวันที่เพิ่ม | \r\nวันที่แก้ไขล่าสุด | \r\nลบ | \r\n
|---|---|---|---|---|---|---|
| {item.title} | \r\n{item.name} | \r\n{item.position} | \r\n{item.email} | \r\n\r\n {this.formatDateTime(item.createdAt)}\r\n | \r\n\r\n {this.formatDateTime(item.updatedAt)}\r\n | \r\n\r\n {this.btnFormatter(item)}\r\n | \r\n
\r\n {\r\n this.addGroupNameItem(\r\n this.state.group_id,\r\n values.title,\r\n values.name,\r\n values.position,\r\n values.email\r\n );\r\n }}\r\n style={{\r\n marginRight: 10,\r\n color: \"white\",\r\n width: 100\r\n }}\r\n >\r\n บันทึก\r\n \r\n this.closeModal()}\r\n type=\"Button\"\r\n className=\"btn btn-danger pull-right\"\r\n style={{ color: \"white\", width: 100 }}\r\n >\r\n ยกเลิก\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n this.props.history.push(\"/group_name\");\r\n }}\r\n type=\"Button\"\r\n className=\"btn btn-danger mr-2\"\r\n >\r\n Back\r\n \r\n this.toggleModal()}\r\n className=\"btn btn-secondary\"\r\n >\r\n เพิ่มรายชื่อผู้เข้าประชุม\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderTable()}\r\n \r\n \r\n
\r\n รายชื่อสมาชิกในกลุ่ม
\r\n \r\n\n \n \n \n \n
\n \n \n
\n