{"version":3,"file":"static/js/85.8bf02738.chunk.js","mappings":"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","sources":["component/alert/removeAlert.js","services/API/mod_member.js","views/daftar-anggota/index.js"],"sourcesContent":["import { Component } from \"react\";\r\n\r\nexport default class extends Component {\r\n    render() {\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={this.props.customClass}>\r\n                        <div className=\"card rounded-4\">\r\n                            <div className=\"card-body py-2 text-start\">\r\n                                <h5 className=\"mb-3\">{this.props?.titleMessage}</h5>\r\n                                <p className=\"mb-4 fw-normal font-size-14px-mobile\">{this.props.message}</p>\r\n                                <div className=\"text-end\">\r\n                                    <button className=\"btn btn-remove fw-bold rounded-4 font-size-14px-mobile\" style={{marginRight: '10px'}} onClick={this.props.onCancel}>BATAL</button>\r\n                                    <button className=\"btn btn-remove fw-bold rounded-4 font-size-14px-mobile\" onClick={this.props.onClick}>OK</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </>\r\n        )\r\n    }\r\n}","import axios from \"axios\"\r\nimport { appConfig } from \"../../config\";\r\nimport { jsonHeaderAuth, refreshAuthLogic } from \"../fetchTools\";\r\n\r\n\r\nexport const getAllDataMember = async () => {\r\n    try {\r\n        const {status, data} = await axios.get(`${appConfig.BASE_API}/member/getAll`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const createNewMember = async (req) => {\r\n    try {\r\n        const {status,data} = await axios.post(`${appConfig.BASE_API}/member/create`, req, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const getDataMemberById = async (id) => {\r\n    try {\r\n        const {status,data} = await axios.get(`${appConfig.BASE_API}/member/getId/${id}`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const updateMember = async (id, req) => {\r\n    try {\r\n        const {status,data} = await axios.post(`${appConfig.BASE_API}/member/update/${id}`, req, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}\r\n\r\nexport const deleteMember = async (id) => {\r\n    try {\r\n        const {status,data} = await axios.get(`${appConfig.BASE_API}/member/delete/${id}`, {\r\n            ...jsonHeaderAuth()\r\n        })\r\n\r\n        return{status,data}\r\n    } catch (error) {\r\n        return { status: error.code, message: error.message }\r\n    }\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Link, useNavigate, useParams } from \"react-router-dom\";\r\nimport RemoveAlert from \"../../component/alert/removeAlert\";\r\nimport ConfirmAlert from \"../../component/alert/confirmAlert\";\r\nimport LoadingAlert from \"../../component/alert/loadingAlert\";\r\nimport { NavDropdown } from \"react-bootstrap\";\r\nimport { deleteMember, getAllDataMember, createNewMember } from \"../../services/API/mod_member\";\r\n\r\nfunction DaftarAnggota() {\r\n    const { id } = useParams()\r\n    const navigate = useNavigate()\r\n    const [showPopup, setShowPopup] = useState(false)\r\n    const [showSuccessPopup, setShowSuccessPopup] = useState(false)\r\n    const [showErrorPopup, setShowErrorPopup] = useState(false)\r\n    const [showDeletePopup, setShowDeletePopup] = useState(false)\r\n    const [alertOption, setAlertOption] = useState({ title: '', message: '' })\r\n    const [loading, setLoading] = useState(false)\r\n    const [email, setEmail] = useState('')\r\n    const [errorEmail, setErrorEmail] = useState('')\r\n    const [deletedAnggota, setDeletedAnggota] = useState('')\r\n    const [searchActive, setSearchActive] = useState(false)\r\n    const [isActive, setIsActive] = useState(false)\r\n    const [dataMember, setDataMember] = useState([])\r\n    const [clickSearch, setClickSeacrh] = useState(false)\r\n    const [dataMemberDefault, setDataMemberDefault] = useState([])\r\n    const [showMoreMember, setShowMoreMember] = useState(true)\r\n    const [itemsMember, setItemsMember] = useState(10)\r\n    const [isFormValid, setIsFormValid] = useState(false)\r\n    useEffect(() => {\r\n        init()\r\n\r\n    }, []);\r\n    const emailText = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\r\n    async function init() {\r\n        setLoading(true)\r\n        const res = await getAllDataMember()\r\n        setLoading(false)\r\n        if (res.status == 200) {\r\n\r\n            //res.data.Table = undefined\r\n\r\n            if (res.data.Table != undefined)\r\n            {\r\n                setDataMember(res.data.Table)\r\n                setDataMemberDefault(res.data.Table)\r\n                // console.log(res.data);\r\n                if(res.data.Table.length < itemsMember) {\r\n                    setShowMoreMember(false)\r\n                } else {\r\n                    setShowMoreMember(true)\r\n                }\r\n            }\r\n            else\r\n            {\r\n                setShowMoreMember(false)\r\n            }\r\n        }\r\n    }\r\n\r\n    const handleEmail = (e) => {\r\n\r\n        const value = e.target.value\r\n        setEmail(value)\r\n        if(value === \"\") {            \r\n            setErrorEmail(\"Silahkan isi email\")\r\n        } else  {            \r\n            setErrorEmail('')\r\n        }\r\n    }\r\n\r\n    const handlePopup = () => {\r\n        setShowSuccessPopup(false)\r\n        setShowErrorPopup(false)\r\n        document.getElementById('keyword').value = '';\r\n    }\r\n\r\n    const handleDeletedAnggota = (id, email) => {\r\n        setShowDeletePopup(true)\r\n        setDeletedAnggota(id)\r\n        setAlertOption({ title: 'Konfirmasi', message: `Hapus Anggota : ${email}`, redirect: false })\r\n    }\r\n\r\n    const handleCancelDelete = () => {\r\n        setShowDeletePopup(false)\r\n        setShowSuccessPopup(false)\r\n    }\r\n\r\n    const handleConfirmDelete = async () => {\r\n        setShowDeletePopup(false)\r\n        setLoading(true)\r\n        const res = await deleteMember(deletedAnggota)\r\n        setLoading(false)\r\n        if (res.status == 200) {\r\n            setDeletedAnggota('')\r\n            setShowSuccessPopup(true)\r\n            setAlertOption({ title: 'Berhasil', message: 'Anggota berhasil dihapus', redirect: false })\r\n            init()\r\n        }\r\n    }\r\n\r\n    const handleNavClick = (nav) => {\r\n        setIsActive(false)\r\n\r\n        if (nav === \"active\") {\r\n            setIsActive(true)\r\n        }\r\n    }\r\n\r\n    const handleSearchActive = () => {\r\n        setSearchActive(false)\r\n        setClickSeacrh(false)\r\n    }\r\n\r\n    const handleSearch = (e) => {\r\n        if(e.target.value != '') {\r\n            var filterData = dataMemberDefault.filter(val => (val.emailaddress.toLowerCase().includes(e.target.value.toLowerCase())))\r\n            setDataMember(filterData)\r\n\r\n            if (filterData.length < itemsMember) {\r\n                setShowMoreMember(false)\r\n            } else {\r\n                setShowMoreMember(true)\r\n            }\r\n        } else {\r\n            setDataMember(dataMemberDefault)\r\n\r\n            if (dataMemberDefault.length > itemsMember) {\r\n                setShowMoreMember(true)\r\n            } else {\r\n                setShowMoreMember(false)\r\n            }\r\n        }\r\n    }\r\n\r\n    const handleResetSearch = () => {\r\n        setDataMember(dataMemberDefault)\r\n\r\n        if (dataMemberDefault.length > itemsMember) {\r\n            setShowMoreMember(true)\r\n        } else {\r\n            setShowMoreMember(false)\r\n        }\r\n    }\r\n\r\n    const handleShowMoreMember = () => {\r\n        const showItems = 5\r\n        const newItemsMember = itemsMember + showItems\r\n\r\n        setItemsMember(newItemsMember)\r\n\r\n        if (newItemsMember >= dataMember.length) {\r\n            setShowMoreMember(false)\r\n        }\r\n    }\r\n    const submit = async (e) => {\r\n        e.preventDefault()\r\n        let isValid = true\r\n\r\n        if(email === \"\" || !emailText.test(email)) {\r\n            if(!emailText.test(email)) {\r\n                setErrorEmail(\"Format email tidak valid\")\r\n            } else {\r\n                setErrorEmail(\"Silahkan isi email\")\r\n            }\r\n            isValid = false\r\n        } else {\r\n            setErrorEmail('')\r\n        }\r\n\r\n        if(!email.match(/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/)) {\r\n            setErrorEmail(\"Format email tidak valid\")\r\n            isValid = false\r\n        }\r\n        setIsFormValid(isValid)\r\n\r\n        if(isValid) {\r\n\r\n            \r\n            setLoading(true)\r\n            const res = await createNewMember({emailaddress: email})\r\n            setLoading(false)\r\n            if(res.status == 200 && res.data.includes('Success insert new member')) {\r\n                setShowSuccessPopup(true)\r\n                setAlertOption({title:'', message:'Berhasil tambah anggota', redirect: false})\r\n                setEmail('')\r\n                init()\r\n            } else {\r\n                setShowSuccessPopup(true)\r\n                setAlertOption({title:'Error', message:res.data, redirect: false})\r\n                \r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div className=\"responsive-bar d-md-flex\">\r\n                <div className=\"col-md-8 col-8 mb-md-5\">\r\n                    <div className=\"row\">\r\n                        {\r\n                            searchActive ? (\r\n                                <div className=\"d-flex align-items-center\">\r\n                                    <span className=\"nav-link d-inline d-md-none me-3\" onClick={handleSearchActive}>\r\n                                        <i className=\"fa fa-arrow-left color-arrow-left\"></i>\r\n                                    </span>\r\n                                    <form style={{display: 'contents'}} onSubmit={(e) => e.preventDefault()}>\r\n                                        <input onKeyUp={handleSearch} onClick={() => setClickSeacrh(true)} id=\"keyword\" type=\"text\" className=\"form-control search-riwayat d-md-none d-inline\" placeholder=\"Telusuri...\" style={{position:'absolute', right:65}}/>\r\n                                        <button className=\"d-md-none d-inline\" type=\"reset\" style={{background:'none', cursor:'pointer', border:0, right:35, position:'absolute'}} onClick={handleResetSearch}>\r\n                                            <i className=\"fa fa-close\" style={{color: clickSearch === true ? '#fff' : 'transparent'}}></i>\r\n                                        </button>\r\n                                    </form>\r\n                                    {/* <input onKeyUp=\"\" type=\"text\" className=\"form-control search-riwayat\" placeholder=\"Telusuri...\" style={{position: 'absolute', right: 35}} /> */}\r\n                                    <NavDropdown className={`custom-dropdown text-white ${isActive ? 'active-link' : ''}`} onClick={() => handleNavClick('active')} id=\"nav-dropdown\" title={<i className=\"fa fa-ellipsis-v d-md-none nav-app\" style={{fontSize: '20px'}}></i>} style={{position: 'absolute', right: 20, zIndex: '1111'}}>\r\n                                        <NavDropdown.Item href=\"/tambah_anggota\">\r\n                                            <div className=\"item-drop d-felx align-items-center\">\r\n                                                <div className=\"col-9\">\r\n                                                    <span className=\"text-decoration-none nav-app\" style={{ color: '#000' }}>Tambah Anggota</span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </NavDropdown.Item>\r\n                                    </NavDropdown>\r\n                                </div>\r\n                            ) : (\r\n                                <>\r\n                                    <div className=\"col-md-12 col-8\">\r\n                                        <h4 className=\"title-icare title-fitur m-0 p-0 fw-bold\" style={{ fontSize: '18px' }}>\r\n                                            <Link className=\"nav-link d-inline d-md-none me-3\" to=\"/dashboard\">\r\n                                                <i className=\"fa fa-arrow-left color-arrow-left\"></i>\r\n                                            </Link>\r\n                                            <span className=\"title-bold\" style={{ borderBottom: '3px solid #014C90' }}>Berbagi History</span>\r\n                                        </h4>\r\n                                    </div>\r\n                                    <div className=\"col-2 d-md-none d-block text-end\">\r\n                                        <span>\r\n                                            <i className=\"fa fa-search text-white\" onClick={() => setSearchActive(true)} style={{ fontSize: '20px' }}></i>\r\n                                        </span>\r\n                                    </div>\r\n\r\n                                </>\r\n                            )\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div className=\"d-md-flex d-none col-md-4 col-4\">\r\n                    <div className=\"col-sm-12\">\r\n                        <form className=\"d-flex\" style={{width:'100%'}} onSubmit={(e) => e.preventDefault()}>\r\n                            <span className=\"my-auto\" style={{color:'#014C90'}}>\r\n                                <i className=\"fa fa-search fa-fw\"></i>\r\n                            </span>\r\n                            <input type=\"text\" onKeyUp={handleSearch} id=\"keyword\" className=\"form-control me-2 border-0 border-only-bottom\" style={{fontSize:'12px', marginLeft:'5px', color:'black'}} />\r\n                            <button style={{margin:'auto', cursor:'pointer', border:'0', background:'none'}} type=\"reset\" onClick={handleResetSearch}>\r\n                                <i className=\"fa fa-close\"></i>\r\n                            </button>\r\n                        </form>\r\n                    </div>\r\n                    \r\n                </div>\r\n            </div>\r\n            \r\n            <div className=\"\">\r\n                <div className=\"card shadow border-0 px-lg-4 px-md-4 responsive-member rounded-4\">\r\n                    <div className=\"p-md-2 ps-4 mb-3\" >\r\n                        <div style={{fontSize: '14px'}}>\r\n                            <div className=\"py-1\">\r\n                                <label className=\"fw-bold font-size-12px-mobile\">Email</label>\r\n                            </div>\r\n                    <div className=\"table-responsive d-flex px-1 pb-md-2 pb-1 mt-1\" style={{fontSize:'14px'}}>\r\n                        <div className=\"pe-2\">\r\n                            <input type=\"text\" id=\"emailaddress\" className=\"form-control me-2 border-0 border-only-bottom\" style={{fontSize:'12px',width:'190px', marginLeft:'5px', color:'black'}}  onChange={handleEmail} value={email} />                          \r\n                            <span className={`text-danger small ${errorEmail === \"\" ? \"d-none\" : \"\"}`} style={{fontSize:'12px'}}>{errorEmail}</span>\r\n                        </div>\r\n                        <div className=\"\">\r\n                          \r\n                            <button className=\"btn btn-login\"  onClick={submit} style={{padding:'8px 20px', fontSize:'14px'}}>\r\n                                <i className=\"fa fa-plus\" style={{marginRight:'5px'}}></i>\r\n                                Tambah\r\n                            </button>\r\n                        \r\n                        </div>\r\n                    </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"card-body\" >\r\n                    \r\n                        <div className=\"row px-lg-0 px-md-0 px-2\">\r\n                            {\r\n                                dataMember.slice(0, itemsMember).map((val,key) => (\r\n                                    <div className=\"card-anggota d-flex mb-lg-2 mb-2\" key={key} style={{borderRadius:'10px', boxShadow:'1px 1px 2px 2px #bfbfbf'}}>\r\n                                        <div className=\"col-lg-8 col-7 px-2 pt-0 font-size-11px-mobile my-2\" style={{fontSize:'13px', fontWeight:'bold'}}>                                            \r\n                                            <div className=\"mb-1\">{val.emailaddress}</div>                                            \r\n                                        </div>\r\n                                        <div className=\"col-lg-4 col-5 d-lg-flex d-flex responsive-anggota mb-lg-2 mb-md-2 mb-0 py-lg-2 py-md-2 py-1 text-center\">                                            \r\n                                            <div className=\"w-100 text-center\">\r\n                                                <button className=\"title-icare fw-bold font-size-12px-mobile\" style={{background:'none', border:'none'}} onClick={() => handleDeletedAnggota(val.id, val.emailaddress)}>Hapus</button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                ))\r\n                            }\r\n                            {\r\n                                showMoreMember && (\r\n                                    <div className=\"p-0 mt-3\">\r\n                                        <button className=\"btn btn-primary font-size-14px-mobile\" type=\"button\" style={{width:'100%', height:'50px', background:'#014C90', borderRadius:'15px'}} onClick={handleShowMoreMember}>Lihat lebih banyak...</button>\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        </div>\r\n                    </div>\r\n                    <LoadingAlert visible={loading} customClass=\"col-md-2 col-8\" />\r\n                    {showDeletePopup && (\r\n                        <RemoveAlert visible={showDeletePopup} message={alertOption.message} customClass=\"col-md-3 col-9\" onCancel={handleCancelDelete} onClick={() => {handleConfirmDelete()}}/>\r\n                        )}\r\n                    {showSuccessPopup && (\r\n                        <ConfirmAlert visible={showSuccessPopup} message={alertOption.message} customClass=\"col-md-3 col-9\" onClick={handlePopup}></ConfirmAlert>\r\n                        )}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport default DaftarAnggota"],"names":["Component","render","_this$props","_jsx","_Fragment","children","style","position","top","left","right","bottom","backgroundColor","zIndex","display","this","props","visible","alignItems","justifyContent","className","customClass","_jsxs","titleMessage","message","marginRight","onClick","onCancel","getAllDataMember","async","status","data","axios","get","appConfig","BASE_API","jsonHeaderAuth","error","code","createNewMember","post","req","getDataMemberById","id","updateMember","deleteMember","useParams","showPopup","setShowPopup","useNavigate","useState","showSuccessPopup","setShowSuccessPopup","showErrorPopup","setShowErrorPopup","showDeletePopup","setShowDeletePopup","alertOption","setAlertOption","title","loading","setLoading","email","setEmail","errorEmail","setErrorEmail","deletedAnggota","setDeletedAnggota","searchActive","setSearchActive","isActive","setIsActive","dataMember","setDataMember","clickSearch","setClickSeacrh","dataMemberDefault","setDataMemberDefault","showMoreMember","setShowMoreMember","itemsMember","setItemsMember","isFormValid","setIsFormValid","useEffect","init","emailText","res","undefined","Table","length","handleSearch","e","target","value","filterData","filter","val","emailaddress","toLowerCase","includes","handleResetSearch","handleSearchActive","onSubmit","preventDefault","onKeyUp","type","placeholder","background","cursor","border","color","NavDropdown","handleNavClick","nav","fontSize","Item","href","Link","to","borderBottom","width","marginLeft","margin","onChange","isValid","test","match","redirect","padding","slice","map","key","borderRadius","boxShadow","fontWeight","handleDeletedAnggota","height","handleShowMoreMember","newItemsMember","LoadingAlert","RemoveAlert","handleCancelDelete","handleConfirmDelete","ConfirmAlert","handlePopup","document","getElementById"],"sourceRoot":""}