{"version":3,"file":"static/js/171.fd202590.chunk.js","mappings":"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","sources":["component/alert/informationAlert.js","views/informasi/index.js","services/API/mod_informasi.js"],"sourcesContent":["import { Component } from \"react\";\r\nimport detailInformasi from './../../images/detail-informasi.png';\r\n\r\nexport default class extends Component {\r\n    render() {\r\n        \r\n        const {visible, customClass, dataInformation, onClick} = this.props;\r\n        if(!dataInformation) {\r\n            return null;\r\n        }\r\n        \r\n        function formatDate(val) {\r\n            var date = new Date(val)\r\n    \r\n            var day = date.getDate().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n            var month = date.getMonth().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n            var year = date.getFullYear().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n            var hours = date.getHours().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n            var minutes = date.getMinutes().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n            var ampm = (date.getHours() >= 12) ? 'PM' : 'AM'\r\n            \r\n            hours = (hours % 12 === 0) ? 12 : hours % 12\r\n            return `${ day }-${ month }-${ year } ${ hours }:${ minutes } ${ ampm }`\r\n        }\r\n\r\n        return (\r\n            <>\r\n                <div style={{position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, backgroundColor: 'rgba(0, 0, 0, .4)', zIndex: '11111', display: this.props.visible ? 'flex' : 'none', alignItems: \"center\", justifyContent: \"center\"}}>\r\n                    <div className={customClass}>\r\n                        <div className=\"card rounded-4\">\r\n                            <div className=\"card-body p-lg-5 p-md-5 p-3 popup-content\" style={{fontSize:'14px'}}>\r\n                                <button onClick={onClick} style={{background:'none', border:'none', marginLeft:'98%', fontSize:'20px'}}><i className=\"fa fa-close margin-close popup-button\"></i></button>\r\n                                <div className=\"text-center mb-4\">\r\n                                    <img src={ detailInformasi } className=\"image-information popup-img\" alt=\"Image\" style={{width:'20%'}}></img>\r\n                                </div>\r\n                                <p className=\"popup-title\" style={{marginBottom:'0'}}>INFO</p>\r\n                                <p className=\"popup-date\">{formatDate(dataInformation.createDate)}</p>\r\n                                <p className=\"popup-alert\" style={{marginBottom:'0'}}>{dataInformation.title}</p>\r\n                                <p className=\"popup-description\">{dataInformation.message}</p>\r\n                                <p className=\"popup-message d-md-block d-none\">{dataInformation.messageInformation}</p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","import React, {useState, useEffect} from 'react';\r\nimport InformationAlert from \"../../component/alert/informationAlert\";\r\nimport { Link } from 'react-router-dom';\r\nimport { getInformasiByUserid, updateIsRead } from '../../services/API/mod_informasi';\r\nimport LoadingAlert from '../../component/alert/loadingAlert';\r\n\r\nfunction Information(props) {\r\n    const [showPopup, setShowPopup] = useState(false)\r\n    const [selectedInformation, setSelectedInformation] = useState(null)\r\n    const [clickedCard, setClickedCard] = useState([])\r\n    const [dataInformation, setDataInformation] = useState([])\r\n    const [number, setNumber] = useState(10)\r\n    const [loading, setLoading] = useState(false)\r\n    const [defaultLoading, setDefaultLoading] = useState(props?.loading ?? true)\r\n\r\n    useEffect(() => {\r\n        init()\r\n    }, [number]);\r\n\r\n\r\n    const init = async () => {\r\n        setLoading(defaultLoading)\r\n        setDefaultLoading(true)\r\n        const res = await getInformasiByUserid(number)\r\n        setLoading(false)\r\n        if(res.status == 200) {\r\n            setDataInformation(res?.data?.Table ?? [])\r\n        }\r\n    }\r\n\r\n    const showPopupHandler = (value) => {\r\n        document.body.style.overflow = 'hidden';\r\n        setShowPopup(true) \r\n        setSelectedInformation(value)\r\n    }\r\n    \r\n    const hidePopupHandler = () => {\r\n        document.body.style.overflow = 'auto';\r\n        setShowPopup(false)\r\n        setSelectedInformation(null)\r\n    }\r\n    const formatDate = (val) => {\r\n        var date = new Date(val)\r\n\r\n        var day = date.getDate().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n        var month = date.getMonth().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n        var year = date.getFullYear().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n        var hours = date.getHours().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n        var minutes = date.getMinutes().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false })\r\n        var ampm = (date.getHours() >= 12) ? 'PM' : 'AM'\r\n        \r\n        hours = (hours % 12 === 0) ? 12 : hours % 12\r\n        return `${ day }-${ month }-${ year } ${ hours }:${ minutes } ${ ampm }`\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"responsive-bar\">\r\n                <div className=\"card-title mb-md-4 m-0 p-0\">\r\n                    <span className=\"title-icare title-fitur fw-bold py-1\" style={{borderBottom:'3px solid #014C90', fontSize:'18px'}}> Informasi </span>\r\n                    <Link className=\"text-white\" to=\"/settings\" style={{position:'absolute', top: 12, right: 20, fontSize:'26px', zIndex:'11111'}}><i className=\"fa fa-cog d-md-none\"></i></Link>\r\n                </div>\r\n            </div>\r\n            <div className=\"responsive-informasi\">\r\n                <div className=\"card border-0 shadow-lg px-3\">\r\n                    <div className=\"card-body\">\r\n                        <div className=\"row\">\r\n                            {\r\n                                dataInformation.map((value, key) => (\r\n                                    <div style={{cursor:'pointer'}} className={`card-information col-md-12 mb-4 ${value.isRead ? '' : 'info-card'}`} key={key} onClick={async () => { showPopupHandler(value); await updateIsRead(value.id.toString()); init()}}>\r\n                                        <div className=\"d-flex align-items-center mt-2 mb-2\">\r\n                                            <i className=\"fa fa-info-circle\" style={{fontSize:'18px'}}>\r\n                                                <span className=\"info mx-2\" style={{fontSize:'15px'}}>Info</span>\r\n                                            </i>\r\n                                            <i className=\"fa fa-circle align-items-center mx-2\" style={{fontSize:'12px'}}>\r\n                                                <span className=\"date mx-2\" style={{fontSize:'15px'}}>{formatDate(value.createDate)}</span>\r\n                                            </i>\r\n                                        </div>\r\n                                        <h6 style={{color:'black'}}>{value.title}</h6>\r\n                                        <p className=\"list-description\" style={{fontSize:'14px'}}>{value.message}</p>\r\n                                    </div>\r\n                                ))\r\n                            }\r\n                        \r\n                            <div className=\"button-informasi p-0 pb-lg-0 pb-3\">\r\n                                <button type=\"button\" className=\"btn btn-informasi btn-primary font-size-14px-mobile\" style={{width:'100%', height:'50px', backgroundColor:'#014C90', borderRadius:'15px'}} onClick={() => setNumber(number+10)}>Lihat lebih banyak...</button>\r\n                            </div>\r\n                        </div>\r\n                        <LoadingAlert visible={loading} customClass=\"col-md-2 col-8\" />\r\n                        <InformationAlert visible={showPopup} customClass={`col-9 ${showPopup ? 'information-popup' : ''}`} dataInformation={selectedInformation} onClick={hidePopupHandler} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default Information","import { appConfig } from \"../../config\";\r\nimport { jsonHeaderAuth, refreshAuthLogic } from \"../fetchTools\";\r\nimport axios from 'axios';\r\n\r\nexport const getInformasiByUserid = async (number) => {\r\n\r\n    try {\r\n        const res = await axios.get(`${appConfig.BASE_API}/notif/readbyRow/${localStorage.getItem('id')}/${number}`, jsonHeaderAuth())\r\n\r\n        return {status: res.status, data: res.data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const updateIsRead = async (id) => {\r\n\r\n    try {\r\n        const res = await axios.post(`${appConfig.BASE_API}/notif/updateread`, {id : id, isread: true}, jsonHeaderAuth())\r\n\r\n        return {status: res.status, data: res.data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}"],"names":["Component","render","visible","customClass","dataInformation","onClick","this","props","_jsx","_Fragment","children","style","position","top","left","right","bottom","backgroundColor","zIndex","display","alignItems","justifyContent","className","_jsxs","fontSize","background","border","marginLeft","src","detailInformasi","alt","width","marginBottom","val","date","Date","day","getDate","toLocaleString","minimumIntegerDigits","useGrouping","month","getMonth","year","getFullYear","hours","getHours","getMinutes","formatDate","createDate","title","message","messageInformation","_props$loading","showPopup","setShowPopup","useState","selectedInformation","setSelectedInformation","clickedCard","setClickedCard","setDataInformation","number","setNumber","loading","setLoading","defaultLoading","setDefaultLoading","useEffect","init","async","res","axios","get","appConfig","BASE_API","localStorage","getItem","jsonHeaderAuth","status","data","error","code","getInformasiByUserid","_res$data$Table","_res$data","Table","borderBottom","Link","to","map","value","key","cursor","isRead","document","body","overflow","showPopupHandler","post","id","isread","updateIsRead","toString","color","type","height","borderRadius","LoadingAlert","InformationAlert","hidePopupHandler"],"sourceRoot":""}