\n \n \n
\n \n
\n );\n }\n}\n\nexport default Page404;\n","import React, { Component } from \"react\";\nimport { Col, Container, Row } from \"reactstrap\";\nimport Axios from \"axios\";\nimport {\n path_GET_article,\n baseUrl,\n formatDate\n} from \"../../../components/config/config\";\n\nimport \"../../../css/News.css\";\n\nexport default class NewsWebViews extends Component {\n constructor(props) {\n super(props);\n this.state = {\n author: \"\",\n categories: \"\",\n content: \"\",\n creator: \"\",\n created_date: \"\",\n media: null,\n tags: \"\",\n title: \"\",\n payload: []\n };\n }\n\n componentDidMount = () => {\n const article_id = this.props.match.params.article_id;\n Axios.get(baseUrl + path_GET_article + \"/\" + article_id).then(res => {\n this.setState({\n payload: res.data.data\n });\n });\n };\n\n render() {\n var {\n author,\n categories,\n content,\n creator,\n created_date,\n media,\n tags,\n title\n } = this.state.payload;\n \n const value = created_date;\n const creator_date = formatDate(value);\n return (\n \n
\n \n 404
\nOops! Sorry.
\nThe page you are accessing is under maintenance.
\n\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n );\n }\n}\n","import React, { Component, Suspense } from \"react\";\nimport { PostData } from \"../services/PostData\";\nimport { insertData, GetListData } from \"../components/config/actions\";\nimport { Redirect, Link } from \"react-router-dom\";\nimport {\n Button,\n Card,\n CardBody,\n CardImg,\n CardTitle,\n CardSubtitle,\n CardText,\n Col,\n Container,\n Row,\n Alert,\n} from \"reactstrap\";\nimport { multiLanguage } from \"../components/Language/getBahasa\";\nimport { Input } from \"antd\";\nimport { withAlert } from \"react-alert\";\nimport axios from \"axios\";\nimport LoadingOverlay from \"react-loading-overlay\";\nimport {\n NotificationContainer,\n NotificationManager,\n} from \"react-notifications\";\n\n// import \"../css/All.css\";\n// import \"../css/LSP_Demo.css\"; \n\n// import \"../css/Button.css\";\nimport {\n baseUrl,\n path_forgotPass,\n path_refreshToken,\n Brand_LSP,\n} from \"../components/config/config\";\nimport LogoImage from \"../assets/img/brand/nas_logo.png\";\nimport { Digest } from \"./Helpers/digest\";\nimport \"antd/dist/antd.css\";\n\nclass LspLogin extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n logged_in: false,\n message: \"\",\n hidden: true,\n payload: [],\n response: \"\",\n user_permission_id: \"\",\n color:\"\",\n hideCopyright: false\n };\n }\n\n getListLsp = () => {\n this.setState({\n loading: true,\n });\n GetListData(\"/lsp\")\n .then((res) => {\n \n if (res.responseStatus == \"SUCCESS\") {\n this.setState({\n payload: res.data,\n loading: false,\n });\n }\n })\n .catch((e) => {\n \n this.setState({ loading: false });\n if (e.status_code === 400) {\n }\n if (e.status_code === 401) {\n localStorage.clear();\n window.location.replace(\"/login\");\n }\n });\n };\n\n cekDomain = () => {\n let domain = window.location.hostname;\n if(domain === \"app.vokasea.id\"){\n this.setState({ hideCopyright:true })\n } else if (domain === \"areaindonesia.vokasea.id\") {\n this.setState({ hideCopyright:true })\n } else if (domain === \"oshe.vokasea.id\"){\n this.setState({ hideCopyright:true })\n } else if (domain === \"nki.vokasea.id\"){\n this.setState({ hideCopyright:true })\n }\n }\n\n componentDidMount() {\n this.cekDomain();\n this.getListLsp();\n }\n lspLoginSubmit = (item) => {\n\n this.setState({\n color:'red'\n })\n };\n\n onChange = (e) => {\n this.setState({ [e.target.name]: e.target.value });\n };\n\n validate = () => {\n if (this.state.user_permission_id == \"\") {\n this.setState({\n hidden: false,\n message: \"Pilih salah satu LSP\",\n });\n } else {\n this.handleSubmit();\n }\n };\n\n handleSubmit = () => {};\n render() {\n const { payload } = this.state;\n return (\n \n
\n \n {title}
\n\n {creator_date} | {creator}-{categories}\n
\n \n \n Author : {author}\n
\n \nTags :
\n \n {tags}
\n\n \n \n \n \n \n \n {\" \"}\n You're in Developer Mode\n \n \n
\n \n \n Please choose the LSP to get access into web admin\n \n \n
\n \n \n \n \n LSP Pramindo\n \n \n \n \n \n \n \n LSP PIA\n \n \n \n \n \n \n \n LSP PIM\n \n \n \n \n \n \n \n LSP Energi\n \n \n \n \n
*/}\n {/* \n \n \n \n LSP CKPNI\n \n \n \n \n \n \n \n LSP GPPB\n \n \n \n \n \n \n \n LSP Staging\n \n \n \n \n \n \n \n LSP Demo\n \n \n \n \n
*/}\n \n \n {this.state.message}\n \n
\n \n \n Continue\n \n \n
\n {!this.state.hideCopyright && (\n \n
\n )}\n \n \n \n \n \n \n
\n \n \n {payload.map((item) => {\n \n return (\n \n\n this.lspLoginSubmit(item)}>\n \n \n {item.lsp_name}\n \n \n \n \n \n );\n })}\n
\n
\n {/* \n \n \n
\n )\n}\n\nexport default DrawerInfoRoom;","import React, { useState, useRef } from \"react\";\nimport moment from \"moment\";\nimport PDFJs from \"../../../backends/pdfjs\";\nimport PDFViewer from \"../../../components/PDFViewer/PDFViewer\";\nimport { Modal } from \"antd\";\n// import InfiniteScroll from \"react-infinite-scroll-component\";\nimport InfiniteScroll from 'react-infinite-scroller';\nimport { useEffect } from \"react\";\nimport './chatbubles.css';\n\nconst ChatList = (props) => {\n const { messageList, moreMessage, totalMessage, roomId, firstBottom, setFirstBottom, open } = props;\n const [userId, setUserId] = useState(JSON.parse(localStorage.getItem(\"userdata\")).user_id);\n const [bodySetted, setBodySetted] = useState(false);\n const [openPreview, setOpenPreview] = useState(false)\n const [srcPreview, setSrcPreview] = useState('');\n // const [firstBottom, setFirstBottom] = useState(false)\n // const [arrayDate, setArrayDate] = useState([])\n // ref\n const drawerRef = useRef(null);\n const drawerBody = document.getElementById('body-chat');\n const bottomMessage = useRef(null);\n const topMessage = useRef(null);\n\n const LeftChat = ({ chat, sender, date, detail }) => (\n \n
\n \n
\n \n
\n {roomName}
\n\n
\n Tanggal Dibuat
\n {dateRoom ? moment(dateRoom).format('DD/MM/YYYY') : ''}
\n \n
\n Peserta
\n \n
\n - {\n return (\n
\n
\n {item.user ? item.user_id===parseInt(user_id ? user_id : \"\") ? 'Anda' : item.user.first_name+' '+item.user.last_name : '-'}
\n {renderRole(item.user.role_code)}\n\n
\n )\n \n const RightChat = ({ chat, date, detail }) => (\n \n
\n {sender}
\n {detail ? (\n\n
\n ) : (\n {chat}
\n )}\n {moment(date).format('HH:mm')}\n \n
\n )\n \n const RenderFile = ({ src }) => {\n let ext = src.split(\".\").pop();\n let fileName = src.split(\"/\").pop();\n if(ext === \"pdf\"){\n return(\n \n
\n Anda
\n {detail ? (\n\n
\n ) : (\n {chat}
\n )}\n {moment(date).format('HH:mm')}\n handleOpenPreview(src)} style={{ display:'flex', flexDirection:'column', justifyContent:'center', textAlign:'center', cursor:'pointer'}}>\n \n {fileName}\n
\n )\n }else if(ext === \"xls\" || ext === \"xlsx\" || ext === \"doc\" || ext === \"docx\" || ext === \"ppt\" || ext === \"pptx\"){\n let icon = \"\";\n if(ext === \"xls\" || ext === \"xlsx\"){\n icon = \"fa-file-excel-o\";\n }else if(ext === \"doc\" || ext === \"docx\"){\n icon = \"fa-file-word-o \";\n }else if(ext === \"ppt\" || ext === \"pptx\"){\n icon = \"fa-file-powerpoint-o\";\n }else{\n icon = \"fa-file\";\n }\n return(\n handleOpenDocs(src)} style={{ display:'flex', flexDirection:'column', justifyContent:'center', textAlign:'center', cursor:'pointer'}}>\n \n {fileName}\n
\n )\n }else{\n return(\n \n {date}\n
\n )\n }\n \n const RenderMessage = (props) => {\n const { value, date } = props\n let viewDate = '';\n let fullName = `${value.sender.first_name ? value.sender.first_name : ''} ${value.sender && value.sender.last_name ? value.sender.last_name : ''}`;\n if(date){\n viewDate = date.format(\"dddd, DD MMMM YYYY\");\n if(moment(date).isSame(moment(), 'day')){\n viewDate = 'Hari Ini';\n }else if(moment(date).isSame(moment().subtract(1, 'days'))){\n viewDate = 'Kemarin';\n }\n }\n if(value.sender_id==parseInt(userId)){\n return (\n \n {/* Modal Document */}\n setOpenPreview(false)}\n cancelText=\"Tutup\"\n okButtonProps={{ style:{display:'none'} }}\n className=\"modal-chat\"\n >\n }\n useWindow={false}\n getScrollParent={() => drawerBody}\n isReverse={true}\n initialLoad={false}\n style={{ display: 'flex', flexDirection: 'column-reverse',width:'100%',minHeight:'80vh',overflow:'hidden' }}\n >\n \n {setRenderMessage()}\n \n )}\n
\n )\n}\n\nexport default ChatList;","import React, { useState, useEffect } from \"react\";\nimport { Drawer, Input, Popover, notification } from \"antd\";\nimport useWebSocket, { ReadyState } from 'react-use-websocket';\nimport { urlSocketChat } from \"../../../components/config/config\";\nimport { GetListDataMessage, inputChat, editChat } from \"../../../components/config/actions\";\nimport DrawerInfoRoom from \"./drawerInfoRoom\";\nimport \"emoji-mart/css/emoji-mart.css\";\nimport { Picker } from \"emoji-mart\";\nimport { UploadFile } from \"../../../components/Button/UploadFile\";\nimport ChatList from \"./chatList\";\nimport './chatbubles.css';\n\nconst DrawerChatRoom = (props) => {\n const { setLastMessage, open, onClose, roomId, roomName, dateRoom, lastMessage } = props\n const json = JSON.parse(localStorage.getItem(\"userdata\"));\n // const user_name = JSON.parse(localStorage.getItem(\"userdata\")).username;\n // socket\n \n // state\n const [chatMessage, setChatMessage] = useState('');\n const [messageHistory, setMessageHistory] = useState([]);\n const [messageList, setMessageList] = useState([])\n const [curentOffset, setCurrentOffset] = useState(1)\n const [openInfo, setOpenInfo] = useState(false)\n const [totalMessage, setTotalMessage] = useState(0)\n const [dataParticipant, setDataParticipant] = useState([])\n const [fetching, setFetching] = useState(false);\n const [firstBottom, setFirstBottom] = useState(false)\n const [disableSent, setDisableSent] = useState(false)\n\n useEffect(() => {\n setCurrentOffset(1)\n setTotalMessage(0)\n setMessageList([])\n setChatMessage('')\n if(roomId){\n getChatParticipant();\n getRoomById();\n getMessage();\n readMessage();\n }\n }, [roomId]);\n\n useEffect(() => {\n if(curentOffset <=1){\n return;\n }\n getRestMessage();\n }, [curentOffset])\n\n useEffect(() => {\n if(lastMessage){\n let lastMessageData = JSON.parse(lastMessage.data);\n if(lastMessageData.room_id==roomId){\n setFirstBottom(false);\n let tmpArr = [lastMessageData.data];\n setMessageList([...tmpArr, ...messageList]);\n readMessage();\n }\n setLastMessage(null);\n }\n }, [lastMessage])\n\n // handle function\n const getMessage = () => {\n // setLoading(true);\n\n GetListDataMessage(\n `chat/message?order=desc&sort_by=created_date&offset=1&limit=25&chat_room_id=${roomId}`\n )\n .then((response) => {\n if (response.responseStatus == \"SUCCESS\") {\n // setLoading(false);\n if (response.data == null) {\n setMessageList([]);\n } else {\n // const sortDesc = response.data.sort((a, b) => parseFloat(b.id) - parseFloat(a.id));\n // const sordAsc = response.data.sort(\n // (a, b) => new Date(a.created_date) - new Date(b.created_date)\n // );\n setTotalMessage(response.count);\n setMessageList(response.data);\n }\n }\n })\n .catch((error) => {\n // setLoading(false);\n if (error.responseStatus == \"ERROR\") {\n notification.error({\n message: \"Terjadi Kesalahan\",\n description: `${error.data.data}`,\n placement:'topRight',\n style:{zIndex:2000}\n });\n }\n });\n };\n\n const getRestMessage = async () => {\n GetListDataMessage(\n `chat/message?order=desc&sort_by=created_date&offset=${curentOffset}&limit=25&chat_room_id=${roomId}`\n )\n .then((response) => {\n if (response.responseStatus == \"SUCCESS\") {\n // setLoading(false);\n if (response.data == null) {\n \n } else {\n // const sortDesc = response.data.sort((a, b) => parseFloat(b.id) - parseFloat(a.id));\n // const sordAsc = response.data.sort(\n // (a, b) => new Date(a.created_date) - new Date(b.created_date)\n // );\n setMessageList([...messageList, ...response.data]);\n setFetching(false);\n }\n }\n })\n .catch((error) => {\n // setLoading(false);\n if (error.responseStatus == \"ERROR\") {\n notification.error({\n message: \"Terjadi Kesalahan\",\n description: `${error.data.data}`,\n placement:'topRight',\n style:{zIndex:2000}\n });\n }\n });\n }\n\n const readMessage = () => {\n if(!roomId){\n return;\n }\n const data = {\n chat_room_id:roomId\n }\n\n editChat(`chat/all/read`, data)\n .then((response) => {\n if (response.responseStatus === \"SUCCESS\") {\n // \n }\n })\n .catch((error) => {\n if (error.data.responseStatus == \"ERROR\") {\n // \n }\n });\n }\n\n const compare = (a, b) => {\n if(a.user && a.user.first_name && b.user && b.user.first_name){\n if ( a.user.first_name < b.user.first_name ){\n return -1;\n }\n if ( a.user.first_name > b.user.first_name ){\n return 1;\n }\n }\n return 0;\n }\n\n const getChatParticipant = () => {\n GetListDataMessage(`chat/participant?chat_room_id=${roomId}`)\n .then((response) => {\n if (response.responseStatus == \"SUCCESS\") {\n let arrParticipant = response.data;\n arrParticipant.sort( compare );\n let indexSelf = arrParticipant.findIndex((val) => val.user_id === parseInt(json.user_id));\n let dataSelft = arrParticipant[indexSelf];\n arrParticipant.splice(indexSelf, 1);\n arrParticipant = [dataSelft, ...arrParticipant];\n setDataParticipant(arrParticipant);\n }\n })\n .catch((error) => {\n if (error.responseStatus == \"ERROR\") {\n notification.error({\n message: \"Terjadi Kesalahan\",\n description: `${error.data.data}`,\n placement:'topRight',\n style:{zIndex:2000}\n });\n }\n });\n };\n\n const getRoomById = () => {\n GetListDataMessage(`chat/room/${roomId}`)\n .then((response) => {\n if (response.responseStatus == \"SUCCESS\") {\n \n }\n })\n .catch((error) => {\n if (error.responseStatus == \"ERROR\") {\n notification.error({\n message: \"Terjadi Kesalahan\",\n description: `${error.data.data}`,\n placement:'topRight',\n style:{zIndex:2000}\n });\n }\n });\n };\n\n const createMessage = (data) => {\n inputChat(`chat/message`, data)\n .then((response) => {\n if (response.responseStatus === \"SUCCESS\") {\n setDisableSent(false);\n getMessage();\n readMessage();\n }\n })\n .catch((error) => {\n if (error.data.responseStatus == \"ERROR\") {\n notification.error({\n message: \"Terjadi Kesalahan\",\n description: `${error.data.data}`,\n placement:'topRight',\n style:{zIndex:2000}\n });\n }\n });\n };\n\n const handleChat = () => {\n if(disableSent){\n return;\n }\n if(!chatMessage && chatMessage.length < 1){\n return;\n }\n setDisableSent(true)\n setChatMessage('');\n setFirstBottom(false);\n const data = {\n category: 1,//1 regular 2 file\n data: chatMessage,\n chat_room_id: roomId,\n sender: {\n first_name: json.first_name,\n last_name: json.last_name ? json.last_name : '',\n user_id: json.user_id,\n },\n };\n\n createMessage(data);\n }\n\n const handleUpload = (file) => {\n\n if (file.fileSize >= 10008874) {\n notification.error({\n message: \"Gagal!\",\n description: 'Ukuran file tidak boleh lebih dari 10mb',\n placement:'topRight',\n style:{zIndex:2000}\n });\n // window.alert(this.state.messageSize);\n return;\n }\n\n // data: file.base64.split(\",\")[1],\n const data = {\n filename: file.filename,\n chat_room_id: roomId,\n sender: {\n first_name: json.first_name,\n last_name: json.last_name ? json.last_name : '',\n user_id: json.user_id,\n },\n };\n\n if (\n file.filename.split(\".\").pop() === \"pdf\" ||\n file.filename.split(\".\").pop() === \"xlsx\" ||\n file.filename.split(\".\").pop() === \"xls\" ||\n file.filename.split(\".\").pop() === \"docx\" ||\n file.filename.split(\".\").pop() === \"doc\" ||\n file.filename.split(\".\").pop() === \"ppt\" ||\n file.filename.split(\".\").pop() === \"pptx\"\n ){\n data['data'] = file.base64.split(\",\")[1];\n data['category'] = 3;\n }else{\n data['data'] = file.base64\n data['category'] = 2;\n }\n createMessage(data);\n }\n\n const customButton = () => (\n \n )\n\n const RightInput = () => {\n return (\n \n \n handleUpload(file)} />\n
\n );\n }\n\n const addEmoji = (emoji) => {\n let textMessage = chatMessage+emoji.native;\n setChatMessage(textMessage);\n };\n\n const LeftInput = () => (\n \n
\n )\n }\n\n // {roomName ? roomName : ''}
\n Klik untuk info grup\n\n
\n )\n}\n\nexport default DrawerChatRoom;","import React, { useEffect, useRef, useState } from \"react\";\nimport { Drawer, Badge } from \"antd\";\nimport { GetListDataMessage } from \"../../../components/config/actions\";\nimport DrawerChatRoom from \"./drawerChatRoom\";\nimport moment from \"moment\";\nimport { urlSocketChat } from \"../../../components/config/config\";\nconst ChatContainer = (props) => {\n const { open, handleClose, setUnreadChat, audio } = props;\n const userData = JSON.parse(localStorage.getItem(\"userdata\"));\n const [socketUrl, setSocketUrl] = useState(userData ? `${urlSocketChat}?id=${userData.user_id }&username=${userData.username}` : `${urlSocketChat}`);\n // const [socketMessage, setSocketMessage] = useState(new WebSocket(socketUrl));\n // const { lastMessage, readyState } = useWebSocket(socketUrl);\n // const [audio] = useState(new Audio(chatone));\n const [playing, setPlaying] = useState(false);\n const [roomChat, setRoomChat] = useState([]);\n const [openRoom, setOpenRoom] = useState(false);\n const [roomId, setRoomId] = useState('');\n const [roomName, setRoomName] = useState('');\n const [dateRoom, setDateRoom] = useState('');\n const [unMounted, setUnmounted] = useState(false);\n const [lastMessage, setLastMessage] = useState(null);\n const [readyState, setReadyState] = useState(0);\n const ringTone = document.getElementById(\"chatone\");\n const [webSocketM, setWebSocketM] = useState(null)\n // const socketMessage = new WebSocket(socketUrl);\n\n const toggleSound = () => {\n setPlaying(!playing)\n };\n\n useEffect(() => {\n startWebSocket();\n return () => {\n setUnmounted(true);\n if(webSocketM){\n webSocketM.close();\n }\n }\n }, []);\n\n const startWebSocket = () => {\n let socketMessage = new WebSocket(socketUrl);\n\n socketMessage.onmessage = (res) => {\n setLastMessage(res);\n }\n\n socketMessage.onopen = () => {\n // console.log('cek onopen')\n }\n\n socketMessage.onclose = () => {\n socketMessage = null;\n if(!unMounted){\n startWebSocket();\n }\n }\n\n setWebSocketM(socketMessage);\n }\n\n // useEffect(() => {\n // return () => {\n // setUnmounted(true);\n // socketMessage.close();\n // }\n // }, [socketMessage]);\n\n // useEffect(() => {\n // if(socketMessage){\n // setReadyState(socketMessage.readyState)\n // }\n // }, [socketMessage.readyState])\n\n // socketMessage.onmessage = (res) => {\n // setLastMessage(res);\n // console.log('cek res', res);\n // }\n \n // socketMessage.onclose = () => {\n // console.log('cek onClose')\n // }\n \n useEffect(() => {\n if(ringTone){\n playing ? ringTone.play() : ringTone.pause();\n }\n },[playing, ringTone]);\n\n useEffect(() => {\n if(ringTone){\n ringTone.addEventListener('ended', () => setPlaying(false));\n }\n return () => {\n if(ringTone){\n ringTone.removeEventListener('ended', () => setPlaying(false));\n }\n };\n }, [ringTone]);\n\n useEffect(() => {\n if(lastMessage){\n let lastMessageData = JSON.parse(lastMessage.data);\n if(lastMessageData.data){\n if(ringTone){\n ringTone.click();\n }\n toggleSound();\n getListRoomChat();\n }\n }\n }, [readyState, lastMessage])\n\n useEffect(() => {\n if(!openRoom || open){\n getListRoomChat();\n }\n }, [openRoom, open]);\n\n const getListRoomChat = async () => {\n let result = await GetListDataMessage(`chat/room?order=desc&sort_by=last_message_date&limit=100`).then((res) => res).catch((err) => err);\n if(result.responseStatus === 'SUCCESS'){\n if(result.data){\n let countUnread = 0;\n result.data.map((val, index) => {\n countUnread += val.unread;\n });\n setUnreadChat(countUnread);\n setRoomChat(result.data);\n }else{\n setRoomChat([]);\n setUnreadChat(0);\n }\n }\n }\n\n const handleOpenRoomChat = (data) => {\n setRoomId(data.id);\n setRoomName(data.name);\n setOpenRoom(true);\n setDateRoom(data.created_date);\n }\n\n const handleCloseChatRoom = async () => {\n setRoomId('')\n setRoomName('')\n setDateRoom('')\n setOpenRoom(false)\n }\n\n const RenderLastChat = ({ data} ) => {\n let lastChat = data.last_message;\n if(!lastChat){\n return -\n }\n\n let chat = lastChat.data;\n \n let ownChat = parseInt(userData.user_id) === parseInt(lastChat.sender_id);\n let fullName = `${lastChat.sender.first_name} ${lastChat.sender && lastChat.sender.last_name ? lastChat.sender.last_name : ''}`;\n\n if(data.last_message.detail){\n chat = chat.split('/').pop();\n }\n return(\n {`${ownChat ? 'Anda' : fullName }: ${chat}` }\n )\n }\n\n const ListRoomChat = ({ data }) => {\n let today = moment(data.last_message_date).isSame(moment(), 'day');\n return(\n \n
*/}\n {/* asdasd
\n \n
*/}\n WTF
\n\n setChatMessage(e.target.value)} addonBefore={
\n \n handleOpenRoomChat(data)}>\n
\n )\n }\n\n return (\n \n
\n {data.name}
\n {moment(data.last_message_date).format(today ? 'HH:mm' : 'DD-MM-YYYY HH:mm')}\n\n
\n \n \n {/* */}\n {roomChat.map((val,index) => {\n return(\n */}\n {roomChat && roomChat.length == 0 && (\n \n \n
\n )\n}\n\nexport default ChatContainer;","import { hasPropertyWithValue } from \"./components/config/actions\";\nimport {\n getDataLPJK,\n getIntegration,\n getRole,\n idLSPABI,\n isLJKIntegration,\n isLSPABI\n} from \"./components/config/config\";\n\nconst permission = {};\nlet dev = {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Users\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-note\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Assessors\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Participant\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Assessment\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Submission\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Rejected\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"List Assessment\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Archives\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Management Letter\",\n url: \"/management-letters\",\n icon: \"icon-folder-alt\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Pengguna\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-pencil\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Asesor\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Pemohon\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Jadwal Sertifikasi\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Pengajuan\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Dibatalkan\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Daftar Asesmen\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Arsip\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/management-letters\",\n icon: \"icon-folder-alt\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n}\npermission.role = {\n DEV:dev,\n MAG: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Users\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-note\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Assessors\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Participant\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n // {\n // name: \"Schema Certification\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Main Schema\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Schema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Competention\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Assessment\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Submission\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Rejected\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"List Assessment\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Archives\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Uji Tertulis\",\n // icon: \"icon-pencil\",\n // children: [\n // {\n // name: \"Bank Soal\",\n // url: \"/writen-test\",\n // icon: \"fa fa-folder\",\n // },\n // {\n // name: \"Riwayat Soal\",\n // url: \"/question/history\",\n // icon: \"icon-pencil\",\n // },\n // ],\n // },\n\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n // {\n // name: \"Profile\",\n // url: \"/profile\",\n // icon: \"fa fa-user\",\n // },\n {\n name: \"Pengguna\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-pencil\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Asesor\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Pemohon\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n // {\n // name: \"Skema Sertifikasi\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Skema Utama\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Skema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Kompetensi\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Jadwal Sertifikasi\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Pengajuan\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Dibatalkan\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Daftar Asesmen\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Arsip\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Uji Tertulis\",\n // icon: \"icon-pencil\",\n // children: [\n // {\n // name: \"Bank Soal\",\n // url: \"/writen-test\",\n // icon: \"fa fa-folder\",\n // },\n // {\n // name: \"Riwayat Soal\",\n // url: \"/question/history\",\n // icon: \"icon-pencil\",\n // },\n // ],\n // },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n },\n SUP: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Users\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-note\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Assessors\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Participant\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n // {\n // name: \"Schema Certification\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Main Schema\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Schema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Competention\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Assessment\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Submission\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Rejected\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"List Assessment\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Archives\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Uji Tertulis\",\n // icon: \"icon-pencil\",\n // children: [\n // {\n // name: \"Bank Soal\",\n // url: \"/writen-test\",\n // icon: \"fa fa-folder\",\n // },\n // {\n // name: \"Riwayat Soal\",\n // url: \"/question/history\",\n // icon: \"icon-pencil\",\n // },\n // ],\n // },\n\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n // {\n // name: \"Profile\",\n // url: \"/profile\",\n // icon: \"fa fa-user\",\n // },\n {\n name: \"Pengguna\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-note\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n })\n ,{\n name: \"Asesor\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Pemohon\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n // {\n // name: \"Skema Sertifikasi\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Skema Utama\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Skema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Kompetensi\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Jadwal Sertifikasi\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Pengajuan\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Dibatalkan\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Daftar Asesmen\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Arsip\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n // {\n // name: \"Uji Tertulis\",\n // icon: \"icon-pencil\",\n // children: [\n // {\n // name: \"Bank Soal\",\n // url: \"/writen-test\",\n // icon: \"fa fa-folder\",\n // },\n // {\n // name: \"Riwayat Soal\",\n // url: \"/question/history\",\n // icon: \"icon-pencil\",\n // },\n // ],\n // },\n\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Data Base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n {\n name: \"Log Data\",\n url: \"/restore-data\",\n icon: \"icon-trash\",\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n {\n name: \"Pengelolaan Surat\",\n url: \"/letters\",\n icon: \"fa fa-envelope-open-o\",\n },\n ],\n },\n },\n ADM: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Users\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-note\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Assessors\",\n url: \"/Assessors\",\n icon: \"fa fa-user-circle-o\",\n },\n {\n name: \"Participant\",\n url: \"/asesi\",\n icon: \"fa fa-user-circle-o\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n\n // {\n // name: \"Schema Certification\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Main Schema\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Schema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Competention\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Assessment\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Submission\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Rejected\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"List Assessment\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Archives\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n {\n name: \"Data base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n // {\n // name: \"Profile\",\n // url: \"/profile\",\n // icon: \"fa fa-user\",\n // },\n {\n name: \"Pengguna\",\n url: \"/users\",\n icon: \"icon-people\",\n },\n {\n name: \"TUK\",\n url: \"/tuk\",\n icon: \"icon-pencil\",\n },\n (!!isLJKIntegration() && {\n name: \"Pemohon SKK\",\n url: \"/pemohon-skk\",\n icon: \"fa fa-link\",\n }),\n {\n name: \"Asesor\",\n url: \"/Assessors\",\n icon: \"icon-user\",\n },\n {\n name: \"Pemohon\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n\n {\n name: \"Skema Sertifikasi\",\n url: \"/schema/sub-schema\",\n icon: \"fa icon-grid\",\n },\n // {\n // name: \"Skema Sertifikasi\",\n // icon: \"fa icon-grid\",\n // children: [\n // {\n // name: \"Skema Utama\",\n // url: \"/schema/main-schema\",\n // icon: \"fa icon-grid\",\n // },\n // {\n // name: \"Sub Skema\",\n // url: \"/schema/sub-schema\",\n // icon: \"fa fa-th\",\n // },\n // {\n // name: \"Unit Kompetensi\",\n // url: \"/schema/unit-competention\",\n // icon: \"fa fa-th\"\n // }\n // ],\n // },\n {\n name: \"Jadwal Sertifikasi\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Pengajuan\",\n url: \"/assessments/submission\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Dibatalkan\",\n url: \"/assessments/rejected\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Daftar Asesmen\",\n url: \"/assessments/list\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Arsip\",\n url: \"/assessments/archives\",\n icon: \"icon-calendar\",\n },\n ],\n },\n {\n name: \"Data base Asesi\",\n url: \"/alumnis\",\n icon: \"icon-badge\",\n },\n ],\n },\n },\n ADT: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Users\",\n url: \"/data-applicant\",\n icon: \"fa fa-user-circle-o\",\n },\n {\n name: \"Participant\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Assessment\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"List Assessment\",\n url: \"/assessments/admintuk/list\",\n icon: \"icon-calendar\",\n },\n\n {\n name: \"Draft Asesmen\",\n url: \"/assessments/admintuk/draft_assessment\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Asesmen Ditolak\",\n url: \"/assessments/admintuk/rejected\",\n icon: \"icon-calendar\",\n },\n ],\n },\n\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n // {\n // name: \"Pengelolaan Surat\",\n // url: \"/letters\",\n // icon: \"fa fa-envelope-open-o\",\n // },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-home\",\n },\n {\n name: \"Pengguna\",\n url: \"/data-applicant\",\n icon: \"fa fa-user-circle-o\",\n },\n {\n name: \"Pemohon\",\n url: \"/asesi\",\n icon: \"icon-note\",\n },\n {\n name: \"Jadwal Sertifikasi\",\n icon: \"icon-calendar\",\n children: [\n {\n name: \"Daftar Asesmen\",\n url: \"/assessments/admintuk/list\",\n icon: \"icon-calendar\",\n },\n\n {\n name: \"Draft Asesmen\",\n url: \"/assessments/admintuk/draft_assessment\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Asesmen Ditolak\",\n url: \"/assessments/admintuk/rejected\",\n icon: \"icon-calendar\",\n },\n ],\n },\n {\n name: \"Persyaratan\",\n icon: \"fa icon-layers\",\n children: [\n {\n name: \"Persyaratan Dasar\",\n url: \"/portfolios-umum\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Persyaratan Pendaftaran\",\n url: \"/portfolios\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Materi Uji Kompetensi\",\n url: \"/materi-uji\",\n icon: \"fa icon-layers\",\n },\n {\n name: \"Bukti Administratif\",\n url: \"/bukti-administratif\",\n icon: \"fa icon-layers\",\n },\n ],\n },\n {\n name: \"Keluhan Aplikasi\",\n url: \"/complaint\",\n icon: \"fa fa-exclamation-triangle\",\n },\n // {\n // name: \"Pengelolaan Surat\",\n // url: \"/letters\",\n // icon: \"fa fa-envelope-open-o\",\n // },\n ],\n },\n },\n ACS: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Portfolio\",\n url: \"/Assessors/list-skill\",\n icon: \"fa fa-briefcase\",\n },\n {\n name: \"Asesmen History\",\n url: \"/Assessors/asesmen-history\",\n icon: \"fa fa-book\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n ],\n },\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-calendar\",\n },\n {\n name: \"Portfolio\",\n url: \"/Assessors/list-skill\",\n icon: \"fa fa-briefcase\",\n },\n {\n name: \"Riwayat Asesmen\",\n url: \"/Assessors/asesmen-history\",\n icon: \"fa fa-book\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n ],\n },\n },\n APL: {\n en: {\n items: [\n {\n name: \"Home\",\n url: \"/dashboard\",\n icon: \"icon-calendar\",\n },\n // {\n // name: \"Follow Schedule\",\n // url: \"/join-assesment\",\n // icon: \"fa fa-handshake-o\",\n // },\n {\n name: \"Pengajuan Skema\",\n url: \"/join-skema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"fa fa-history\",\n },\n {\n name: \"Riwayat Asesmen\",\n url: \"/asesmen-history\",\n icon: \"fa fa-book\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\",\n // },\n ],\n },\n\n id: {\n items: [\n {\n name: \"Beranda\",\n url: \"/dashboard\",\n icon: \"icon-calendar\",\n },\n // {\n // name: \"Ikuti Jadwal\",\n // url: \"/join-assesment\",\n // icon: \"fa fa-handshake-o\",\n // },\n {\n name: \"Pengajuan Skema\",\n url: \"/join-skema\",\n icon: \"fa icon-grid\",\n },\n {\n name: \"Pengajuan Banding\",\n url: \"/assessments/appeal\",\n icon: \"fa fa-history\",\n },\n {\n name: \"Riwayat Asesmen\",\n url: \"/asesmen-history\",\n icon: \"fa fa-book\",\n },\n // {\n // name: \"Group Chat\",\n // icon: \"fa fa-comments\",\n // url: \"/chat\"\n // },\n ],\n },\n },\n};\n\nexport const Permission = (bahasa, role) => {\n let currentBahasa = bahasa ? bahasa : 'id'\n\n let currentRole = role ? role : 'APL'\n\n let newPermission = permission.role[currentRole][currentBahasa];\n\n const ref_id = JSON.parse(localStorage.getItem('ref_id'));\n\n if ((role ===\"SUP\" || role === \"ADM\") && ref_id===idLSPABI){\n const newItems = [...newPermission.items];\n const checkIfThere = hasPropertyWithValue(newItems, 'name', 'Setting');\n if (!checkIfThere){\n if(newItems.length < 14){\n if (isLSPABI()){\n newItems.splice(9, 0, {\n name: \"Setting\",\n icon: \"fa fa-cog\",\n children: [\n {\n name: \"Master Alat Berat\",\n url: \"/heavy-vehicles\",\n icon: \"fa fa-university\",\n },\n {\n name: \"Master Institusi\",\n url: \"/intitutions\",\n icon: \"fa fa-wrench\",\n },\n ],\n });\n } else {\n newItems.splice(9, 0, {\n name: \"Setting\",\n icon: \"fa fa-cog\",\n children: [\n {\n name: \"Master Institusi\",\n url: \"/intitutions\",\n icon: \"fa fa-wrench\",\n },\n ],\n });\n }\n \n newPermission.items = newItems;\n }\n }\n \n }\n\n newPermission = newPermission.items.filter(function(val){ return val; });\n\n newPermission = { items:newPermission };\n\n return newPermission;\n};\n","import React from \"react\";\nimport Loadable from \"react-loadable\";\nimport DefaultLayout from \"./containers/DefaultLayout/DefaultLayout\";\nimport \"../src/css/loaderComponent.css\";\nimport { multiLanguage } from \"./components/Language/getBahasa\";\nimport { idLSPABI, isLSPABI } from \"./components/config/config.js\";\n\nfunction Loading() {\n return (\n Belum ada room chat yang dibentuk
\n )}\n \n \n
\n );\n}\n\nconst CertificateAlumni = Loadable({\n loader: () => import(\"./views/CertificateAlumni/CertificateAlumni\"),\n loading: Loading,\n});\n\nconst ProfileUser = Loadable({\n loader: () => import(\"./components/Profile/Profile\"),\n loading: Loading,\n});\n\nconst ProfileAdminTuk = Loadable({\n loader: () => import(\"./components/Profile/ProfileUserAdminTuk\"),\n loading: Loading,\n});\nconst ProfileAsesor = Loadable({\n loader: () => import(\"./components/Profile/ProfileUserAcessor\"),\n loading: Loading,\n});\n\nconst ProfileAplicant = Loadable({\n loader: () => import(\"./components/Profile/ProfileUserAplicant\"),\n loading: Loading,\n});\n\nconst Assessors = Loadable({\n loader: () => import(\"./views/Asesor/Asesors\"),\n loading: Loading,\n});\n\nconst Applicant = Loadable({\n loader: () => import(\"./views/Applicant/Applicant\"),\n loading: Loading,\n});\n\nconst Data_Applicant = Loadable({\n loader: () => import(\"./views/DataAplicant/DataAplicant\"),\n loading: Loading,\n});\nconst Dashboard = Loadable({\n loader: () => import(\"./views/Dashboard/Dashboard\"),\n loading: Loading,\n});\n\nconst LspLogin = Loadable({\n loader: () => import(\"./containers/LspLogin\"),\n loading: Loading,\n});\nconst Setting = Loadable({\n loader: () => import(\"./views/Setting/setting\"),\n loading: Loading,\n});\n\nconst SubSchema = Loadable({\n loader: () => import(\"./views/Competences/SubSchema/SubSchema\"),\n loading: Loading,\n});\n\nconst EditAssessors = Loadable({\n loader: () => import(\"./components/EditData/EditData_acceccors\"),\n loading: Loading,\n});\n\nconst EditApplicant = Loadable({\n loader: () => import(\"./components/EditData/EditData_applicant\"),\n loading: Loading,\n});\n\nconst EditData = Loadable({\n loader: () => import(\"./components/EditData/EditData\"),\n loading: Loading,\n});\n\nconst EditDataUserAcessor = Loadable({\n loader: () =>\n import(\"./components/EditData/EditDataPengguna/EditDataUserAcessor\"),\n loading: Loading,\n});\nconst EditDataUserAplicant = Loadable({\n loader: () =>\n import(\"./components/EditData/EditDataPengguna/EditDataUserAplicant\"),\n loading: Loading,\n});\nconst EditDataUserAdminTuk = Loadable({\n loader: () =>\n import(\"./components/EditData/EditDataPengguna/EditDataUserAdminTuk\"),\n loading: Loading,\n});\nconst EditDataUserManagements = Loadable({\n loader: () =>\n import(\"./components/EditData/EditDataPengguna/EditDataUserManagement\"),\n loading: Loading,\n});\n\nconst EditSchema = Loadable({\n loader: () => import(\"./components/EditData/EditSchema\"),\n loading: Loading,\n});\n\nconst EditData_mainSchema = Loadable({\n loader: () => import(\"./components/EditData/EditData_mainSchema\"),\n loading: Loading,\n});\n\nconst EditData_UjiTertulis = Loadable({\n loader: () => import(\"./components/EditData/EditData_UjiTertulis\"),\n loading: Loading,\n});\n\nconst EditTuk = Loadable({\n loader: () => import(\"./components/EditData/EditData_tuk\"),\n loading: Loading,\n});\n\nconst MainSchema = Loadable({\n loader: () => import(\"./views/Competences/MainSchema/MainSchema\"),\n loading: Loading,\n});\n// const MainSchema = Loadable({\n// loader: () => import(\"./components/MainSkema/index\"),\n// loading: Loading,\n// });\n\nconst Complaint = Loadable({\n loader: () => import(\"./views/Complain/Complain\"),\n loading: Loading,\n});\n\nconst Letters = Loadable({\n loader: () => import(\"./views/Letters/Letters\"),\n loading: Loading,\n});\n\nconst PemohonSKK = Loadable({\n loader: () => import(\"./views/PemohonSKK/PemohonSkk\"),\n loading: Loading,\n});\n\nconst DetailPemohon = Loadable({\n loader: () => import(\"./views/PemohonSKK/DetailPermohonan\"),\n loading: Loading,\n});\nconst EditLetters = Loadable({\n loader: () => import(\"./views/Letters/EditLetters\"),\n loading: Loading,\n});\nconst EditComplaint = Loadable({\n loader: () => import(\"./components/EditData/EditComplain\"),\n loading: Loading,\n});\n\nconst GroupChat = Loadable({\n loader: () => import(\"./views/GroupChat/GroupChat\"),\n loading: Loading,\n});\n\nconst ChatMessage = Loadable({\n loader: () => import(\"./views/GroupChat/GroupChat\"),\n loading: Loading,\n});\nconst UjiTertulis = Loadable({\n loader: () => import(\"./views/UjiTertulis/UjiTertulis\"),\n loading: Loading,\n});\n\nconst RiwayatHistory = Loadable({\n loader: () => import(\"./views/RiwayatHistory/RiwayatHistory\"),\n loading: Loading,\n});\n\nconst InputData = Loadable({\n loader: () => import(\"./components/InputData/InputData\"),\n loading: Loading,\n});\n\nconst InputData_subSchema = Loadable({\n loader: () => import(\"./components/InputData/InputData_subSchema\"),\n loading: Loading,\n});\n\nconst InputData_mainSchema = Loadable({\n loader: () => import(\"./components/InputData/InputData_mainSchema\"),\n loading: Loading,\n});\n\nconst InputData_Complaint = Loadable({\n loader: () => import(\"./components/InputData/InputData_Complain\"),\n loading: Loading,\n});\n\nconst InputLetters = Loadable({\n loader: () => import(\"./views/Letters/InputLetters\"),\n loading: Loading,\n});\nconst InputData_tuk = Loadable({\n loader: () => import(\"./components/InputData/InputData_tuk\"),\n loading: Loading,\n});\n\nconst ListSkill = Loadable({\n loader: () => import(\"./views/Asesor/Grading\"),\n loading: Loading,\n});\n\nconst PendingCompetance = Loadable({\n loader: () => import(\"./views/Asesor/PendingCompetance\"),\n loading: Loading,\n});\n\nconst Schedule = Loadable({\n loader: () => import(\"./views/Schedule/Schedule\"),\n loading: Loading,\n});\n\nconst JoinAsesment = Loadable({\n loader: () => import(\"./views/Schedule/JoinAssesment\"),\n loading: Loading,\n});\nconst JoinSkema = Loadable({\n loader: () => import(\"./views/Schedule/JoinSkema\"),\n loading: Loading,\n});\n\nconst DetailCertificate = Loadable({\n loader: () => import(\"./views/DetailCertificate/index.js\"),\n loading: Loading,\n});\n\nconst InputData_JoinSkema = Loadable({\n loader: () => import(\"./components/InputData/Input_Join_Skema\"),\n loading: Loading,\n});\nconst Schedule_AdminTuk = Loadable({\n loader: () => import(\"./views/Schedule/Schedule_AdminTuk\"),\n loading: Loading,\n});\nconst PortofolioAsesi = Loadable({\n loader: () => import(\"./views/Schedule/PortofolioRoleAsesiNew\"),\n loading: Loading,\n});\nconst DokAsesmen = Loadable({\n loader: () => import(\"./views/Schedule/DokumenAsesmen\"),\n loading: Loading,\n});\n\nconst PortofolioAsesorKhusus = Loadable({\n loader: () => import(\"./components/Detail/PortoFolioKhususAsesor\"),\n loading: Loading,\n});\n\nconst DraftAssessment = Loadable({\n loader: () => import(\"./views/Schedule/DraftAssessment\"),\n loading: Loading,\n});\nconst Submissions = Loadable({\n loader: () => import(\"./views/Schedule/Submissions\"),\n loading: Loading,\n});\n\nconst InputAssessment = Loadable({\n loader: () => import(\"./components/InputData/InputData_Assessment\"),\n loading: Loading,\n});\n\nconst InputAssessmentAdminTuk = Loadable({\n loader: () => import(\"./components/InputData/InputData_AssessmentAdminTuk\"),\n loading: Loading,\n});\n\nconst InputAssessmentUjiTertulis = Loadable({\n loader: () => import(\"./components/InputData/InputData_Jawaban\"),\n loading: Loading,\n});\n\nconst InputAssessmentUjiEssay = Loadable({\n loader: () => import(\"./components/InputData/InputData_UjiEssay\"),\n loading: Loading,\n});\n\nconst InputUjianTertulis = Loadable({\n loader: () => import(\"./components/InputData/Input_Ujian_Tertulis\"),\n loading: Loading,\n});\n\nconst InputUjianEssay = Loadable({\n loader: () => import(\"./components/InputData/Input_Ujian_Tertulis_Essay\"),\n loading: Loading,\n});\n\nconst Schedule_accessors = Loadable({\n loader: () => import(\"./views/Schedule/Schedule_accessors\"),\n loading: Loading,\n});\n\nconst TUK = Loadable({\n loader: () => import(\"./views/TUK/TUK\"),\n loading: Loading,\n});\n\nconst Users = Loadable({\n loader: () => import(\"./views/Users/Users\"),\n loading: Loading,\n});\n\nconst NotFound = Loadable({\n loader: () => import(\"./views/Pages/Page404/Page404\"),\n loading: Loading,\n});\n\nconst News = Loadable({\n loader: () => import(\"./views/Pages/News/NewsWebViews\"),\n loading: Loading,\n});\n\nconst AssignApplicant = Loadable({\n loader: () => import(\"./views/Schedule/AssignApplicant\"),\n loading: Loading,\n});\n\nconst ListApplicantTuk = Loadable({\n loader: () => import(\"./views/Schedule/AssignAplicanAdminTuk\"),\n loading: Loading,\n});\nconst AssignAssessors = Loadable({\n loader: () => import(\"./views/Schedule/AssignAssessors\"),\n loading: Loading,\n});\n\nconst AssignAdmin = Loadable({\n loader: () => import(\"./views/Schedule/AssignAdmin\"),\n loading: Loading,\n});\n\nconst Assign = Loadable({\n loader: () => import(\"./components/Detail/Detail.js\"),\n loading: Loading,\n});\n\nconst AssignAdminTuk = Loadable({\n loader: () => import(\"./components/Detail/DetailAdminTuk\"),\n loading: Loading,\n});\nconst AssignDetailArchive = Loadable({\n loader: () => import(\"./components/Detail/DetailArchive\"),\n loading: Loading,\n});\n\nconst Portofolio = Loadable({\n loader: () => import(\"./components/Detail/Portofolio\"),\n loading: Loading,\n});\nconst PortofolioKhusus = Loadable({\n loader: () => import(\"./components/Detail/PortofolioKhusus\"),\n loading: Loading,\n});\nconst PortofolioKhususArsip = Loadable({\n loader: () => import(\"./components/Detail/PortofolioKhususArsip\"),\n loading: Loading,\n});\nconst DetailFileAsesi = Loadable({\n loader: () => import(\"./components/Detail/DetailFileAsesi\"),\n loading: Loading,\n});\nconst FormDetailFileAsesi = Loadable({\n loader: () => import(\"./components/Modal/FormDetailFileAsesi\"),\n loading: Loading,\n});\nconst PortofolioAsesor = Loadable({\n loader: () => import(\"./components/Detail/Portofolio_Asessor\"),\n loading: Loading,\n});\nconst PortofolioPeserta = Loadable({\n loader: () => import(\"./components/Detail/PortofolioPeserta\"),\n loading: Loading,\n});\nconst HistorySoal = Loadable({\n loader: () => import(\"./components/Detail/DetailHistorySoal\"),\n loading: Loading,\n});\nconst Notif = Loadable({\n loader: () => import(\"./components/Notification/Notification\"),\n loading: Loading,\n});\n\nconst AssignPleno = Loadable({\n loader: () => import(\"./components/InputData/InputData_Plenos\"),\n loading: Loading,\n});\n\nconst GenerateLetters = Loadable({\n loader: () => import(\"./views/Correspondence/Letters\"),\n loading: Loading,\n});\n\nconst Alumni = Loadable({\n loader: () => import(\"./views/Alumni/Alumni\"),\n loading: Loading,\n});\n\nconst InputAlumni = Loadable({\n loader: () => import(\"./components/InputData/InputData_alumni\"),\n loading: Loading,\n});\n\nconst EditAlumni = Loadable({\n loader: () => import(\"./components/EditData/EditData_alumni\"),\n loading: Loading,\n});\n\nconst Portfolios = Loadable({\n loader: () => import(\"./views/MasterData/Portfolios\"),\n loading: Loading,\n});\nconst Portfolios_Umum = Loadable({\n loader: () => import(\"./views/MasterData/PortfoliosUmum\"),\n loading: Loading,\n});\n\nconst Materi_Uji = Loadable({\n loader: () => import(\"./views/MateriUji/Materi_Uji\"),\n loading: Loading,\n});\n\nconst BuktiAdministratif = Loadable({\n loader: () => import(\"./views/BuktiAdmin/index.js\"),\n loading: Loading,\n});\n\nconst InputData_Portfolios = Loadable({\n loader: () => import(\"./components/InputData/Input_Persyratan_Khusus\"),\n loading: Loading,\n});\n\nconst Input_Portfolios_umum = Loadable({\n loader: () => import(\"./components/InputData/Input_Portfolios_umum\"),\n loading: Loading,\n});\n\nconst Input_Materi_Uji = Loadable({\n loader: () => import(\"./components/InputData/Input_Materi_Uji\"),\n loading: Loading,\n});\nconst EditData_portfoliosMaster = Loadable({\n loader: () => import(\"./components/EditData/Edit_portfoliosMasterUmum\"),\n loading: Loading,\n});\n\nconst EditData_MateriUji = Loadable({\n loader: () => import(\"./components/EditData/EditData_MateriUji\"),\n loading: Loading,\n});\nconst Edit_portfoliosMasterUmum = Loadable({\n loader: () => import(\"./components/EditData/Edit_portfoliosMasterUmum\"),\n loading: Loading,\n});\n\nconst Edit_portfoliosMasterMateriUji = Loadable({\n loader: () => import(\"./components/EditData/Edit_portfoliosMasterUmum\"),\n loading: Loading,\n});\nconst EditActivity = Loadable({\n loader: () => import(\"./views/Schedule/EditActivity\"),\n loading: Loading,\n});\n\nconst DetailAssessment = Loadable({\n loader: () => import(\"./views/Schedule/DetailAsessment\"),\n loading: Loading,\n});\nconst DetailAssessmentArchive = Loadable({\n loader: () => import(\"./views/Schedule/DetailAsessmentArchive\"),\n loading: Loading,\n});\n\nconst NoSurat = Loadable({\n loader: () => import(\"./components/EditData/EditNoSurat\"),\n loading: Loading,\n});\n\nconst Rejected = Loadable({\n loader: () => import(\"./views/Schedule/Rejected\"),\n loading: Loading,\n});\n\nconst RejectedAdminTuk = Loadable({\n loader: () => import(\"./views/Schedule/Rejected_AdminTuk\"),\n loading: Loading,\n});\nconst ManagementSurat = Loadable({\n loader: () => import(\"./views/ManageSurat/ManageSurat\"),\n loading: Loading,\n});\n\nconst AsesiUnderAssessors = Loadable({\n loader: () => import(\"./views/Schedule/DetailAsesiAssessment\"),\n loading: Loading,\n});\n\n// const AsesiUjiTertulis = Loadable({\n// loader: () => import(\"./views/MateriUji/UjiTertulisAsesi\"),\n// loading: Loading,\n// });\nconst AsesiUnderAssessment = Loadable({\n loader: () => import(\"./views/Schedule/AsesiReadyAssign\"),\n loading: Loading,\n});\n\nconst AsesiAssignAsesors = Loadable({\n loader: () => import(\"./views/Schedule/DetailAssesmentAsesor\"),\n loading: Loading,\n});\n\nconst PortfolioRoleAsesi = Loadable({\n loader: () => import(\"./views/Schedule/portfolioRoleAsesi\"),\n loading: Loading,\n});\n\nconst Archive = Loadable({\n loader: () => import(\"./views/Schedule/ArchiveAssessment\"),\n loading: Loading,\n});\n\nconst UnitCompetention = Loadable({\n loader: () => import(\"./views/Competences/UnitCompetention/UnitCompetention\"),\n loading: Loading,\n});\n\nconst PersyaratanUmum = Loadable({\n loader: () => import(\"./components/Detail/PersyaratanUmum\"),\n loading: Loading,\n});\n\nconst RestoreData = Loadable({\n loader: () => import(\"./views/RestoreData/RestoreData\"),\n loading: Loading,\n});\n\nconst PengajuanBanding = Loadable({\n loader: () => import(\"./views/PengajuanBanding/PengajuanBanding.js\"),\n loading: Loading,\n});\n\n\nconst HeavyVehicle = Loadable({\n loader: () => import(\"./views/MasterData/heavyVehicle/index.js\"),\n loading: Loading,\n});\n\nconst Institution = Loadable({\n loader: () => import(\"./views/MasterData/institution/index.js\"),\n loading: Loading,\n});\n\nconst AssesmentHistory = Loadable({\n loader: () => import(\"./views/AssesmentHistory\"),\n loading: Loading,\n});\n\nconst routes = [\n //menu profile\n {\n path: \"/profile/user\",\n name: \"Pengaturan\",\n component: ProfileUser,\n },\n {\n path: \"/profile/admintuk\",\n name: \"Pengaturan\",\n component: ProfileAdminTuk,\n },\n {\n path: \"/profile/asesor\",\n name: \"Pengaturan\",\n component: ProfileAsesor,\n },\n {\n path: \"/profile/aplicant\",\n name: \"Pengaturan\",\n component: ProfileAplicant,\n },\n\n //menu user managemen\n { path: \"/users\", exact: true, name: \"Users\", component: Users },\n {\n path: \"/users/add-users\",\n name: `${multiLanguage.add} Data`,\n component: InputData,\n },\n { path: \"/users/edit-users/:user_id\", component: EditData },\n {\n path: \"/users/edit-users-accessor/:user_id\",\n component: EditDataUserAcessor,\n },\n {\n path: \"/users/edit-users-aplicant/:user_id\",\n component: EditDataUserAplicant,\n },\n {\n path: \"/users/edit-users-admintuk/:user_id\",\n component: EditDataUserAdminTuk,\n },\n {\n path: \"/users/edit-users-managements/:user_id\",\n component: EditDataUserManagements,\n },\n {\n path: \"/users/:user_id/Asesors\",\n name: `${multiLanguage.Edit} Data Asesor`,\n component: EditAssessors,\n },\n //menu accessors\n { path: \"/Assessors\", exact: true, name: \"Asesor\", component: Assessors },\n { path: \"/Assessors/list-skill\", component: ListSkill, exact: true },\n { path: \"/Assessors/list-skill/:user_id\", component: ListSkill },\n {\n path: \"/Assessors/pending-competance\",\n name: `${multiLanguage.competencePending}`,\n component: PendingCompetance,\n },\n {\n path: \"/Assessors/schedule_accessors\",\n name: `${multiLanguage.schedule} Asesor`,\n component: Schedule_accessors,\n },\n\n //menu applicant\n { path: \"/asesi\", exact: true, name: \"Asesi\", component: Applicant },\n {\n path: \"/asesi/edit-asesi/:user_id\",\n name: `${multiLanguage.Edit} Asesi`,\n component: EditApplicant,\n },\n {\n path: \"/data-applicant\",\n exact: true,\n name: \"Data Applicant\",\n component: Data_Applicant,\n },\n\n //menu schema\n {\n path: \"/schema/main-schema\",\n exact: true,\n name: multiLanguage.mainSchema,\n component: MainSchema,\n },\n\n {\n path: \"/schema/main-schema/edit-mainSchema/:schema_id\",\n component: EditData_mainSchema,\n name: `${multiLanguage.Edit} ${multiLanguage.mainSchema}`,\n },\n {\n path: \"/schema/main-schema/add-mainCompetence\",\n name: `${multiLanguage.add} Data`,\n component: InputData_mainSchema,\n },\n {\n path: \"/schema/sub-schema\",\n exact: true,\n name: multiLanguage.subSchema,\n component: SubSchema,\n },\n\n {\n path: \"/schema/schema-edit/:schema_id\",\n name: `${multiLanguage.Edit} data ${multiLanguage.subSchema}`,\n component: EditSchema,\n },\n {\n path: \"/schema-certification/add-schema\",\n name: `${multiLanguage.add} Data`,\n component: InputData_subSchema,\n },\n {\n path: \"/schema/unit-competention\",\n exact: true,\n name: `${multiLanguage.UnitCompetention}`,\n component: UnitCompetention,\n },\n //Menu Uji tertulis\n {\n path: \"/writen-test\",\n exact: true,\n name: \"Uji Tertulis\",\n component: UjiTertulis,\n },\n {\n path: \"/writen-test/input_data/ujian_tertulis\",\n name: `${multiLanguage.add} Ujian Tertulis`,\n component: InputUjianTertulis,\n },\n {\n path: \"/writen-test/input_data/ujian_essay\",\n name: `${multiLanguage.add} Ujian Tertulis Essay`,\n component: InputUjianEssay,\n },\n {\n path: \"/writen-test/:schema_id\",\n component: EditData_UjiTertulis,\n name: \"Edit Data Uji Tertulis\",\n },\n {\n path: \"/question/history\",\n exact: true,\n name: \"Riwayat History\",\n component: RiwayatHistory,\n },\n {\n path: \"/question/history/:schema_id\",\n component: HistorySoal,\n name: `History Soal`,\n },\n\n //menu assessment\n {\n path: \"/assessments/list\",\n exact: true,\n name: \"Assessments\",\n component: Schedule,\n },\n {\n path: \"/assessments/appeal\",\n exact: true,\n name: \"appeal\",\n component: PengajuanBanding,\n },\n {\n path: \"/assessments/:assessment_id/detail-certificate\",\n exact: true,\n name: \"Detail Sertifikat\",\n component: DetailCertificate,\n },\n // {\n // path: \"/join-assesment\",\n // exact: true,\n // name: \"Join Assesment\",\n // component: JoinAsesment,\n // },\n {\n path: \"/join-skema\",\n exact: true,\n name: \"Join Skema\",\n component: JoinSkema,\n },\n {\n path: \"/join-skema/add-join-skema\",\n name: `${multiLanguage.add} Data JOin Skema`,\n component: InputData_JoinSkema,\n },\n {\n path: \"/assessments/admintuk/list\",\n exact: true,\n name: \"Assessments\",\n component: Schedule_AdminTuk,\n },\n {\n path: \"/assessments/:assessment_id/portofolio-asesi\",\n name: \"Portofolio Asesi\",\n component: PortofolioAsesi,\n },\n {\n path: \"/assessments/:assessment_id/dok-asesmen\",\n name: \"Dokumen Asesmen\",\n component: DokAsesmen,\n },\n {\n path: \"/assessments/:assessment_id/:schema_id/applicants/:applicant_id/:assessment_applicant_id/:user_permission_id/portofolio-asessor-khusus\",\n name: \"Portofolio Asesi\",\n component: PortofolioAsesorKhusus,\n },\n {\n path: \"/assessments/admintuk/draft_assessment\",\n exact: true,\n name: `draft ${multiLanguage.Assessment}`,\n component: DraftAssessment,\n },\n {\n path: \"/assessments/input-data\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment`,\n component: InputAssessment,\n },\n {\n path: \"/assessments/edit-data\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment`,\n component: InputAssessment,\n },\n {\n path: \"/assessments/detail-data\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment`,\n component: InputAssessment,\n },\n {\n path: \"/assessments/input_data/admin_tuk\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment AminTuk`,\n component: InputAssessmentAdminTuk,\n },\n {\n path: \"/assessments/input_data/uji_tertulis\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment Pilihan Ganda`,\n component: InputAssessmentUjiTertulis,\n },\n {\n path: \"/assessments/input_data/uji_essay\",\n name: `${multiLanguage.add} ${multiLanguage.schedule} Assessment Essay`,\n component: InputAssessmentUjiEssay,\n },\n {\n path: \"/assessments/:assessment_id/applicants/:assessment_applicant_id/portofolio\",\n name: \"Portofolio Asesi\",\n component: Portofolio,\n },\n {\n path: \"/assessments/:schema_id/applicants/:applicant_id/:assessment_applicant_id/:user_permission_id/portofolio-khusus\",\n name: \"Portofolio Asesi\",\n component: PortofolioKhusus,\n },\n {\n path: \"/assessments/applicants/arsip/portofolio-khusus\",\n name: \"Portofolio Asesi\",\n component: PortofolioKhususArsip,\n },\n {\n path: \"/assessments/:assessment_id/applicants/:assessment_applicant_id/detail-file-asesi/form\",\n name: \"Form Detail File Asesi\",\n component: FormDetailFileAsesi,\n },\n {\n path: \"/assessments/:assessment_id/applicants/:assessment_applicant_id/detail-file-asesi\",\n name: \"Detail File Asesi\",\n component: DetailFileAsesi,\n },\n\n {\n path: \"/assessments/:schedule_assessment_id/edit-activity\",\n name: `${multiLanguage.Edit} ${multiLanguage.Assessment}`,\n component: EditActivity,\n },\n {\n path: \"/assessments/:assessment_id/applicants/:assessment_applicant_id/portofolio-assesor\",\n name: \"Portofolio Asesi\",\n component: PortofolioAsesor,\n },\n {\n path: \"/applicants/:applicant_id/:schema_id/:user_permission_id/persyaratan-peserta\",\n name: \"Portofolio Asesi\",\n component: PortofolioPeserta,\n },\n {\n path: \"/assessments/:assessment_id/assign\",\n name: \"Assign Assessment\",\n exact: true,\n component: Assign,\n },\n {\n path: \"/assessments/:assessment_id/assignAdminTuk\",\n name: \"Assign Assessment AdminTuk\",\n exact: true,\n\n component: AssignAdminTuk,\n },\n {\n path: \"/assessments/:assessment_id/assign_archive\",\n name: \"Assign Assessment\",\n exact: true,\n component: AssignDetailArchive,\n },\n {\n path: \"/assessments/:assessment_id/assign-admin/:run\",\n component: AssignAdmin,\n },\n {\n path: \"/assessments/:assessment_id/assign-applicant/:schema_id/:run\",\n component: AssignApplicant,\n },\n {\n path: \"/assessments/:assessment_id/list-applicant/:schema_id/:run\",\n component: ListApplicantTuk,\n },\n {\n path: \"/assessments/:assessment_id/generate\",\n component: GenerateLetters,\n },\n {\n path: \"/assessments/:assessment_id/assign-assessors\",\n component: AssignAssessors,\n },\n {\n path: \"/assessments/:assessment_id/detail\",\n name: \"Detail Assessment\",\n component: DetailAssessmentArchive,\n },\n {\n path: \"/assessments/:assessment_id/assign/:assessor_id/:is_user_pleno\",\n name: \"Detail Asesi on Assessments\",\n component: AsesiAssignAsesors,\n exact: true,\n },\n {\n path: \"/assessments/:assessment_id/assign/:assessor_id\",\n name: \"Detail Asesi on Assessments\",\n component: AsesiUnderAssessors,\n exact: true,\n },\n {\n path: \"/assessments/:assessment_id/penyelia/:assessor_id\",\n name: \"Detail Asesi on Assessments\",\n component: AsesiUnderAssessors,\n exact: true,\n },\n // {\n // path: \"/assessments/:assessment_id/:assessor_id\",\n // name: \"Detail Asesi on Assessments\",\n // component: AsesiUjiTertulis,\n // },\n {\n path: \"/assessments/:assessment_id/detail-asesi\",\n name: \"Detail Asesi on Assessments\",\n component: AsesiUnderAssessment,\n },\n {\n path: \"/assessments/:assessment_id/letters/:assessment_letter_id\",\n name: `${multiLanguage.Edit} No.Surat`,\n component: NoSurat,\n },\n {\n path: \"/assessments/:assessment_id/plenos/:run\",\n name: `${multiLanguage.create} List Pleno`,\n component: AssignPleno,\n },\n {\n path: \"/assessments/submission\",\n exact: true,\n name: \"Submissions\",\n component: Submissions,\n },\n {\n path: \"/assessments/rejected\",\n exact: true,\n name: `${multiLanguage.list} ${multiLanguage.Assessment} ${multiLanguage.reject}`,\n component: Rejected,\n },\n {\n path: \"/assessments/admintuk/rejected\",\n exact: true,\n name: `${multiLanguage.list} ${multiLanguage.Assessment} ${multiLanguage.reject}`,\n component: RejectedAdminTuk,\n },\n {\n path: \"/assessments/:assessment_id/portofolio\",\n name: \"Portfolio Assessment\",\n component: PortfolioRoleAsesi,\n },\n {\n path: \"/assessments/archives\",\n exact: true,\n name: `${multiLanguage.archives} ${multiLanguage.schedule}`,\n component: Archive,\n },\n {\n path: \"/applicants/:applicant_id/persyaratan-umum\",\n name: \"Persyaratan Umum Asesi\",\n component: PersyaratanUmum,\n },\n\n //menu TUK\n { path: \"/tuk\", exact: true, name: \"TUK\", component: TUK },\n {\n path: \"/tuk/add-tuk\",\n name: `${multiLanguage.add} Data TUK`,\n component: InputData_tuk,\n },\n {\n path: \"/tuk/edit-tuk/:tuk_id\",\n name: `${multiLanguage.Edit}`,\n component: EditTuk,\n },\n\n //alumni\n {\n path: \"/alumnis\",\n exact: true,\n name: \"Alumni\",\n component: Alumni,\n },\n {\n path: \"/alumni/certificate/:alumni_id\",\n exact: true,\n name: \"Certificate Alumni\",\n component: CertificateAlumni,\n },\n {\n path: \"/alumni/certificate/:alumni_id/:is_new\",\n exact: true,\n name: \"Certificate Alumni\",\n component: CertificateAlumni,\n },\n {\n path: \"/alumnis/add-alumni\",\n component: InputAlumni,\n name: \"Tambah Data Alumni\",\n },\n {\n path: \"/alumnis/edit-alumni/:alumni_id\",\n component: EditAlumni,\n name: \"Edit Data Alumni\",\n },\n\n //management surat\n {\n path: \"/management-letters\",\n component: ManagementSurat,\n name: multiLanguage.mainSchema,\n exact: true,\n },\n\n // etc\n {\n path: \"/\",\n exact: true,\n name: multiLanguage.home,\n component: DefaultLayout,\n },\n { path: \"/dashboard\", component: Dashboard },\n // { path: \"/lsplogin\", component: LspLogin },\n { path: \"/setting\", component: Setting },\n { path: \"/404\", component: NotFound },\n { path: \"/articles/:article_id\", component: News },\n {\n path: \"/message\",\n name: multiLanguage.notif,\n component: Notif,\n },\n\n //master data\n {\n path: \"/portfolios\",\n exact: true,\n name: \"Master Data\",\n component: Portfolios,\n },\n {\n path: \"/portfolios-umum\",\n exact: true,\n name: \"Master Data\",\n component: Portfolios_Umum,\n },\n {\n path: \"/materi-uji\",\n exact: true,\n name: \"Master Data\",\n component: Materi_Uji,\n },\n {\n path: \"/bukti-administratif\",\n exact: true,\n name: \"Data Bukti Administratif\",\n component: BuktiAdministratif,\n },\n {\n path: \"/portfolios/input\",\n name: `${multiLanguage.add} data Portofolio`,\n component: InputData_Portfolios,\n },\n {\n path: \"/portfolios-umum/input\",\n name: `${multiLanguage.add} data Portofolio`,\n component: Input_Portfolios_umum,\n },\n {\n path: \"/materi-uji/input\",\n name: `${multiLanguage.add} data Portofolio`,\n component: Input_Materi_Uji,\n },\n {\n path: \"/materi-uji/edit-materi-uji/\",\n name: `${multiLanguage.Edit} Materi Uji`,\n component: EditData_MateriUji,\n },\n {\n path: \"/portfolios-umum/edit-portfolios/:requirement_master_id\",\n name: `${multiLanguage.Edit} Master Portofolios`,\n component: Edit_portfoliosMasterUmum,\n },\n {\n path: \"/portfolios/edit-portfolios/:requirement_master_id\",\n name: `${multiLanguage.Edit} Master Portofolios`,\n component: EditData_portfoliosMaster,\n },\n {\n path: \"/materi-uji/edit-portfolios/:requirement_master_id\",\n name: `${multiLanguage.Edit} Master Portofolios`,\n component: Edit_portfoliosMasterMateriUji,\n },\n //Chat\n // {\n // path: \"/chat\",\n // name: \"Group Chat\",\n // component: GroupChat,\n // badge: \"test\",\n // },\n // {\n // path: \"/chatting\",\n // name: \"Chat\",\n // component:Chat,\n // badge: \"test\",\n // },\n // {\n // path: \"/chating/:id\",\n // name: \"Group Chat\",\n // component: ChatMessage,\n // badge: \"test\",\n // },\n //Restore Data\n {\n path: \"/restore-data\",\n exact: true,\n name: \"Restore Data\",\n component: RestoreData,\n },\n // Complain\n {\n path: \"/complaint\",\n exact: true,\n name: \"Keluhan Alikasi\",\n component: Complaint,\n },\n // Surat\n {\n path: \"/letters\",\n exact: true,\n name: \"Pengelolaan Surat\",\n component: Letters,\n },\n {\n path: \"/letters/edit-letters/:letter_id\",\n exact: true,\n name: \"Edit Surat\",\n component: EditLetters,\n },\n\n {\n path: \"/complain/edit-complain/:row_id\",\n name: `${multiLanguage.Edit}`,\n component: EditComplaint,\n },\n // Pemohon SKK\n // {\n // path: \"/pemohon-skk/detail/:id_izin\",\n // name: `${\"Detail\"}`,\n // component: DetailPemohon,\n // },\n // {\n // path: \"/pemohon-skk\",\n // name: \"Pemohon SKK\",\n // component: PemohonSKK,\n // },\n\n {\n path: \"/complain/add-complain\",\n name: `${multiLanguage.add} Data`,\n component: InputData_Complaint,\n },\n {\n path: \"/letters/add-letters\",\n name: `${multiLanguage.add} Data`,\n component: InputLetters,\n },\n {\n path: \"/asesmen-history\",\n name: \"Riwayat Asesmen\",\n exact: true,\n component: Alumni,\n },\n {\n path: \"/Assessors/asesmen-history\",\n name: \"Riwayat Asesmen\",\n exact: true,\n component: AssesmentHistory,\n },\n];\n\nexport const routes2 = () => {\n const isLPJK = localStorage.getItem('isLPJKIntegration');\n const role = localStorage.getItem('role');\n const ref_id = JSON.parse(localStorage.getItem('ref_id'));\n let newRoute = routes;\n if (role ===\"SUP\"){\n if (isLSPABI()){\n newRoute = newRoute.concat([\n {\n path: \"/intitutions\",\n exact: true,\n name: \"Institution\",\n component: Institution,\n },\n {\n path: \"/heavy-vehicles\",\n exact: true,\n name: \"Alat Berat\",\n component: HeavyVehicle,\n }\n ]);\n } else {\n newRoute = newRoute.concat([\n {\n path: \"/intitutions\",\n exact: true,\n name: \"Institution\",\n component: Institution,\n }\n ]);\n }\n }\n\n let routePemohonSkk = [\n {\n path: \"/pemohon-skk/detail/:id_izin\",\n name: `${\"Detail\"}`,\n exact: true,\n component: DetailPemohon,\n },\n {\n path: \"/pemohon-skk/detail/:id_izin/:second_param\",\n name: `${\"Detail\"}`,\n component: DetailPemohon,\n },\n {\n path: \"/pemohon-skk\",\n name: \"Pemohon SKK\",\n component: PemohonSKK,\n },\n ];\n if(isLPJK && isLPJK!=='false'){\n newRoute = newRoute.concat(routePemohonSkk);\n }\n return newRoute;\n}\n\nexport default routes;\n","import React, { Component } from 'react';\nimport {\n Nav,\n NavItem,\n NavLink,\n Progress,\n TabContent,\n TabPane,\n ListGroup,\n ListGroupItem\n} from 'reactstrap';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { AppSwitch } from '@coreui/react';\n\nconst propTypes = {\n children: PropTypes.node\n};\n\nconst defaultProps = {};\n\nclass DefaultAside extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n activeTab: '1'\n };\n }\n\n toggle = tab => {\n if (this.state.activeTab !== tab) {\n this.setState({\n activeTab: tab\n });\n }\n };\n\n render() {\n // eslint-disable-next-line\n const { children, ...attributes } = this.props;\n\n return (\n \n
\n \n Meeting with Lucas{' '}\n
\n \n 1 - 3pm\n \n \n Palo Alto, CA\n \n \n \n
\n \n Skype with Megan\n
\n \n 4 - 5pm\n \n \n On-line\n \n \n \n New UI Project - deadline\n
\n \n 10 - 11pm\n \n \n creativeLabs HQ\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n #10 Startups.Garden Meetup\n
\n \n 1 - 3pm\n \n \n Palo Alto, CA\n \n \n \n Team meeting\n
\n \n 4 - 6pm\n \n \n creativeLabs HQ\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Lukasz Holeczek\n 1:52 PM\n
\n \n Lorem ipsum dolor sit amet\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\n eiusmod tempor incididunt...\n \n \n
\n
\n \n
\n \n
\n \n Lukasz Holeczek\n 1:52 PM\n
\n \n Lorem ipsum dolor sit amet\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\n eiusmod tempor incididunt...\n \n \n
\n
\n \n
\n \n
\n \n Lukasz Holeczek\n 1:52 PM\n
\n \n Lorem ipsum dolor sit amet\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\n eiusmod tempor incididunt...\n \n \n
\n
\n \n
\n \n
\n \n Lukasz Holeczek\n 1:52 PM\n
\n \n Lorem ipsum dolor sit amet\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\n eiusmod tempor incididunt...\n \n \n
\n
\n \n
\n \n
\n \n Lukasz Holeczek\n 1:52 PM\n
\n \n Lorem ipsum dolor sit amet\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\n eiusmod tempor incididunt...\n \n Settings
\n\n\n
\n\n \n \n Option 1\n \n
\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n \n
\n \n
\n\n \n \n Option 2\n \n
\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed\n do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n \n
\n \n
\n\n \n \n Option 3\n \n
\n \n Option disabled.\n
\n \n
\n\n \n \n Option 4\n \n
\n \n
System Utilization
\n\n\n \n CPU Usage\n \n
\n \n 348 Processes. 1/4 Cores.\n\n \n \n Memory Usage\n \n
\n \n 11444GB/16384MB\n\n \n \n SSD 1 Usage\n \n
\n \n 243GB/256GB\n\n \n \n SSD 2 Usage\n \n
\n \n 25GB/256GB\n Loading...
\n );\n\n render() {\n if (localStorage.length === 0) {\n return \n \n \n \n \n \n \n
\n );\n }\n}\n\nexport default DefaultLayout;\n// export default (DefaultLayout,{defaultNavbar,navBarAbi})\n// export default CSSModules(DefaultLayout,navbarStyles)\n","import React, { Component, Suspense } from \"react\";\nimport { PostData } from \"../services/PostData\";\nimport { insertData } from \"../components/config/actions\";\nimport { Redirect, Link } from \"react-router-dom\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n Container,\n Alert,\n Form,\n Row,\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Label,\n} from \"reactstrap\";\nimport { Input, Spin } from \"antd\";\nimport { withAlert } from \"react-alert\";\nimport axios from \"axios\";\nimport LoadingOverlay from \"react-loading-overlay\";\nimport {\n NotificationContainer,\n NotificationManager,\n} from \"react-notifications\";\n// import \"../css/All.css\";\nimport \"../css/LSP_Demo.css\";\nimport \"../scss/style.css\";\n// import \"../css/Button.css\";\nimport {\n baseUrl,\n path_forgotPass,\n path_refreshToken,\n Brand_LSP,\n // getLsp,\n} from \"../components/config/config\";\n// import \"antd/dist/antd.css\";\nclass Login extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n loadingLogo: true,\n username_email: \"\",\n password: \"\",\n logged_in: false,\n message: \"\",\n hidden: true,\n modal: false,\n nestedModal: false,\n closeAll: false,\n response: \"\",\n logo: '',\n register_id: \"\",\n lsp_id: \"\",\n whiteLabel: false,\n lsp_name: \"\",\n hideCopyright: false\n };\n }\n\n toggle = () => {\n this.setState({\n modal: !this.state.modal,\n });\n };\n\n componentDidMount() {\n this.cekDomain();\n let email = JSON.parse(localStorage.getItem(\"email\"));\n let nextResend = localStorage.getItem(\"nextResend\");\n if(nextResend){\n localStorage.removeItem(\"nextResend\");\n }\n if(email){\n localStorage.removeItem(\"email\");\n }\n }\n\n cekDomain = () => {\n let domain = window.location.hostname;\n if (domain === \"app.vokasea.id\" || domain === \"areaindonesia.vokasea.id\" || domain === \"oshe.vokasea.id\" || domain === \"nki.vokasea.id\"){\n document.title = \"Login - Vokasea\";\n } else {\n document.title = \"Login - NAS\";\n }\n \n const defaultLogo = Brand_LSP(\"login\");\n let currentLogo = defaultLogo.Logo;\n let whiteLabel = false;\n if(domain=='ypia.nasonline.id'){\n const lspLogo = Brand_LSP(\"ypia\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-YPIA-929');\n } else if (domain=='nusantara.nasonline.id'){\n const lspLogo = Brand_LSP(\"login\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-NUSANTARA-609');\n } else if (domain=='pim.nasonline.id'){\n const lspLogo = Brand_LSP(\"lsp_pim\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-PIM-468');\n } else if (domain=='lsphki.aplikasisertifikasi.com'){\n const lspLogo = Brand_LSP(\"lsp_hki\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-HSI-349');\n } else if (domain=='migrasiabi.aplikasisertifikasi.com'){\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-ABI-927');\n } else if (domain=='abimigrasi.aplikasisertifikasi.com' || domain === 'lspabi.nasonline.id'){\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-ABI-927');\n } else if (domain === \"ditekindo.nasonline.id\") {\n const lspLogo = Brand_LSP(\"lsp_ditekindo\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('DITEKINDO');\n } else if (domain === \"lspfotografi.nasonline.id\") {\n const lspLogo = Brand_LSP(\"fotografi\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-FOTOGRAFI-INDONESIA-791');\n } else if (domain === \"lspmsdmui.nasonline.id\"){\n const lspLogo = Brand_LSP(\"lsp_msdm\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-MSDMUI-483');\n } else if (domain === \"t2k3indonesia.nasonline.id\") {\n const lspLogo = Brand_LSP(\"lsp_t2k3\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-T2K3');\n } else if (domain === \"app.vokasea.id\") {\n this.setState({ hideCopyright: true });\n const lspLogo = Brand_LSP(\"lsp_den\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('DAYA-EDUVOKASI-NUSANTARA-506');\n } else if (domain === \"areaindonesia.vokasea.id\") {\n this.setState({ hideCopyright: true });\n const lspLogo = Brand_LSP(\"lsp_area\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-AREA-INDONESIA-751');\n } else if (domain === \"oshe.vokasea.id\") {\n this.setState({ hideCopyright: true });\n const lspLogo = Brand_LSP(\"lsp_oshe\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-KL-OSHE-NST-635');\n } else if (domain === \"nki.vokasea.id\") {\n this.setState({ hideCopyright: true });\n const lspLogo = Brand_LSP(\"lsp_nki\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-NKI-588');\n } else if (domain === \"k3ibl.nasonlide.id\"){\n const lspLogo = Brand_LSP(\"k3ibl\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-K3-INDUSTRI-BUANA-LESTARI-911');\n } else if (domain === \"lsplik.nasonline.id\"){\n const lspLogo = Brand_LSP(\"lsp_lik\");\n currentLogo = lspLogo.Logo;\n whiteLabel = true;\n this.getDataLSP('LSP-LINGKUNGAN-KEHUTANAN-635');\n }\n this.setState({ logo: currentLogo, whiteLabel: whiteLabel });\n }\n\n getDataLSP = (kode_lsp) => {\n axios(`${baseUrl}/public/lsp/${kode_lsp}`).then((response) => {\n const resDataLSP = response.data.data;\n if(resDataLSP){\n let lspName = resDataLSP.lsp_name;\n if (lspName === \"LSP Manajemen Sumber Daya Manusia Unggul Indonesia\"){\n lspName = \"MSDM Unggul Indonesia\";\n }\n this.setState({ logo: resDataLSP.logo, lsp_name: lspName })\n }\n }).catch((err) => {\n if(err.response && err.response.data && err.response.data.error.message){\n if(err.response.data.error.code==404){\n\n }\n }\n });\n }\n\n toggleNested = (event) => {\n event.preventDefault();\n this.setState({\n nestedModal: !this.state.nestedModal,\n closeAll: false,\n });\n\n var data = new FormData();\n data.append(\"email\", this.state.email);\n const options = {\n method: \"POST\",\n url: baseUrl + path_forgotPass,\n data: data,\n };\n axios(options).then((response) => {\n return response;\n });\n };\n\n toggleAll = () => {\n this.setState({\n nestedModal: !this.state.nestedModal,\n closeAll: true,\n });\n };\n\n handleChange = (event) => {\n this.setState({ [event.target.name]: event.target.value });\n };\n\n setLocalStorage = (responseJSON) => {\n this.setState({ logged_in: true });\n const responseData = { ...responseJSON.data };\n let userPermission = responseJSON.data.user_permissions;\n responseData.user_permissions = [];\n localStorage.setItem(\"userdata\", JSON.stringify(responseData));\n localStorage.setItem(\"secret_key\", responseJSON.secret_key);\n localStorage.setItem(\"logged_in\", responseData.logged_in);\n localStorage.setItem(\"identity_type\", responseJSON.identity_type);\n let role=responseData.role_code;\n if(role=='DIR' || role=='MGR'){\n role='SUP'\n }\n localStorage.setItem(\"role\", role);\n localStorage.setItem(\"ref_id\", responseData.ref_id);\n // localStorage.setItem(\n // \"lpjk\",\n // JSON.stringify([\n // {\n // third_party_id: \"Integrasi LPJK\",\n // name: \"LPJK\",\n // description: \"Integrasi LPJK\",\n // domain: \"https://dev.aplikasisertifikasi.com/login\",\n // auth_type:\n // \"cc2c2830773567846460f1f106a2db9ef7cd64324f099805cc8ccc1397baa800e608a62bc1c8e3af\",\n // auth: [\n // {\n // key: \"cc2c2830773567846460f1f106a2db9ef7cd64324f099805cc8ccc1397baa800e608a62bc1c8e3af\",\n // value: \"list\",\n // },\n // ],\n // },\n // ])\n // );\n let newArrPermission = [];\n \n userPermission.map((val, index) => {\n const newUserPermission = { signature: '', ...val }\n newUserPermission['signature'] = '';\n newArrPermission.push(newUserPermission);\n });\n \n // return;\n localStorage.setItem(\n \"user_permissions\",\n JSON.stringify(newArrPermission)\n );\n };\n\n cekHttps = (url) => {\n let newUrl = url;\n let arrHttp = newUrl.toString().split(\":\");\n if(arrHttp[0]=='http'){\n arrHttp = ['https'].concat(arrHttp[1]);\n newUrl = arrHttp.join(\":\");\n }\n return newUrl;\n }\n\n setLocalStorageSelected = async (responseJSON) => {\n const { history } = this.props;\n \n localStorage.setItem(\"bahasa\", \"id\");\n localStorage.setItem(\"secret_key\", responseJSON.secret_key);\n let role = responseJSON.data.role_code;\n localStorage.setItem(\"notif_role\", role);\n if (role == \"DIR\" || role == \"MGR\") {\n role = \"SUP\";\n }\n \n await localStorage.setItem(\"role\", role);\n // localStorage.setItem(\"integration\", \"lpjk\");\n localStorage.setItem(\n \"selected_permission\",\n JSON.stringify(responseJSON.data.selected_permission)\n );\n if (this.state.whiteLabel){\n localStorage.setItem(\"whitelabel\", true);\n }\n let firstUserPermission = responseJSON.data.selected_permission[0];\n if(firstUserPermission){\n localStorage.setItem(\"logo_lsp\", firstUserPermission.lsp_logo ? firstUserPermission.lsp_logo : firstUserPermission.logo);\n }\n localStorage.setItem(\n \"ref_id\",\n JSON.stringify(responseJSON.data.selected_permission[0].ref_id)\n );\n let selectedPermission = responseJSON.data.selected_permission;\n let isIntegration = false;\n let isLpjkIntegration = false;\n let newListIntegration = [];\n if(selectedPermission && selectedPermission.length > 0){\n let firstSelectedPermission = selectedPermission[0];\n let integrationList = firstSelectedPermission.integration_detail;\n if(integrationList && integrationList.length > 0){\n isIntegration = true;\n integrationList.map((val, index) => {\n if(val.system_id==\"4f15e5e2-b0ab-41b3-bf18-6d24bbf8d062\"){\n isLpjkIntegration = true\n }\n let urlDomain = val.url_domain ? val.url_domain : '';\n let dataIntegration = {\n auth_type:val.auth_type ? val.auth_type : '',\n integration_id: val.integration_id ? val.integration_id : '',\n system_id: val.system_id ? val.system_id : '',\n system_name: val.system_name ? val.system_name : '',\n url: urlDomain,\n }\n let authParameter = val.auth_parameter ? val.auth_parameter : [];\n dataIntegration['auth_parameter'] = authParameter;\n newListIntegration.push(dataIntegration);\n })\n }\n }\n localStorage.setItem(\"isIntegration\", isIntegration);\n localStorage.setItem(\"isLPJKIntegration\", isLpjkIntegration);\n localStorage.setItem('integrationList', JSON.stringify(newListIntegration));\n // localStorage.setItem(\n // \"lpjk\",\n // JSON.stringify([\n // {\n // third_party_id: \"Integrasi LPJK\",\n // name: \"LPJK\",\n // description: \"Integrasi LPJK\",\n // domain: \"https://dev.aplikasisertifikasi.com/login\",\n // auth_type:\n // \"cc2c2830773567846460f1f106a2db9ef7cd64324f099805cc8ccc1397baa800e608a62bc1c8e3af\",\n // auth: [\n // {\n // key: \"cc2c2830773567846460f1f106a2db9ef7cd64324f099805cc8ccc1397baa800e608a62bc1c8e3af\",\n // value: \"list\",\n // },\n // ],\n // },\n // ])\n // );\n let arr = [];\n const json = responseJSON.data;\n let tukAccess = json.tuk_access;\n if(tukAccess){\n let lsp_id = tukAccess.lsp_id;\n if(lsp_id){\n localStorage.setItem(\"lsp_id\", lsp_id);\n }\n }\n for (let index = 0; index < json.permission.length; index++) {\n const element = json.permission[index].sub_module_code;\n arr.push(element);\n localStorage.setItem(\"permission\", arr);\n }\n history.push(\"/dashboard\");\n window.location.reload();\n // console.log(\"cek akhir\", responseJSON)\n };\n\n submitContinue = (permission_id) => {\n this.setState({ loading: true });\n\n const { history } = this.props;\n if (permission_id === \"\") {\n this.setState({\n hidden: false,\n message: \"Terjadi Kesalahan silahkan coba lagi\",\n loading: false,\n });\n } else {\n let formData = new FormData();\n formData.append(\"user_permission_id\", permission_id);\n insertData(\"/users/select_lsp\", formData)\n .then((result) => {\n this.setState({ loading: true });\n let responseJSON = result;\n if (responseJSON.responseStatus === \"SUCCESS\") {\n this.setLocalStorageSelected(responseJSON);\n // history.push(\"/dashboard\");\n // window.location.reload();\n }\n })\n .catch((error) => {\n this.setState({ loading: false });\n if (error.status === 401) {\n localStorage.clear();\n window.location.replace(\"/login\");\n } else if (error.status === 419) {\n localStorage.clear();\n window.location.replace(\"/login\");\n } else if (error.status == 504) {\n localStorage.clear();\n window.location.replace(\"/login\");\n }\n });\n }\n };\n\n login = (event) => {\n event.preventDefault();\n const { history } = this.props;\n this.setState({ loading: true });\n\n if (this.state.username_email === \"\" || this.state.password === \"\") {\n this.setState({\n loading: false,\n hidden: false,\n message: \"Username and password cannot empty\",\n });\n }\n if (this.state.username_email && this.state.password) {\n PostData(\"/login\", {\n username_email: this.state.username_email,\n password: this.state.password,\n }).then((result) => {\n let responseJSON = result;\n if (responseJSON.responseStatus === \"SUCCESS\") {\n if (\n responseJSON.data.group_id == 2 &&\n responseJSON.data.user_permissions.length === 1\n ) {\n this.setLocalStorage(responseJSON);\n\n this.submitContinue(\n result.data.user_permissions[0].user_permission_id\n );\n } else if (\n responseJSON.data.group_id == 2 &&\n responseJSON.data.user_permissions.length > 1\n ) {\n this.setLocalStorage(responseJSON);\n history.push(\"/multi-role\");\n } else {\n this.setState({\n hidden: false,\n loading: false,\n message: \"Anda tidak bisa melakukan login,\",\n });\n }\n\n return;\n }\n this.setState({\n response: responseJSON.error.code,\n });\n switch (this.state.response) {\n case 400:\n localStorage.clear();\n this.setState({\n hidden: false,\n loading: false,\n message: \"Minimum password length is 6\",\n });\n break;\n\n case 422:\n localStorage.clear();\n this.setState({\n hidden: false,\n loading: false,\n message: responseJSON.error.message,\n });\n break;\n\n case 419:\n NotificationManager.warning(\n \"Masa trial anda telah habis,Harap menghubungi Admin NAS untuk info lebih lanjut\",\n \"Peringatan\",\n 5000\n );\n localStorage.clear();\n break;\n\n default:\n break;\n }\n });\n }\n };\n\n onChange = (e) => {\n this.setState({ [e.target.name]: e.target.value });\n };\n\n render() {\n if (localStorage.getItem(\"logged_in\") || this.state.logged_in) {\n return \n \n \n \n \n \n \n {/* \n \n {newRoutes?.map((route, idx) => {\n return route.component ? (\n \n \n \n \n \n \n \n \n Group Chat\n \n \n \n \n
\n \n \n \n Forgot Password\n \n \n \n
\n
\n \n
\n \n Confirmation Message \n \n Your password has been reset,Please Check Your email\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n {this.state.message}\n \n
\n \n \n {this.state.lsp_name && this.state.whiteLabel ? `${this.state.lsp_name}` : this.state.whiteLabel ? 'LOGIN' : 'NAS - LSP LOGIN'}\n \n \n
\n {!this.state.hideCopyright && (\n \n
\n )}\n \n \n \n \n \n\n \n
\n \n
\n \n \n \n \n \n \n {\" \"}\n Selamat datang kembali {this.state.userdata.username}.\n \n \n
\n \n \n Anda sudah terdaftar di lebih dari 1 role. Silakan\n pilih dahulu role yang akan Anda gunakan.\n \n \n
\n\n \n {this.state.permission.map((item, i) => {\n return (\n
\n\n \n \n {this.state.message}\n \n
\n\n {/* */}\n \n \n \n Continue\n \n \n
\n {!this.state.hideCopyright && (\n \n
\n )}\n \n \n \n \n
\n \n
\n \n \n \n \n \n \n\n \n \n {this.state.message}\n \n
\n {!this.state.hideCopyright && (\n \n
\n )}\n \n \n \n {/* */}\n \n \n \n
\n \n {\" \"}\n \n submit()}\n disabled={loading}\n >\n Lanjutkan\n \n \n
\n \n )\n}\n\nexport default ModalConfirm;","import {\n Button,\n DatePicker,\n Divider,\n Input,\n Modal,\n notification,\n Radio,\n Select,\n Spin,\n} from \"antd\";\nimport React, { useState, useRef, useEffect } from \"react\";\nimport { Button as ButtonR } from \"reactstrap\";\nimport {\n Brand_LSP,\n path_jobs,\n path_religion,\n baseUrl,\n} from \"../../components/config/config\";\nimport { Form, Row, Col } from \"antd\";\nimport SignatureCanvas from \"react-signature-canvas\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport { UploadPicture } from \"../../components/Button/ButtonUploadPicture\";\nimport FormSelectWilayah from \"../../components/Hoc/FormSelectWilayah\";\nimport { multiLanguage } from \"../../components/Language/getBahasa\";\nimport { insertData } from \"../../components/config/actions\";\nimport ModalConfirm from \"./ModalConfirm\";\nconst { Option } = Select;\n// const { Logo } = Brand_LSP(\"demo\");\n\nconst emailReg = /(.+)@(.+){2,}\\.(.+){2,}/;\nconst usernameReg = /^\\S*$/;\n\nconst RegisterAsesi = () => {\n // masterdata\n const [dataTuk, setDataTuk] = useState([]);\n const [dataLsp, setDataLsp] = useState([]);\n const [dataReligion, setDataReligion] = useState([]);\n const [dataJobs, setDataJobs] = useState([]);\n const [dataInstitution, setDataInstitution] = useState([]);\n // dataform\n const [username, setUsername] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [lastName, setLastName] = useState(\"\");\n const [nik, setNik] = useState(null);\n const [telpHome, setTelpHome] = useState(null);\n const [placeBirth, setPlaceBirth] = useState(\"\");\n const [dateBirth, setDateBirth] = useState(null);\n const [gender, setGender] = useState(null);\n const [signature, setSignature] = useState(\"\");\n const [address, setAdress] = useState(\"\");\n const [kebangsaan, setKebangsaan] = useState(\"\");\n const [noTelp, setNoTelp] = useState(null);\n const [zipCode, setZipCode] = useState(null);\n const [religion, setReligion] = useState(\"\");\n const [kelurahanId, setKeluarahanId] = useState(\"\");\n const [pendidikan, setPendidikan] = useState(\"\");\n const [jobs, setJobs] = useState(\"\");\n const [institusi, setInstitusi] = useState(\"\");\n const [jabatan, setJabatan] = useState(\"\");\n const [emailKantor, setEmailKantor] = useState(\"\");\n const [alamatKantor, setAlamatKantor] = useState(\"\");\n const [telpKantor, setTelpKantor] = useState(null);\n const [faxKantor, setFaxKantor] = useState(null);\n const [lsp, setLsp] = useState(\"\");\n const [tuk, setTuk] = useState(\"\");\n const [zipCodeKantor, setZipCodeKantor] = useState(null);\n const [uniqueCode, setUniqeCode] = useState(\"\");\n const [applicantCategory, setApplicantCategory] = useState(\"\");\n // data validation form\n const [vApplicantCategory, setVApplicantCategory] = useState(\"success\");\n const [vUniqueCode, setVUniqueCodee] = useState(\"\");\n const [vUsername, setVUsername] = useState(\"success\");\n const [vEmail, setVEmail] = useState(\"success\");\n const [vFirstName, setVFirstName] = useState(\"success\");\n const [vLastName, setVLastName] = useState(\"success\");\n const [vNik, setVNik] = useState(\"success\");\n const [vTelpHome, setVTelpHome] = useState(\"success\");\n const [vPlaceBirth, setVPlaceBirth] = useState(\"success\");\n const [vDateBirth, setVDateBirth] = useState(\"success\");\n const [vGender, setVGender] = useState(\"success\");\n const [vSignature, setVSignature] = useState(\"success\");\n const [vAddress, setVAdress] = useState(\"success\");\n const [vKebangsaan, setVKebangsaan] = useState(\"success\");\n const [vNoTelp, setVNoTelp] = useState(\"success\");\n const [vZipCode, setVZipCode] = useState(\"success\");\n const [vReligion, setVReligion] = useState(\"success\");\n const [vKelurahanId, setVKeluarahanId] = useState(\"success\");\n const [vPendidikan, setVPendidikan] = useState(\"success\");\n const [vJobs, setVJobs] = useState(\"success\");\n const [vInstitusi, setVInstitusi] = useState(\"success\");\n const [vJabatan, setVJabatan] = useState(\"success\");\n const [vEmailKantor, setVEmailKantor] = useState(\"success\");\n const [vAlamatKantor, setVAlamatKantor] = useState(\"success\");\n const [vLsp, setVLsp] = useState(\"success\");\n const [vTuk, setVTuk] = useState(\"success\");\n const [vTelpKantor, setVTelpKantor] = useState(\"success\");\n const [vFaxKantor, setVFaxKantor] = useState(\"success\");\n const [vZipCodeKantor, setVZipCodeKantor] = useState(\"success\");\n // validation message\n const [vmEmail, setVmEmail] = useState(\"Silahkan masukan email!\");\n const [vmEmailKantor, setVmEmailKantor] = useState(\n \"Silahkan masukan email kantor!\"\n );\n const [vmUsername, setVmUsername] = useState(\"Silahkan masukan nama pengguna\");\n const [vmNik, setVmNik] = useState(\"Silahkan masukan nik\");\n // config delay\n const toUsername = useRef(null);\n const [delayUsernamePass, setDelayUsernamePas] = useState(false);\n const toEmail = useRef(null);\n const [delayEmailPass, setDelayEmailPas] = useState(false);\n // state component\n const [uCodeValid, setUCodeValid] = useState(false);\n const [openSignature, setOpenSignature] = useState(false);\n const [loadingSubmit, setLoadingSubmit] = useState(false);\n const [loadingConfirm, setLoadingConfirm] = useState(false);\n const [openModalConfirm, setOpenModalConfirm] = useState(false);\n const [messageConfirm, setMessageConfirm] = useState(\"\");\n const [logoLSP, setLogoLSP] = useState(\"\");\n const [logoBrand, setLogoBrand] = useState(\"\");\n const [whiteLabel, setWhiteLabel] = useState(false);\n const [isAbi, setIsAbi] = useState(false);\n const refPad = useRef(null);\n\n const disabledDate = (current) => {\n return current && current > moment().subtract(14, \"year\");\n };\n\n useEffect(() => {\n // lsp_abi\n let domain = window.location.hostname;\n const defaultLogo = Brand_LSP(\"login\");\n let currentLogo = defaultLogo.Logo;\n if (domain == \"ypia.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"ypia\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp(\"202304d5-78d9-4290-9ea2-adbb42b3a397\");\n checkLspCode(\"LSP-YPIA-929\");\n } else if (domain == \"nusantara.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"login\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp(\"38d18869-6035-4836-8af0-05bafa26ba12\");\n checkLspCode(\"LSP-NUSANTARA-609\");\n } else if (domain == \"pim.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_pim\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp(\"86ebf58a-f52d-4b15-9e2c-de28062ef3ae\");\n checkLspCode(\"LSP-PIM-468\");\n } else if (domain == \"lsphki.aplikasisertifikasi.com\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_hki\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('046c8c3d-4747-4844-9a8e-b5e052a8a297');\n checkLspCode('LSP-HSI-349');\n } else if(domain=='migrasiabi.aplikasisertifikasi.com'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n setIsAbi(true);\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cff88759-27e6-4708-8097-27ed283505b9');\n checkLspCode('LSP-ABI-927');\n } else if(domain=='abimigrasi.aplikasisertifikasi.com' || domain === 'lspabi.nasonline.id'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n setIsAbi(true);\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cff88759-27e6-4708-8097-27ed283505b9');\n checkLspCode('LSP-ABI-927');\n } else if (domain === \"ditekindo.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_ditekindo\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('0dadb11b-fbf6-4211-a0aa-9b7b59f38264');\n checkLspCode('DITEKINDO');\n } else if (domain === \"lspfotografi.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"fotografi\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('de14d2f4-e64a-4fa2-bf94-0e836572972c');\n checkLspCode('LSP-FOTOGRAFI-INDONESIA-791');\n } else if (domain === \"lspmsdmui.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_msdm\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('a98b3e25-8e7e-494e-9062-075d88a25b81');\n checkLspCode('LSP-MSDMUI-483');\n } else if (domain === \"t2k3indonesia.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_t2k3\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('1b727e72-3a4d-47f4-8ee9-1a3925b1e701');\n checkLspCode('LSP-T2K3');\n } else if (domain === \"app.vokasea.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_den\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('d772454a-03d8-4081-8c4c-e2e49889a2ca');\n checkLspCode('DAYA-EDUVOKASI-NUSANTARA-506');\n } else if (domain === \"areaindonesia.vokasea.id\") {\n this.setState({ hideCopyright: true });\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_area\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('36c28bfc-57c9-4fd9-9bb6-02825a79eef1');\n checkLspCode('LSP-AREA-INDONESIA-751');\n } else if (domain === \"oshe.vokasea.id\") {\n this.setState({ hideCopyright: true });\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_oshe\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cd9a285c-37d2-47e1-ad99-a699b21dc4b7');\n checkLspCode('LSP-KL-OSHE-NST-635');\n } else if (domain === \"nki.vokasea.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_nki\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('af41de3e-0eb8-41bd-8319-4e5469b0d1f2');\n checkLspCode('LSP-NKI-588');\n } else if (domain === \"k3ibl.nasonlide.id\"){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"k3ibl\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('1a4aab96-e073-458f-a883-d4a91d0ffe6b');\n checkLspCode('LSP-K3-INDUSTRI-BUANA-LESTARI-911');\n } else if (domain === \"lsplik.nasonline.id\"){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_lik\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('07d22ec4-f149-4d6b-8243-3ef0a1b45c13');\n checkLspCode('LSP-LINGKUNGAN-KEHUTANAN-635');\n }\n\n setLogoBrand(currentLogo);\n }, []);\n\n useEffect(() => {\n if (whiteLabel && logoLSP) {\n setLogoBrand(logoLSP);\n }\n }, [logoLSP, whiteLabel]);\n\n useEffect(() => {\n if (lsp && isAbi){\n getInstitution();\n }else{\n setDataInstitution([])\n }\n }, [lsp])\n\n useEffect(() => {\n getReligion();\n getJobs();\n getLSP();\n }, []);\n\n useEffect(() => {\n if (lsp) {\n getDataTuk();\n }\n }, [lsp]);\n\n useEffect(() => {\n if (username) {\n confToUsername();\n }\n\n return () => {\n if (toUsername.current) {\n clearTimeout(toUsername.current);\n }\n };\n }, [username]);\n\n useEffect(() => {\n if (email) {\n confToEmail();\n }\n return () => {\n if (toEmail.current) {\n clearTimeout(toEmail.current);\n }\n };\n }, [email]);\n\n useEffect(() => {\n if (delayEmailPass) {\n validateEmail();\n }\n }, [delayEmailPass]);\n\n useEffect(() => {\n if (delayUsernamePass) {\n validateUsername();\n }\n }, [delayUsernamePass]);\n\n const confToUsername = async () => {\n await setDelayUsernamePas(false);\n if (!toUsername.current) {\n toUsername.current = setTimeout(() => setDelayUsername(), 2000);\n } else {\n clearTimeout(toUsername.current);\n toUsername.current = setTimeout(() => setDelayUsername(), 2000);\n }\n };\n\n const setDelayUsername = () => {\n setDelayUsernamePas(true);\n };\n\n const setDelayEmail = () => {\n setDelayEmailPas(true);\n };\n\n const confToEmail = async () => {\n await setDelayEmailPas(false);\n if (!toEmail.current) {\n toEmail.current = setTimeout(() => setDelayEmail(), 2000);\n } else {\n await clearTimeout(toEmail.current);\n toEmail.current = setTimeout(() => setDelayEmail(), 2000);\n }\n };\n\n const validateUsername = async (pasIt = false) => {\n if (!pasIt) {\n if (!delayUsernamePass) {\n return;\n }\n }\n setDelayUsernamePas(false);\n const path = `/public/users_validation?username=${username}`;\n const result = await axios(baseUrl + path)\n .then((response) => response)\n .catch((error) => error);\n\n if (result.data && result.data.responseStatus == \"SUCCESS\") {\n return true;\n }\n if (result.response.status == 400) {\n setVUsername(\"error\");\n setVmUsername(\"nama pengguna sudah terdaftar!\");\n }\n };\n\n const validateEmail = async (pasIt = false) => {\n if (!pasIt) {\n if (!delayEmailPass) {\n return;\n }\n }\n setDelayEmailPas(false);\n const path = `/public/users_validation?email=${email}`;\n const result = await axios(baseUrl + path)\n .then((response) => response)\n .catch((error) => error);\n if (result.data && result.data.responseStatus == \"SUCCESS\") {\n return true;\n }\n if (result.response.status == 400) {\n setVEmail(\"error\");\n setVmEmail(\"Email sudah terdaftar!\");\n return false;\n }\n };\n\n const checkLogoLSP = (path) => {\n let logoLSP = path;\n\n if (logoLSP.includes(\"https\")) {\n setLogoLSP(logoLSP);\n return;\n }\n\n if (\n logoLSP.includes(\"protected\") ||\n logoLSP.includes(\"files\") ||\n logoLSP.includes(\"logo\")\n ) {\n logoLSP = baseUrl + path;\n }\n if (logoLSP.length == 255) {\n return;\n }\n setLogoLSP(logoLSP);\n };\n\n const checkLspCode = async (code) => {\n axios(`${baseUrl}/public/lsp/${code}`)\n .then((response) => {\n setVUniqueCodee(\"success\");\n setUCodeValid(true);\n const resDataLSP = response.data.data;\n if (resDataLSP) {\n setLsp(resDataLSP.lsp_id);\n checkLogoLSP(resDataLSP.logo);\n }\n })\n .catch((err) => {\n if (\n err.response &&\n err.response.data &&\n err.response.data.error.message\n ) {\n if (err.response.data.error.code == 404) {\n // console.log('cek err', err.response.data.error.message)\n }\n }\n\n setVUniqueCodee(\"error\");\n });\n };\n\n const handleLspCode = (value) => {\n setVUniqueCodee(\"error\");\n setLogoLSP(\"\");\n setUCodeValid(false);\n if (value.length > 5) {\n checkLspCode(value);\n }\n };\n\n const getReligion = async () => {\n axios(`${baseUrl}/public${path_religion}?limit=100`).then((response) => {\n setDataReligion(response.data.data);\n });\n };\n\n const getInstitution = async () => {\n axios(`${baseUrl}/public/institution?lsp_id=${lsp}&limit=unlimited`).then((response) => {\n setDataInstitution(response.data.data);\n });\n }\n\n const getJobs = async () => {\n axios(`${baseUrl}/public/${path_jobs}?limit=100`).then((response) => {\n setDataJobs(response.data.data);\n });\n };\n\n const getLSP = async () => {\n axios(`${baseUrl}/public/lsp?limit=unlimited`).then((response) => {\n setDataLsp(response.data.data);\n });\n };\n\n const getDataTuk = async () => {\n axios(`${baseUrl}public/tuks?lsp_id=${lsp}&limit=unlimited`).then(\n (response) => {\n setDataTuk(response.data.data);\n }\n );\n };\n\n const handleChangeUsername = (value) => {\n setUsername(value);\n if (!usernameReg.test(value)) {\n setVUsername(\"error\");\n setVmUsername(\"Tidak boleh menggunakan spasi\");\n return;\n }\n\n setVUsername(\"success\");\n setVmUsername(\"Silahkan masukan nama pengguna\");\n };\n\n const handleChangeEmail = (value) => {\n setEmail(value);\n if (!emailReg.test(value)) {\n setVEmail(\"error\");\n setVmEmail(\"Email tidak valid\");\n return;\n }\n setVEmail(\"success\");\n setVmEmail(\"Silahkan masukan email\");\n };\n\n const handleChangeEmailKantor = (value) => {\n setEmailKantor(value);\n if (!emailReg.test(value)) {\n setVEmailKantor(\"error\");\n setVmEmailKantor(\"Email kantor tidak valid\");\n return;\n }\n setVEmailKantor(\"success\");\n setVmEmailKantor(\"Silahkan masukan email\");\n };\n\n const handleChangeNik = (e) => {\n setNik(e.target.value);\n setVNik(\"success\");\n setVmNik(\"Silahkan masukan NIK\");\n };\n\n const handleOkSignature = () => {\n setSignature(refPad.current.getTrimmedCanvas().toDataURL(\"image/png\"));\n setOpenSignature(false);\n setVSignature(\"success\");\n };\n\n const handleUploadSignature = (upload) => {\n setSignature(upload.base64);\n setOpenSignature(false);\n setVSignature(\"success\");\n };\n\n const handleBack = () => {\n localStorage.clear();\n window.location.replace(\"/login\");\n };\n\n const handleGetLspName = (lsp_id) => {\n if (!lsp_id) {\n return \"\";\n }\n\n let index = dataLsp.findIndex((val) => val.lsp_id == lsp_id);\n\n if (index < 0) {\n return \"\";\n }\n return dataLsp[index].lsp_name;\n };\n\n const handleGetTukname = (tuk_id) => {\n if (!tuk_id) {\n return \"\";\n }\n\n let index = dataTuk.findIndex((val) => val.tuk_id == tuk_id);\n\n if (index < 0) {\n return \"\";\n }\n return dataTuk[index].tuk_name;\n };\n\n const toggleConfirm = () => {\n setLoadingConfirm(false);\n setOpenModalConfirm(!openModalConfirm);\n };\n\n const handleValidation = async () => {\n let messageConfirm = `Asesi di lsp ${handleGetLspName(lsp)}`;\n\n if (loadingSubmit) {\n setLoadingSubmit(false);\n return;\n }\n setLoadingSubmit(true);\n let error = false;\n\n const valEMail = await validateEmail(true);\n const valUsername = await validateUsername(true);\n\n if (!valEMail) {\n error = true;\n }\n\n if (!valUsername) {\n error = true;\n }\n\n if (!username || !usernameReg.test(username)) {\n error = true;\n setVUsername(\"error\");\n }\n\n if (!email || !emailReg.test(email)) {\n error = true;\n setVEmail(\"error\");\n }\n\n if (!firstName) {\n setVFirstName(\"error\");\n error = true;\n }\n\n if (!nik) {\n setVNik(\"error\");\n error = true;\n }\n\n // if (nik && nik.length < 16) {\n // error = true;\n // setVmNik(\"Masukan nik yang valid\");\n // setVNik(\"error\");\n // }\n\n // if (nik && nik.length > 16) {\n // error = true;\n // setVmNik(\"Masukan nik yang valid\");\n // setVNik(\"error\");\n // }\n\n if (!placeBirth) {\n error = true;\n setVPlaceBirth(\"error\");\n }\n\n if (!dateBirth) {\n error = true;\n setVDateBirth(\"error\");\n }\n\n if (!gender) {\n error = true;\n setVGender(\"error\");\n }\n\n if (!signature) {\n error = true;\n setVSignature(\"error\");\n }\n\n // if (!address) {\n // error = true;\n // setVAdress(\"error\");\n // }\n\n // if (!kebangsaan) {\n // error = true;\n // setVKebangsaan(\"error\");\n // }\n\n if (!noTelp) {\n error = true;\n setVNoTelp(\"error\");\n }\n\n // if (!zipCode) {\n // error = true;\n // setVZipCode(\"error\");\n // }\n\n // if (!religion) {\n // error = true;\n // setVReligion(\"error\");\n // }\n\n // if (!pendidikan) {\n // error = true;\n // setVPendidikan(\"error\");\n // }\n\n // if (!kelurahanId) {\n // error = true;\n // setVKeluarahanId(\"error\");\n // }\n\n if (!jobs) {\n error = true;\n setVJobs(\"error\");\n }\n\n // if (jobs !==\"1\"){\n // if (!institusi) {\n // error = true;\n // setVInstitusi(\"error\");\n // }\n \n // if (!jabatan) {\n // error = true;\n // setVJabatan(\"error\");\n // }\n \n // if (!emailKantor) {\n // error = true;\n // setVEmailKantor(\"error\");\n // }\n \n // if (!telpHome) {\n // error = true;\n // setVTelpHome(\"error\");\n // }\n \n // if (!telpKantor) {\n // error = true;\n // setVTelpKantor(\"error\");\n // }\n \n // if (!faxKantor) {\n // error = true;\n // setVFaxKantor(\"error\");\n // }\n \n // if (!alamatKantor) {\n // error = true;\n // setVAlamatKantor(\"error\");\n // }\n \n // if (!zipCodeKantor) {\n // error = true;\n // setVZipCodeKantor(\"error\");\n // }\n // }\n\n if (!lsp || !uCodeValid) {\n error = true;\n setVLsp(\"error\");\n setVUniqueCodee(\"error\");\n }\n\n // if(!tuk){\n // error = true;\n // setVTuk('error');\n // }\n\n if (error) {\n setLoadingSubmit(false);\n notification.error({\n placement: \"bottomRight\",\n message: \"Gagal!\",\n description:\n \"Terdapat data yang kosong, silahkan cek kembali data anda!\",\n });\n return;\n }\n setMessageConfirm(messageConfirm);\n setOpenModalConfirm(true);\n // handleSubmitData();\n };\n\n const handleSubmitData = async () => {\n if (loadingConfirm) {\n return;\n }\n setLoadingConfirm(true);\n const payloadApplicant = {\n username: username,\n email: email,\n first_name: firstName,\n // last_name: lastName,\n nik: nik,\n place_of_birth: placeBirth,\n date_of_birth: dateBirth,\n gender_code: gender,\n signature: signature,\n // address: address,\n // kebangsaan: kebangsaan,\n contact: noTelp,\n // kode_pos: zipCode,\n // religion: religion,\n // kelurahan_id: kelurahanId,\n // pendidikan_terakhir: pendidikan,\n jobs_code: jobs,\n lsp_id: lsp,\n role_code: \"APL\",\n }\n\n // if (jobs !== \"1\") {\n // payloadApplicant.institution = institusi;\n // payloadApplicant.jabatan = jabatan;\n // payloadApplicant.email_pekerjaan = emailKantor;\n // payloadApplicant.telepon_pekerjaan = telpKantor;\n // payloadApplicant.fax_pekerjaan = faxKantor;\n // payloadApplicant.alamat_pekerjaan = alamatKantor;\n // payloadApplicant.kode_pos_pekerjaan = zipCodeKantor;\n // }\n\n if (telpHome){\n payloadApplicant.telepon_rumah = telpHome;\n }\n\n if (applicantCategory){\n payloadApplicant.applicant_category = applicantCategory;\n }\n\n insertData(\"public/users/applicants\", payloadApplicant)\n .then((res) => {\n localStorage.setItem(\"email\", email);\n setLoadingConfirm(false);\n setLoadingSubmit(false);\n window.location.replace(\"/confirm\");\n return;\n })\n .catch((error) => {\n setLoadingSubmit(false);\n setLoadingConfirm(false);\n switch (error.data.error.code) {\n case 400:\n notification.error({\n placement: \"bottomRight\",\n message: \"Gagal!\",\n description: error.data.error.message,\n });\n break;\n\n case 409:\n notification.error({\n placement: \"bottomRight\",\n message: \"Gagal!\",\n description: multiLanguage.alertAlready,\n });\n break;\n\n default:\n notification.error({\n placement: \"bottomRight\",\n message: \"Gagal!\",\n description: \"Terjadi kesalahan silahkan coba lagi!\",\n });\n break;\n }\n });\n };\n\n return (\n \n setOpenSignature(false)}\n okText=\"Submit\"\n cancelText=\"Batal\"\n >\n \n
\n \n \n \n {\" Login Page\"}\n \n \n \n {\" Register\"}\n \n \n
\n \n );\n};\n\nexport default RegisterAsesi;\n","import { Button, DatePicker, Divider, Input, Modal, notification, Radio, Select, Spin } from \"antd\";\nimport React, { useState, useRef, useEffect } from \"react\";\nimport { Button as ButtonR } from \"reactstrap\";\nimport { Brand_LSP, path_jobs, path_religion, baseUrl } from \"../../components/config/config\";\nimport { Form, Row, Col } from \"antd\";\nimport SignatureCanvas from \"react-signature-canvas\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport { UploadPicture } from \"../../components/Button/ButtonUploadPicture\";\nimport FormSelectWilayah from \"../../components/Hoc/FormSelectWilayah\";\nimport { multiLanguage } from \"../../components/Language/getBahasa\";\nimport { insertData } from \"../../components/config/actions\";\nimport ModalConfirm from \"./ModalConfirm\";\nconst { Option } = Select\n// const { Logo } = Brand_LSP(\"demo\");\n\nconst emailReg = /(.+)@(.+){2,}\\.(.+){2,}/;\nconst usernameReg = /^\\S*$/;\n\nconst RegistrasiAsesor = () => {\n // masterdata\n const [dataLsp, setDataLsp] = useState([]);\n const [dataReligion, setDataReligion] = useState([]);\n const [dataJobs, setDataJobs] = useState([]);\n // dataform\n const [username, setUsername] = useState('');\n const [email, setEmail] = useState('');\n const [firstName, setFirstName] = useState('');\n const [lastName, setLastName] = useState('');\n const [nik, setNik] = useState('');\n const [placeBirth, setPlaceBirth] = useState('');\n const [dateBirth, setDateBirth] = useState(null);\n const [gender, setGender] = useState(null);\n const [signature, setSignature] = useState('');\n const [noTelp, setNoTelp] = useState('');\n const [religion, setReligion] = useState('');\n const [kelurahanId, setKeluarahanId] = useState('');\n const [pendidikan, setPendidikan] = useState('');\n const [jobs, setJobs] = useState('');\n const [lsp, setLsp] = useState('');\n const [noRegistrasi, setNoRegistrasi] = useState('');\n const [uniqueCode, setUniqeCode] = useState('');\n const [loadingConfirm, setLoadingConfirm] = useState(false);\n // data validation form\n const [vUniqueCode, setVUniqueCodee] = useState('');\n const [vUsername, setVUsername] = useState('success');\n const [vEmail, setVEmail] = useState('success');\n const [vFirstName, setVFirstName] = useState('success');\n const [vLastName, setVLastName] = useState('success');\n const [vNik, setVNik] = useState('success');\n const [vPlaceBirth, setVPlaceBirth] = useState('success');\n const [vDateBirth, setVDateBirth] = useState('success');\n const [vGender, setVGender] = useState('success');\n const [vSignature, setVSignature] = useState('success');\n const [vNoTelp, setVNoTelp] = useState('success');\n const [vReligion, setVReligion] = useState('success');\n const [vKelurahanId, setVKeluarahanId] = useState('success');\n const [vPendidikan, setVPendidikan] = useState('success');\n const [vJobs, setVJobs] = useState('success');\n const [vLsp, setVLsp] = useState('success');\n const [vNoregistrasi, setVNoRegistrasi] = useState('success');\n // validation message\n const [vmEmail, setVmEmail] = useState('Silahkan masukan email!');\n const [vmUsername, setVmUsername] = useState('Silahkan masukan nama pengguna');\n const [vmNik, setVmNik] = useState('Silahkan masukan nik');\n // config delay\n const toUsername = useRef(null);\n const [delayUsernamePass, setDelayUsernamePas] = useState(false);\n const toEmail = useRef(null);\n const [delayEmailPass, setDelayEmailPas] = useState(false);\n // state component\n const [uCodeValid, setUCodeValid] = useState(false)\n const [openSignature, setOpenSignature] = useState(false);\n const [loadingSubmit, setLoadingSubmit] = useState(false)\n const [openModalConfirm, setOpenModalConfirm] = useState(false)\n const [messageConfirm, setMessageConfirm] = useState('');\n const [logoLSP, setLogoLSP] = useState('')\n const [logoBrand, setLogoBrand] = useState('');\n const [whiteLabel, setWhiteLabel] = useState(false);\n const refPad = useRef(null);\n\n useEffect(() => {\n let domain = window.location.hostname;\n const defaultLogo = Brand_LSP(\"login\");\n let currentLogo = defaultLogo.Logo;\n if(domain=='ypia.nasonline.id'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"ypia\");\n currentLogo = lspLogo.Logo;\n setLsp('202304d5-78d9-4290-9ea2-adbb42b3a397');\n setWhiteLabel(true);\n setUCodeValid(true);\n checkLspCode('LSP-YPIA-929');\n } else if(domain=='nusantara.nasonline.id'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"login\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('38d18869-6035-4836-8af0-05bafa26ba12');\n // LSP-NUSANTARA-609\n checkLspCode('LSP-NUSANTARA-609');\n } else if(domain=='pim.nasonline.id'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_pim\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('86ebf58a-f52d-4b15-9e2c-de28062ef3ae');\n // LSP-NUSANTARA-609\n checkLspCode('LSP-PIM-468');\n } else if(domain=='lsphki.aplikasisertifikasi.com'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_hki\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('046c8c3d-4747-4844-9a8e-b5e052a8a297');\n checkLspCode('LSP-HSI-349');\n } else if(domain=='migrasiabi.aplikasisertifikasi.com'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cff88759-27e6-4708-8097-27ed283505b9');\n checkLspCode('LSP-ABI-927');\n } else if(domain=='abimigrasi.aplikasisertifikasi.com' || domain === 'lspabi.nasonline.id'){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_abi\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cff88759-27e6-4708-8097-27ed283505b9');\n checkLspCode('LSP-ABI-927');\n } else if (domain === \"ditekindo.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_ditekindo\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('0dadb11b-fbf6-4211-a0aa-9b7b59f38264');\n checkLspCode('DITEKINDO');\n } else if (domain === \"lspfotografi.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"fotografi\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('de14d2f4-e64a-4fa2-bf94-0e836572972c');\n checkLspCode('LSP-FOTOGRAFI-INDONESIA-791');\n } else if (domain === \"lspmsdmui.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_msdm\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('a98b3e25-8e7e-494e-9062-075d88a25b81');\n checkLspCode('LSP-MSDMUI-483');\n } else if (domain === \"t2k3indonesia.nasonline.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_t2k3\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('1b727e72-3a4d-47f4-8ee9-1a3925b1e701');\n checkLspCode('LSP-T2K3');\n } else if (domain === \"app.vokasea.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_den\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('d772454a-03d8-4081-8c4c-e2e49889a2ca');\n checkLspCode('DAYA-EDUVOKASI-NUSANTARA-506');\n } else if (domain === \"areaindonesia.vokasea.id\") {\n this.setState({ hideCopyright: true });\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_area\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('36c28bfc-57c9-4fd9-9bb6-02825a79eef1');\n checkLspCode('LSP-AREA-INDONESIA-751');\n } else if (domain === \"oshe.vokasea.id\") {\n this.setState({ hideCopyright: true });\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_oshe\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('cd9a285c-37d2-47e1-ad99-a699b21dc4b7');\n checkLspCode('LSP-KL-OSHE-NST-635');\n } else if (domain === \"nki.vokasea.id\") {\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_nki\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('af41de3e-0eb8-41bd-8319-4e5469b0d1f2');\n checkLspCode('LSP-NKI-588');\n } else if (domain === \"k3ibl.nasonlide.id\"){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"k3ibl\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('1a4aab96-e073-458f-a883-d4a91d0ffe6b');\n checkLspCode('LSP-K3-INDUSTRI-BUANA-LESTARI-911');\n } else if (domain === \"lsplik.nasonline.id\"){\n localStorage.setItem(\"whitelabel\", true);\n const lspLogo = Brand_LSP(\"lsp_lik\");\n currentLogo = lspLogo.Logo;\n setWhiteLabel(true);\n setUCodeValid(true);\n setLsp('07d22ec4-f149-4d6b-8243-3ef0a1b45c13');\n checkLspCode('LSP-LINGKUNGAN-KEHUTANAN-635');\n }\n\n setLogoBrand(currentLogo);\n }, []);\n\n\n useEffect(() => {\n if(whiteLabel && logoLSP){\n setLogoBrand(logoLSP);\n }\n }, [logoLSP, whiteLabel])\n\n useEffect(() => {\n getReligion();\n getJobs();\n getLSP();\n }, []);\n\n const disabledDate = (current) => {\n return current && current > moment().subtract(15, 'year');\n }\n \n useEffect(() => {\n if(username){\n confToUsername();\n }\n\n return () => {\n if(toUsername.current){\n clearTimeout(toUsername.current)\n }\n }\n }, [username]);\n\n useEffect(() => {\n if(email){\n confToEmail();\n }\n return () => {\n if(toEmail.current){\n clearTimeout(toEmail.current)\n }\n }\n }, [email]);\n\n useEffect(() => {\n if(delayEmailPass){\n validateEmail();\n }\n }, [delayEmailPass])\n\n useEffect(() => {\n if(delayUsernamePass){\n validateUsername();\n }\n }, [delayUsernamePass])\n\n const confToUsername = async () => {\n await setDelayUsernamePas(false);\n if(!toUsername.current){\n toUsername.current = setTimeout(() => setDelayUsername(), 2000)\n }else{\n clearTimeout(toUsername.current);\n toUsername.current = setTimeout(() => setDelayUsername(), 2000)\n }\n }\n \n\n const setDelayUsername = () => {\n setDelayUsernamePas(true)\n }\n\n const setDelayEmail = () => {\n setDelayEmailPas(true)\n }\n\n const confToEmail = async () => {\n await setDelayEmailPas(false);\n if(!toEmail.current){\n toEmail.current = setTimeout(() => setDelayEmail(), 2000)\n }else{\n await clearTimeout(toEmail.current);\n toEmail.current = setTimeout(() => setDelayEmail(), 2000)\n }\n }\n\n const validateUsername = async (pasIt = false) => {\n if(!pasIt){\n if(!delayUsernamePass){\n return;\n }\n }\n setDelayUsernamePas(false);\n const path = `/public/users_validation?username=${username}`;\n const result = await axios(baseUrl + path)\n .then((response) => response)\n .catch((error) => error);\n \n if(result.data && result.data.responseStatus == 'SUCCESS'){\n return true;\n }\n if(result.response.status == 400){\n setVUsername('error');\n setVmUsername('nama pengguna sudah terdaftar!');\n }\n }\n\n const validateEmail = async (pasIt = false) => {\n if(!pasIt){\n if(!delayEmailPass){\n return;\n }\n }\n setDelayEmailPas(false);\n const path = `/public/users_validation?email=${email}`;\n const result = await axios(baseUrl + path)\n .then((response) => response)\n .catch((error) => error);\n if(result.data && result.data.responseStatus == 'SUCCESS'){\n return true;\n }\n if(result.response.status == 400){\n setVEmail('error');\n setVmEmail('Email sudah terdaftar!');\n return false\n }\n }\n\n const checkLogoLSP = (path) => {\n let logoLSP = path;\n if(logoLSP.includes('https')){\n setLogoLSP(logoLSP);\n return;\n }\n \n if(logoLSP.includes('protected') ||logoLSP.includes('files') || logoLSP.includes('logo')){\n logoLSP = baseUrl+path;\n }\n if(logoLSP.length == 255){\n return;\n }\n setLogoLSP(logoLSP)\n }\n\n const checkLspCode = async (code) => {\n axios(`${baseUrl}/public/lsp/${code}`).then((response) => {\n setVUniqueCodee('success');\n setUCodeValid(true);\n const resDataLSP = response.data.data;\n if(resDataLSP){\n setLsp(resDataLSP.lsp_id)\n checkLogoLSP(resDataLSP.logo)\n }\n }).catch((err) => {\n if(err.response && err.response.data && err.response.data.error.message){\n if(err.response.data.error.code==404){\n // console.log('cek err', err.response.data.error.message)\n }\n }\n\n setVUniqueCodee('error');\n });\n }\n\n const handleLspCode = (value) => {\n setUCodeValid(false);\n setVUniqueCodee('error');\n if(value.length > 5){\n checkLspCode(value);\n }\n }\n\n const getReligion = async () => {\n axios(`${baseUrl}/public${path_religion}?limit=100`).then((response) => {\n setDataReligion(response.data.data);\n });\n }\n\n const getJobs = async () => {\n axios(`${baseUrl}/public/${path_jobs}?limit=100`).then((response) => {\n setDataJobs(response.data.data);\n });\n }\n\n const getLSP = async () => {\n axios(`${baseUrl}/public/lsp?limit=unlimited`).then((response) => {\n setDataLsp(response.data.data);\n });\n }\n\n const handleChangeUsername = (value) => {\n setUsername(value);\n if(!usernameReg.test(value)){\n setVUsername('error');\n setVmUsername('Tidak boleh menggunakan spasi');\n return;\n }\n\n setVUsername('success');\n setVmUsername('Silahkan masukan nama pengguna');\n }\n\n const handleChangeEmail = (value) => {\n setEmail(value);\n if(!emailReg.test(value)){\n setVEmail('error');\n setVmEmail('Email tidak valid');\n return;\n }\n setVEmail('success');\n setVmEmail('Silahkan masukan email');\n }\n\n const handleChangeNik = (value) => {\n setNik(value);\n setVNik('success');\n setVmNik('Silahkan masukan NIK');\n }\n\n const handleOkSignature = () => {\n setSignature(refPad.current.getTrimmedCanvas().toDataURL(\"image/png\"));\n setOpenSignature(false);\n setVSignature('success');\n }\n\n const handleUploadSignature = (upload) => {\n setSignature(upload.base64);\n setOpenSignature(false);\n setVSignature('success');\n };\n\n const handleBack = () => {\n localStorage.clear();\n window.location.replace(\"/login\");\n }\n\n const handleGetLspName = (lsp_id) => {\n if(!lsp_id){\n return '';\n }\n\n let index = dataLsp.findIndex((val) => val.lsp_id==lsp_id);\n\n if(index < 0){\n return '';\n }\n return dataLsp[index].lsp_name;\n }\n\n const toggleConfirm = () => {\n setOpenModalConfirm(!openModalConfirm);\n }\n\n const handleValidation = async () => {\n let messageConfirm = `Asesor di ${handleGetLspName(lsp)}`;\n\n if(loadingSubmit){\n setLoadingSubmit(false);\n return;\n }\n setLoadingSubmit(true);\n let error = false;\n\n const valEMail = await validateEmail(true);\n const valUsername = await validateUsername(true);\n\n if(!valEMail){\n error = true;\n }\n\n if(!valUsername){\n error = true;\n }\n\n if(!username || !usernameReg.test(username)){\n error = true;\n setVUsername('error');\n }\n\n if(!email || !emailReg.test(email)){\n error = true;\n setVEmail('error');\n }\n\n\n if(!firstName){\n setVFirstName('error');\n error = true;\n }\n\n if(!nik){\n setVNik('error');\n error = true;\n }\n\n // if(nik && nik.length < 16){\n // error = true;\n // setVmNik('Masukan nik yang valid');\n // setVNik('error');\n // }\n\n // if(nik && nik.length > 16){\n // error = true;\n // setVmNik('Masukan nik yang valid');\n // setVNik('error');\n // }\n\n if(!placeBirth){\n error = true;\n setVPlaceBirth('error');\n }\n\n if(!dateBirth){\n error = true;\n setVDateBirth('error');\n }\n\n if(!noRegistrasi){\n error = true;\n setVNoRegistrasi('error');\n }\n\n if(!gender){\n error = true;\n setVGender('error');\n }\n\n if(!signature){\n error = true;\n setVSignature('error');\n }\n\n if(!noTelp){\n error = true;\n setVNoTelp('error');\n }\n\n // if(!religion){\n // error = true;\n // setVReligion('error');\n // }\n\n if(!pendidikan){\n error = true;\n setVPendidikan('error');\n }\n\n if(!kelurahanId){\n error = true;\n setVKeluarahanId('error');\n }\n\n if(!jobs){\n error = true;\n setVJobs('error');\n }\n\n if(!lsp || !uCodeValid){\n error = true;\n setVLsp('error');\n setVUniqueCodee('error')\n }\n\n if(error){\n setLoadingSubmit(false);\n notification.error({\n placement:'bottomRight',\n message:'Gagal!',\n description:'Terdapat data kosong, silahkan cek kembali data anda!'\n });\n return;\n }\n setMessageConfirm(messageConfirm);\n setOpenModalConfirm(true);\n // handleSubmitData();\n }\n\n const handleSubmitData = async () => {\n if (loadingConfirm){\n return;\n }\n setLoadingConfirm(true);\n insertData(\"/public/users/accessors\", {\n username: username,\n email: email,\n first_name: firstName,\n last_name: lastName,\n nik: nik,\n place_of_birth: placeBirth,\n date_of_birth: dateBirth,\n gender_code: gender,\n signature: signature,\n contact: noTelp,\n religion: religion,\n kelurahan_id: kelurahanId,\n pendidikan_terakhir: pendidikan,\n jobs_code: jobs,\n ref_id: lsp,\n role_code: \"ACS\",\n registration_number: noRegistrasi,\n // unique_code: lsp,\n })\n .then((res) => {\n localStorage.setItem(\"email\", email);\n setLoadingSubmit(false);\n setLoadingConfirm(false);\n window.location.replace(\"/confirm\");\n return;\n })\n .catch((error) => {\n setLoadingSubmit(false);\n setLoadingConfirm(false);\n switch (error.data.error.code) {\n case 400:\n notification.error({\n placement:'bottomRight',\n message: 'Gagal!',\n description: error.data.error.message\n });\n break;\n\n case 409:\n notification.error({\n placement:'bottomRight',\n message: 'Gagal!',\n description: multiLanguage.alertAlready\n });\n break;\n\n default:\n notification.error({\n placement:'bottomRight',\n message: 'Gagal!',\n description: 'Terjadi kesalahan silahkan coba lagi!'\n });\n break;\n }\n });\n }\n\n return (\n \n setOpenSignature(false)}\n okText=\"Submit\"\n cancelText=\"Batal\"\n >\n \n
\n \n \n Tanda tangan ini akan digunakan di dalam dokumen asesmen.\n
\n
\n )}\n {!signature && (\n \n Tanda tangan ini akan digunakan di dalam dokumen asesmen.\n setOpenSignature(!openSignature)}\n >\n Ganti ?\n \n
\n \n
\n )}\n \n )}\n \n \n \n {\" Login Page\"}\n \n \n {\" Register\"}\n \n
\n \n );\n}\n\nexport default RegistrasiAsesor;","import React, { Component } from \"react\";\nimport { Tabs } from \"antd\";\nimport { Card, CardBody, Container, Row, Col } from \"reactstrap\";\n// import RegistrasiAsesor from \"./RegisterAsesor\";\n// import RegistrasiAsesi from \"./RegisterAsesi\";\nimport RegisterAsesi from \"./newRegisterAsesi\";\nimport RegistrasiAsesor from \"./newRegisterAsesor\";\nconst { TabPane } = Tabs;\nclass Register extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeTab: \"1\",\n tabs: \"\",\n };\n }\n\n render() {\n return (\n \n \n \n \n \n Asesi}\n key=\"1\"\n >\n Asesor}\n key=\"2\"\n >\n \n \n \n \n
\n
\n );\n }\n}\n\nexport default Register;\n","import { Spin } from 'antd';\nimport React, { useEffect } from 'react';\nimport { useHistory } from \"react-router-dom\";\n\nconst Logout = () => {\n let history = useHistory();\n \n const delay = (ms) => new Promise((res) => setTimeout(res, ms));\n\n const clearLocalStorage = async () => {\n localStorage.clear();\n document.cookie.split(\";\").forEach(function(c) { document.cookie = c.replace(/^ +/, \"\").replace(/=.*/, \"=;expires=\" + new Date().toUTCString() + \";path=/\"); });\n delay(1500);\n history.push(\"/login\");\n }\n\n\n useEffect(() => {\n clearLocalStorage();\n }, [])\n\n return(\n \n
\n )\n}\n\nexport default Logout;\n","export default __webpack_public_path__ + \"static/media/confirm.53f448ad.png\";","import React, { Component } from \"react\";\nimport { PostData } from \"../../services/PostData\";\nimport { Redirect, Link } from \"react-router-dom\";\nimport {\n Button,\n Card,\n CardBody,\n Col,\n Row,\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n} from \"reactstrap\";\nimport { Input, Modal as ModalAntd } from \"antd\";\n\nimport LoadingOverlay from \"react-loading-overlay\";\nimport axios from \"axios\";\nimport \"../../css/Login.css\";\nimport \"../../css/Button.css\";\nimport {\n Brand_LSP,\n baseUrl,\n path_forgotPass,\n} from \"../../components/config/config\";\n\nimport LogoConfirm from \"../../assets/img/brand/confirm.png\";\nimport \"antd/dist/antd.css\";\nimport moment from \"moment\";\n\nclass Confirm extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n message: \"\",\n hidden: true,\n modal: false,\n emailBody: \"\",\n logged_in: false,\n };\n }\n handleChange = (event) => {\n this.setState({ [event.target.name]: event.target.value });\n };\n btn_Login = () => {\n localStorage.clear();\n window.location.replace(\"/login\");\n };\n\n componentDidMount() {\n const dataLocalStorage = localStorage.getItem(\"email\");\n if(!dataLocalStorage) {\n ModalAntd.error({\n title: \"Error\",\n content: \"Silahkan login atau register terlebih dahulu!\",\n });\n this.setState({\n logged_in:true\n })\n }\n this.setState({\n emailBody: dataLocalStorage,\n });\n }\n\n componentWillUnmount() {}\n\n toggle = () => {\n let checkIfcanResend = this.checkIfcanResend();\n if(!checkIfcanResend) {\n ModalAntd.error({\n title: \"Gagal!\",\n content: `Anda dapat mengirim email kembali pada pukul ` + moment(localStorage.getItem(\"nextResend\")).format(\"HH:mm:ss\"),\n });\n return;\n }else{\n this.setNextResend();\n }\n ModalAntd.confirm({\n title: \"Konfirmasi\",\n content: \"Apakah anda yakin ingin mengirim ulang email?\",\n onOk: () => {\n this.submitResendPassword();\n }\n });\n };\n\n submitResendPassword = () => {\n var data = new FormData();\n data.append(\"email\", this.state.emailBody);\n const options = {\n method: \"POST\",\n url: baseUrl + path_forgotPass,\n data: data,\n };\n axios(options).then((response) => {\n ModalAntd.success({\n title: \"Berhasil\",\n content: \"Email berhasil dikirim kembali!\",\n })\n return response;\n });\n }\n\n checkIfcanResend = () => {\n let storageNextResend = localStorage.getItem(\"nextResend\");\n if(storageNextResend){\n let currentTime = moment();\n let nextResend = moment(storageNextResend);\n if(currentTime.isBefore(nextResend)){\n return false;\n }\n }\n return true;\n }\n\n setNextResend = () => {\n let currentTime = moment();\n localStorage.setItem(\"nextResend\", currentTime.add(5, 'minutes').format());\n }\n\n toggleNested = (event) => {\n event.preventDefault();\n this.setState({\n nestedModal: !this.state.nestedModal,\n closeAll: false,\n });\n\n var data = new FormData();\n data.append(\"email\", this.state.email);\n const options = {\n method: \"POST\",\n url: baseUrl + path_forgotPass,\n data: data,\n };\n axios(options).then((response) => {\n return response;\n });\n };\n\n toggleAll = () => {\n this.setState({\n nestedModal: !this.state.nestedModal,\n closeAll: true,\n });\n };\n\n render() {\n if (localStorage.getItem(\"logged_in\") || this.state.logged_in) {\n return \n \n \n Masukan Kembali Email Anda\n \n \n \n
\n
\n \n
\n \n Confirmation Message \n \n Your email has been send, Please Check Your email\n \n \n \n \n \n \n \n \n \n \n \n Pendaftaran Berhasil!\n \n \n
\n \n 
\n \n
\n \n
\n \n
\n \n \n Kirim Ulang\n \n \n
\n \n \n Login\n \n {/* */}\n \n
\n \n \n
\n \n
Cek Email Anda!
\n \n\n Kami akan mengirimkan tautan ke email Anda untuk\n mengubah kata sandi Anda. email Anda :\n
\n {this.state.email == null || this.state.email == \"\"\n ? this.state.emailBody\n : this.state.email}\n
\n \n \n\n {/* */}\n\n \n \n \n \n
\n );\n }\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport \"./scss/style.css\";\nimport App from \"./App\";\nimport \"./css/index.css\";\nimport \"./css/widget.css\";\nimport { createStore } from \"redux\";\nimport { Provider } from \"react-redux\";\nrequire(\"react-big-calendar/lib/css/react-big-calendar.css\");\n// import { createBrowserHistory } from \"history\";\n\n// Default State\nconst globalState = {\n isRead: 0,\n};\n\nconst rootReducer = (state = globalState, action) => {\n return state;\n};\nconst storeRedux = createStore(rootReducer);\n\nReactDOM.render(\n