{"version":3,"sources":["kml/Subbasin25.kml","services/authenServices.js","introPage/IntroPage.js","googleMap/Gmap.js","home/OptionBox.js","contextApi/StateProvider.js","login/Login.js","navbar/NavBar.js","Helper/CookieHepler.js","componentreuse/SelectSearch.js","Helper/ConvertBase64.js","home/StationInfoBox.js","Helper/CounterWeb.js","footer/home/Footer_Home.js","home/MapRatio.js","home/Home.js","componentreuse/DwrLayout.js","componentreuse/TablePagination.js","news/NewsTable.js","componentreuse/DwrDatePicker.js","news/NewsImageModal.js","news/NewsDetail.js","Helper/ReadQueryUrl.js","news/News.js","contactus/ContactUs.js","sidenavbar/SideNavBar.js","aboutus/AboutUs.js","Helper/ValidateEmail.js","admin/myAccount/MyAccount.js","admin/requestDataHistory/component/StatusRequestData.js","admin/requestDataHistory/component/TableListHistory.js","admin/requestDataHistory/RequestDataHistory.js","admin/requestDataHistory/component/TableRequestData.js","admin/requestDataHistory/component/TableRefDoc.js","admin/requestDataHistory/component/ModalAddDoc.js","admin/requestDataHistory/component/RejectModel.js","admin/requestDataHistory/RequestDataHistoryDetial.js","admin/Admin.js","stationdetail/component/SelectYear.js","Helper/JwtDecode.js","infoservice/ModalSelType.js","infoservice/InfoServiceMain.js","forgorPassword/ForgotPassword.js","register/Register.js","stationdetail/component/StationDetails.js","stationdetail/component/LocationDetails.js","stationdetail/component/TableLocationDetails.js","stationdetail/component/ServicePrice.js","stationdetail/component/ServiceSelect.js","stationdetail/StationDetail.js","services_request/Services_Request.js","infoPublish/component/TableFileData.js","infoPublish/InfoPublish.js","link/Link.js","siteMap/SiteMap.js","organization/Organization.js","news/ActivityTable.js","news/ActivityImageModal.js","news/ActivityDetail.js","news/interestingtopic/InterestingTopic.js","news/interestingtopic/InterestingTopicDetail.js","information/Information.js","App.js","serviceWorker.js","i18n.js","index.js"],"names":["module","exports","authenServices","state","getAccessToken","bind","fetchWithToken","username","password","axiosConfig","timeout","headers","requestData","client_id","process","client_secret","grant_type","scope","axios","post","identityurl","qs","stringify","result","this","setToken","data","access_token","console","log","url","options","getToken","resultToken","method","token","isTokenExpired","swal","text","icon","logout","window","location","href","responseType","params","paramsSerializer","arrayFormat","localStorage","getItem","idToken","setItem","decoded","decode","e","Date","now","exp","removeItem","response","status","Component","auth","AuthenServices","IntroPage","useState","setLoading","setData","useEffect","onGetData","then","res","catch","error","activeIndex","setActiveIndex","animating","setAnimating","next","nextIndex","length","previous","slides","map","item","index","CarouselItem","onExiting","onExited","key","slideShowId","className","imageUrl","isValidHttpUrl","target","style","objectFit","maxHeight","width","src","slideShowImageString","alt","imageName","err","str","RegExp","test","protocol","Row","margin","padding","Col","xl","lg","md","sm","xs","maxWidth","height","position","left","top","color","display","marginTop","textAlign","Carousel","interval","CarouselControl","direction","directionText","onClickHandler","to","Button","backgroundColor","myParser3","riverMain","riverSubmain","myParserMainBasin25","myParserMainBasin22","myParserSubBasin22","script","containerStyle","React","memo","props","lat","lng","center","setCenter","setZoom","setMap","loaded","setLoaded","_isMounted","useRef","mainBasin25Load","setMainBasin25Load","riverMainLoad","setRiverMainLoad","riverSubLoad","setRiverSubLoad","mainBasin22Load","setMainBasin22Load","subBasinLoad","setSubBasinLoad","loading","onLoad","useCallback","document","createElement","setAttribute","body","appendChild","addEventListener","navigator","geolocation","getCurrentPosition","coords","latitude","longitude","geoXML3","parser","zoom","parseFileMap25","setTimeout","RiverMain25BS_polyline","Promise","all","file","a","parse","afterParse","closeSubBasin","subbasinkml","current","hideDocument","docs","removeEventListener","getElementById","remove","optionCheckbox","cbMainBasin25","mapMainBasin25","mapriverMain","mapriverSub","mapMainBasin22","mapSubBasin22","cbMainRiver","cbSubRiver","cbMainBasin22","cbSubBasin22","showDocument","parseFileMapRiverSub","parseFileMap22","processStyles","parseFileMapsub22","mainBasin25Path","riverSubPath","mainBasin22Path","mainSubBasin22Path","cbSubBasin25","searchedMarkerIcon","isSearchingMarker","isSearching","clickMarkerData","isGhDcSdSurvey","isGhDcSurvey","isGhSurvey","isWqSurvey","isMeteoSurvey","isRainSurvey","isAutoGhSurvey","isAutoMeteoSurvey","onClick","toggleInfoBox","searchSelected","stationId","latitudeDd","longitudeDd","onCloseClick","closeInfoBox","stationLabel","zIndex","spinning","Fragment","googleMapsApiKey","mapContainerStyle","fullscreenControlOptions","mapTypeControl","mapRation","markers","cbGageHeight","cbGageHeightVolume","cbGageHeightVolumeSedi","cbWaterQuality","cbRain","cbMeteo","cbAutoGageHeight","cbAutoMeteo","OptionBox","isTabletOrMobileDevice","useMediaQuery","query","isOpen","setIsOpen","activeTab","setActiveTab","t","useTranslation","toggleTab","tab","tabChange","marginLeft","float","cursor","marginRight","Collapse","clear","Card","borderRadius","CardBody","paddingRight","FormGroup","check","Label","Input","onChange","checkboxOnChange","name","checked","type","paddingLeft","Nav","tabs","border","NavItem","NavLink","fontWeight","TabContent","TabPane","tabId","bottom","createContext","REACT_APP_DWR_IdentityFacebook","Login","history","useHistory","setUserName","setPassword","LoginUser","closeLoginModal","reload","enterPressed","event","keyCode","which","Modal","loginModal","size","toggle","toggleLoginModal","centered","ModalHeader","ModalBody","Form","onSubmit","preventDefault","placeholder","value","onKeyPress","block","push","FB","login","authResponse","outline","disabled","textDecoration","NavBar","topNavBar","setTopNavBar","setloginModal","i18n","popoverVisible","setPopoverVisible","facebookConnect","isDesktopOrLaptop","toggleTopNavBar","LogoutFacebook","cookies","cookie","split","i","eqPos","indexOf","substr","deleteAllCookies","changeLanguage","lang","language","Navbar","expand","whiteSpace","navbar","loggedIn","marginBottom","activeClassName","tag","RRNavLink","exact","placement","title","includes","visible","content","trigger","right","id","SelectSearch","styles","valueContainer","base","se","control","borderColor","menuPlacement","menuPortalTarget","defaultValue","label","classNamePrefix","isDisabled","isSearchable","isClearable","noOptionsMessage","handleDropdownChange","setFunction","nameId","ver","ph","components","ValueContainer","children","name2","selectOption","isMulti","encodedString","btoa","decodedString","atob","changePageToStationDetail","selectedId","urlString","showInfoBox","clickMarkerDataLoading","justifyContent","flexDirection","flex","overflowX","stationTh","stationEn","basin","basinTh","basinEn","hydroData","dailyGageHeight","toFixed","dailyGageHeightDate","moment","format","dailyDischarge","dailyDischargeDate","dailySediment","dailySedimentDate","waterQualityPh","dailyWaterQualityDate","meteoData","rain","rainDate","eva","evaDate","waterTemp","waterTempDate","weatherTemp","weatherTempDate","maxWeatherTemp","maxWeatherTempDate","minWeatherTemp","minWeatherTempDate","humidity","humidityDate","wind","windDate","sun","sunDate","solar","solarDate","pathImg","CounterWeb","number","places","numberFormat","String","padStart","sNumber","imgEm","img","gennaratNumber","popupPolicy","sessionStorage","Footer_Home","popupModel","setPopupModel","Provider","Option","Select","MapRatio","Home","setOptionCheckbox","setMarkers","marker","clickData","setClickData","list","selected","search","setSearch","setNumber","getStationMarkers","gh","ghdc","ghdcsd","wq","meteo","autogh","autometeo","stationid","onChangeMapRation","stationDropdown","countWeb","setMapRation","opacity","prev","persist","DwrLayout","backBtn","handlePage","TablePagination","totalPage","activePage","currentPage","itemsCountPerPage","totalItemsCount","totalItems","pageRangeDisplayed","handlePagination","itemClass","linkClass","prevPageText","nextPageText","firstPageText","lastPageText","hideDisabled","noimg","NewsTable","stationList","setStationList","totalPages","pageNumber","pageSize","page","setPage","tableNewsType","items","paging","imageAttachfile","newsID","newsTitle","minHeight","borderTopLeftRadius","borderTopRightRadius","onError","overflow","fontSize","wordBreak","intTopicDetail","newsStartDate","pagenum","totalpage","registerLocale","th","NewsImageModal","newsImageModal","remarkid","remarkComment","undefined","publish","WebBoardImageByte","toggleModal","setNewsImageModal","click","borderBottom","paddingBottom","row","backgroundSize","justify","NewsDetail","news","setNews","photoIndex","lightBox","setLightBox","newsImageData","setNewsImageData","idx","remarkDesc","images","setImages","editNewsId","forEach","x","convertBase64ToFile","image","byteString","ab","ArrayBuffer","ia","Uint8Array","charCodeAt","Blob","editNewsName","fileAttach","pathname","_IsSuccessResponse","ext","lastIndexOf","URL","createObjectURL","link","newsDetail","flexWrap","mainSrc","nextSrc","prevSrc","onCloseRequest","onMovePrevRequest","onMoveNextRequest","getParameterByName","replace","regex","results","exec","decodeURIComponent","News","newsId","newsName","newsPage","setNewsPage","currentTab","setCurrentTab","_name","stdname","menuId","handleChangeTab","currentTarget","getAttribute","Jumbotron","fluid","Container","ContactUs","frameborder","scrolling","marginheight","marginwidth","SideNavBar","currentpath","AboutUs","ValidateEmail","mail","TextArea","MyAccount","datenow","prename","setPrename","province","setProvince","district","setDistrict","subDistrict","setSubDistrict","firstName","lastName","passwordConf","idCard","email","tel","address","zipCode","organization","member","setMember","onPrename","getProvince","onGetProgile","_resp_data","provinceId","getDistrictByProvinceId","districtId","getSubDistrictByDistrictId","preNameId","toString","userName","idcardNo","subDistrictId","postcode","p","onSelectDropDown","inputStyle","inputStyle2","inputStyleฺBackGroundBlue","background","gutter","showSearch","filterOption","input","option","toLowerCase","preNameValue","Password","substring","iconRender","rows","provinceTh","districtTh","subDistrictTh","json","JSON","styleDot","elmStatus","dot","styleSpan","TableListHistory","dataSource","onViewDetail","setPagesCount","total","columns","dataIndex","align","render","filter","f","requestDataId","bordered","pagination","RequestDataHistory","Math","ceil","back","TableRequestData","dataTypeId","yearbookTypeId","isDaily","isMonthly","dataSelectionList","footer","currentPageData","fee","convertNumber","TableRefDoc","fileUpload","onRemoveFile","getFileDoc","files","setFiles","filesDoc","documentName","discription","ModalAddDoc","isModalVisible","handleOk","handleCancel","onUploadDoc","setFileUpload","fileDocs","setFileDocs","filename","setFilename","fileDesc","setFileDesc","onOk","pop","onCancel","okText","cancelText","handleFileUploadChangeFile","accept","autoSize","minRows","maxRows","CancelModel","setIsModalVisible","itemId","setDescription","onReject","RequestDataHistoryDetial","isModalVisibleReject","setIsModalVisibleReject","setItemid","reason","setReason","surveType","setSurveType","getDataType","setGetDataType","description","onDeleteDoc","_fileUpload","findIndex","splice","onChangeStatusRequest","bodyHtml","subject","convertToPlain","html","tempDivElement","innerHTML","textContent","innerText","formData","FormData","append","statusRequestId","fileObject","requestUserType","action","headStyle","Group","maxLength","bodyStyle","paddingTop","extra","dangerMode","buttons","ok","cancel","onDelete","Admin","path","from","match","component","SelectYear","years","getFullYear","year","parseJwt","base64","jsonPayload","c","slice","join","ModalSelType","stnTypeData","setviceSelect","onSelectService","stationall","StationCode","stylemdR8","styleTextRight","screen","stylemdB8","typeoption","dataTypeTh","dataTypeEn","radioBtn","textOverflow","onSaveToDB","request","serviceType","stationType","buttonStyle","yearStart","yearEnd","newdataselection","sid","getstationid","yearbookTypeTh","userid","req","InfoServiceMain","stationSearch","setStationSearch","setBasin","villageSearch","setVillageSearch","stationTypeData","setStationTypeData","setStationAll","stationSearchedList","setStationSearchedList","setServiceSelect","districtOption","districtEn","subDistrictOption","subDistrictEn","stationServiceSession","basinOption","basinId","provinceOption","showModal","getallstation","getDatatype","offset","Table","responsive","subBasin","basinTH","basinEN","provinceTH","provinceEN","districtTH","districtEN","subDistrictTH","subDistrictEN","village","nearbyPlace","latitudeDms","longitudeDms","stationData","sd","dataTypeTH","dataTypeEN","startYear","endYear","SelStationList","indexToRemove","handleCheckBoxChange","ForgotPassword","setEmail","Register","verify","SetVerify","code","URLSearchParams","get","onVerify","closeOnClickOutside","close","UserName","IdcardNo","Email","Tel","Organization","Position","Url","origin","StationDetails","LocationDetails","replaceAll","convertLocation","gage","gageDatum","recordAvailable","drainageArea","parts","numberWithCommas","TableLocationDetails","stationState","setDataSource","period","gageHeightPeriod","maximum","gageHeightMaximum","minimum","gageHeightMinimum","average","gageHeightAverage","dischargePeriod","dischargeMaximum","dischargeMinimum","dischargeAverage","sedimentPeriod","sedimentMaximum","sedimentMinimum","sedimentAverage","precipitationPeriod","precipitationMaximum","precipitationMinimum","precipitationAverage","evaporationPeriod","evaporationMaximum","evaporationMinimum","evaporationAverage","ServicePrice","dataSource1","dataSource2","columns1","dataSource3","columns2","ServiceSelect","dataType","setcheckboox","StationDetail","setStationId","setStationData","webSetting","setWebSetting","getIdParameter","getWebSettingValue","queryString","getStationById","onSave","value1","webSettingId","webSettingValue","value2","Services_Request","requestReasonTextArea","setRequestReasonTextArea","textTypeRadio","setTextTypeRadio","receiveMethodRadio","setReceiveMethodRadio","dataSelection","setDataSelection","show","editModal","setEditModal","survey","setSurvey","documentFile","documentModal","setDocumentModal","fileList","setFileList","setRequestDataId","showPic","setShowPic","getData","dataSelectedSession","requestDataChoice_Reason_Session","dataSelectionInSession","res2","getDataSelection","formattedArray","station","dataTypeID","dataSelectionId","getTransectionStatus","changePage","handleRadioChange","deleteId","filtered","docName","transectionStatusId","transectionId","handleDownload","jsondata","serveType","message","wrapper","cssText","onclick","open","toggleEditModal","toggleDocumentModal","EditServiceRequest","newDataSelection","isAfter","dataselectionId","local","AttachedDocumentModal","documentData","setDocumentData","handleDocChange","handleFileUpload","trim","TableFileData","onDownloadFile","fileName","updateDate","rowKey","onRow","record","rowIndex","fileId","fileDownloadName","InfoPublish","setCurrentPage","Link","_item","weblinkImageByte","webLinkId","webLinkUrl","SiteMap","sitemap","cindex","textIndent","ActivityTable","intTopicID","intTopicTitle","intTopicStartDate","ActivityImageModal","intTopicVideo","controls","intTopicSound","InterestingTopic","topicData","setTopicData","InterestingTopicDetail","topicId","Information","onGetData_infoPublish","App","parameter","unescape","cookieArr","cookiePair","getCookie","InfoService","infoPublish","Boolean","hostname","use","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","interpolation","escapeValue","backend","loadPath","ReactDOM","fallback","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.49168bbf.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/Subbasin25.ce120cb7.kml\";","import React, { Component } from 'react'\r\nimport decode from 'jwt-decode'\r\nimport axios from 'axios'\r\nimport swal from 'sweetalert'\r\nimport qs from 'qs'\r\n\r\nconst identityurl = process.env.REACT_APP_DWR_IdentityServer\r\nconst clientId = process.env.REACT_APP_DWR_CLIENT_ID\r\nconst clientSecret = process.env.REACT_APP_DWR_CLIENT_SECRET\r\nconst scope = process.env.REACT_APP_DWR_SCOPE\r\n\r\nexport default class authenServices extends Component {\r\n    constructor() {\r\n        super()\r\n        this.state = {}\r\n\r\n        this.getAccessToken = this.getAccessToken.bind(this)\r\n        this.fetchWithToken = this.fetchWithToken.bind(this)\r\n    }\r\n\r\n    async getAccessToken(username, password) {             // fetch เพื่อเอา Token แล้ว call SetToken เพื่อ เก็บ Token ไว้ใน Local Storage \r\n        //const webApiurl = process.env.REACT_APP_DWR_API;\r\n\r\n\r\n        const axiosConfig = {\r\n            //baseURL: webApiurl,\r\n            timeout: 30000,\r\n            headers: {\r\n                'Content-Type': 'application/x-www-form-urlencoded'\r\n            }\r\n        }\r\n\r\n        const requestData = {\r\n            client_id: clientId,\r\n            client_secret: clientSecret,\r\n            grant_type: 'password',\r\n            username: username,\r\n            password: password,\r\n            scope: scope\r\n            //แนบ parameter เพิ่ม source:'IEHYDRO',\r\n\r\n        };\r\n\r\n\r\n        try {\r\n            const result = await axios.post(identityurl + '/connect/token', qs.stringify(requestData), axiosConfig); //https://172.16.80.60/DWR_IdentityServer/connect/token //https://localhost:5001/connect/token \r\n            this.setToken(result.data.access_token)\r\n\r\n            return result\r\n        } catch (err) {\r\n            console.log(err)\r\n            return err;\r\n        }\r\n\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    async fetchWithToken(url, options) {           //เอาไว้ fetch ข้อมูลจาก api โดยใช้ Token แทน username password\r\n        const headers = { 'Accept': 'application/json', 'Content-Type': 'application/json' }\r\n\r\n        //โหลดครั้งแรกไม่มี token ส่งแบบ credential\r\n        if (!this.getToken()) {\r\n            const axiosConfig = { timeout: 30000, headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }\r\n            const requestData = {\r\n                client_id: clientId,\r\n                client_secret: clientSecret,\r\n                grant_type: 'client_credentials',\r\n                scope: scope\r\n            }\r\n\r\n            try {\r\n                const resultToken = await axios.post(identityurl + '/connect/token', qs.stringify(requestData), axiosConfig); //https://172.16.80.60/DWR_IdentityServer/connect/token //https://localhost:5001/connect/token \r\n                this.setToken(resultToken.data.access_token)\r\n\r\n                //useEffect หน้าแผนที่ settoken แล้วส่ง \r\n                headers['Authorization'] = 'Bearer ' + this.getToken()\r\n                var result = axios({\r\n                    url: url,\r\n                    headers: headers,\r\n                    data: options.data,\r\n                    method: options.method\r\n                })\r\n                return result\r\n\r\n            } catch (err) {\r\n                console.log(err)\r\n                return err;\r\n            }\r\n        }\r\n        //มีtoken ทั้งล็อคอินและไม่ล็อคอิน\r\n        else {\r\n            const token = this.getToken();\r\n            if (this.isTokenExpired(token) === true) {\r\n                swal({ text: 'Session timeout', icon: 'warning' })\r\n                this.logout()\r\n                window.location.href = '/'\r\n            }\r\n\r\n            headers['Authorization'] = 'Bearer ' + this.getToken()\r\n\r\n            try {\r\n                var result = axios({\r\n                    url: url,\r\n                    headers: headers,\r\n                    data: options.data,\r\n                    method: options.method,\r\n                    responseType: options.responseType,\r\n                    params: options.params,\r\n                    paramsSerializer: (params) => {\r\n                        return qs.stringify(params, {arrayFormat: options.arrayFormat})\r\n                    }\r\n                })\r\n                return result\r\n            } catch (e) {\r\n                console.log(e)\r\n            }\r\n        }\r\n\r\n        //const headers = { 'Accept': 'application/json', 'Content-Type': 'application/json' }\r\n        //if (this.loggedIn() === true) {\r\n        //    headers['Authorization'] = 'Bearer ' + this.getToken()\r\n        //    try {\r\n        //        var result = axios({ url: url, headers: headers, data: options.data, method: options.method })\r\n        //        return result\r\n        //    } catch (e) {\r\n        //        console.log(e)\r\n        //    }\r\n        //}\r\n        //else {\r\n        //    swal({ text: 'Token หมดอายุ กรุณาทำการล็อคอินอีกครั้ง', icon: 'warning' })\r\n        //    window.location.href = '/'\r\n        //}\r\n\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    getToken() {\r\n        return localStorage.getItem('id_token');\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    setToken(idToken) {\r\n\r\n        return localStorage.setItem('id_token', idToken);\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    loggedIn() {\r\n\r\n        if (!this.getToken()) {\r\n            return false\r\n        }\r\n\r\n        const token = this.getToken();\r\n        const decoded = decode(token)\r\n        try {\r\n            if (decoded.username) {\r\n                return true\r\n            }\r\n            else {\r\n                return false\r\n            }\r\n        } catch (e) {\r\n            return false\r\n        }\r\n\r\n        //const token = this.getToken();\r\n\r\n        //try {\r\n        //    if (this.isTokenExpired(token) === false) {\r\n        //        return true\r\n        //    }\r\n        //    else {\r\n        //        return false\r\n        //    }\r\n        //} catch (e) {\r\n        //    return false\r\n        //}\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    isTokenExpired(token) {\r\n        //npm jwt-decode\r\n        try {\r\n            const decoded = decode(token)\r\n            //console.log(decoded.exp * 1000)\r\n            //console.log('decode:' + JSON.stringify(decoded) + ',moment: ' + moment() + 'dtnow: ' + Date.now())\r\n            if (Date.now() >= decoded.exp * 1000) {          // exp มาเป็น UTC   จะเทียบต้องเอาDateNow ตอนนี้หาร 1000 จะได้เวลา UTC ณ ตอนนี้มา 54 > 55\r\n                //console.log('expired:' + decoded.exp)\r\n                return true\r\n            }\r\n            else {\r\n                //console.log('not expired:' + decoded.exp)\r\n                return false\r\n            }\r\n        } catch (e) {\r\n            return true\r\n        }\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    logout() {\r\n        localStorage.removeItem('id_token')\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    getProfile() {\r\n        return decode(this.getToken()) // result: {\"nameid\":\"2\",\"role\":\"Lead\",\"nbf\":1577075805,\"exp\":1577680605,\"iat\":1577075805}   // nameid = empid \r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    _IsSuccessResponse(response) {\r\n        if (response.status >= 200 && response.status < 300) {\r\n            return true\r\n        } else {\r\n            return false\r\n        }\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n}\r\n\r\n\r\n","import React, { useState,useEffect } from \"react\";\r\nimport { Row, Col, Input, FormGroup, Form, Button } from 'reactstrap'\r\nimport {\r\n    Carousel,\r\n    CarouselItem,\r\n    CarouselControl,\r\n    CarouselIndicators,\r\n    CarouselCaption\r\n  } from 'reactstrap';\r\nimport swal from 'sweetalert';\r\nimport AuthenServices from '../services/authenServices'\r\nimport \"../css/introPage.css\"\r\nimport { Link } from \"react-router-dom\";\r\nimport { RiCameraSwitchFill } from \"react-icons/ri\";\r\nimport { FaWindows } from \"react-icons/fa\";\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function IntroPage() {\r\n    const [loading, setLoading] = useState(false);\r\n    const [data, setData] = useState([]);\r\n\r\n    useEffect(() => {\r\n        onGetData()\r\n    }, [])\r\n\r\n    const onGetData = () => {\r\n        setLoading(true);\r\n        auth\r\n          .fetchWithToken(\r\n            `${url}/api/v1/Slideshow?type=2`,\r\n            {\r\n              method: \"GET\",\r\n              data: {},\r\n            }\r\n          )\r\n          .then((res) => {\r\n           setData(res.data)\r\n           setLoading(false);\r\n          })\r\n          .catch((error) => {\r\n            setLoading(false);\r\n          });\r\n      };\r\n    \r\n      const [activeIndex, setActiveIndex] = useState(0);\r\n      const [animating, setAnimating] = useState(false);\r\n    \r\n      const next = () => {\r\n        if (animating) return;\r\n        const nextIndex = activeIndex === data.length - 1 ? 0 : activeIndex + 1;\r\n        setActiveIndex(nextIndex);\r\n      }\r\n    \r\n      const previous = () => {\r\n        if (animating) return;\r\n        const nextIndex = activeIndex === 0 ? data.length - 1 : activeIndex - 1;\r\n        setActiveIndex(nextIndex);\r\n      }\r\n    \r\n      const slides = data ?data.map((item,index) => {\r\n        try {\r\n            return (\r\n                <CarouselItem\r\n                  onExiting={() => setAnimating(true)}\r\n                  onExited={() => setAnimating(false)}\r\n                  key={item.slideShowId}\r\n                >\r\n                    <div className=\"img-container\" className='introImg'>\r\n                    {\r\n                        item.imageUrl?\r\n                        <a href={isValidHttpUrl(item.imageUrl)} target=\"_blank\">\r\n                                    <img style={{objectFit:'contain', maxHeight:'400px',width:'100%'}} src={item.slideShowImageString ? item.slideShowImageString : \"/img/No_Image.png\"} alt={item.imageName?item.imageName:\"intro\"} className=\"aspect-32\" />\r\n                      </a>\r\n                      :<img src={item.slideShowImageString ? item.slideShowImageString : \"/img/No_Image.png\"} alt={item.imageName?item.imageName:\"intro\"} className=\"aspect-32\" />\r\n                    }\r\n                  </div>\r\n                </CarouselItem>\r\n              );\r\n          }\r\n          catch(err) {\r\n            \r\n          }\r\n       \r\n      }) :[];\r\n\r\n      function isValidHttpUrl(str) {\r\n        var pattern = new RegExp('^(http|https)://'); // fragment locator\r\n       \r\n        if(!pattern.test(str)){\r\n            return window.location.protocol + \"//\" + str;\r\n        }else{\r\n            return str;\r\n        }\r\n      }\r\n\r\n    return (\r\n        <div>\r\n\r\n        <style>\r\n                {\r\n                `\r\n                .carousel-control-prev-icon,\r\n                .carousel-control-next-icon{\r\n                  border: 2px solid white;\r\n                  border-radius: 50px;\r\n                  background-color: #fff;\r\n                }\r\n                .carousel-control-prev-icon {\r\n                    background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 256 512' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z'%3E%3C/path%3E%3C/svg%3E\");\r\n                }\r\n                .carousel-control-next-icon {\r\n                    background-image: url(\"data:image/svg+xml,%3Csvg stroke='currentColor' fill='currentColor' stroke-width='0' viewBox='0 0 256 512' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'%3E%3C/path%3E%3C/svg%3E\");\r\n                }\r\n                `\r\n                }\r\n        </style>\r\n\r\n            <div className='imgbg'></div>\r\n                <div>\r\n                    <Row style={{ margin:'0px', padding:'5px'}}>\r\n                        <Col xl={2} lg={2} md={2} sm={2} xs={12} style={{maxWidth:100}}>\r\n                            <img src={process.env.PUBLIC_URL + '/img/Logodwr.png'} style={{ width: '70px', height: 'auto', position: 'relative', left: '10px', top: '-3px' }} />\r\n                        </Col>\r\n                        <Col xl={10} lg={10} md={10} sm={10} xs={12}>\r\n                            <span style={{ color: '#EAEAEA', top: '20px', position: 'relative' }}>ระบบบริการข้อมูลอุทก-อุตุนิยมวิทยา (nishydro)\r\n                                <span style={{ display: 'block' }}></span>\r\n                                <small>กองวิจัย พัฒนาและอุทกวิทยา กรมทรัพยากรน้ำ</small></span>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    <Row style={{margin:'0px', padding:'5px', marginTop: 16 }} >\r\n                    <Col sm={1} >\r\n                    </Col>\r\n                    <Col sm={10} style={{ textAlign: \"center\",width:'100%' }} >\r\n                        <Carousel\r\n                            activeIndex={activeIndex}\r\n                            next={next}\r\n                            previous={previous}\r\n                            interval={3000}\r\n                            >\r\n                            {slides}\r\n\r\n                            {\r\n                                   data? data.length >1 ?<CarouselControl direction=\"prev\" directionText=\"Previous\" onClickHandler={previous} /> :null:null\r\n\r\n                            }\r\n\r\n                            {\r\n                                data? data.length >1 ?  <CarouselControl direction=\"next\" directionText=\"Next\" onClickHandler={next}/>:null:null\r\n                            }\r\n                           \r\n                        </Carousel>\r\n                    </Col>\r\n                    </Row>\r\n\r\n                    <Row style={{ margin:'0px', padding:'5px'}}>\r\n                        <Col sm={12} style={{ textAlign: \"center\",width:'100%' ,marginTop:16 }}>\r\n                        <Link to=\"/home\">\r\n                            <Button color=\"primary\" style={{color:'#000',backgroundColor:'#ffffff'}}> เข้าสู่เว็บไซต์</Button>\r\n                        </Link>\r\n                        </Col>\r\n                    </Row>\r\n            </div>\r\n        </div>\r\n\r\n    )\r\n}\r\n","import React, { useEffect, useState, useRef } from 'react'\r\nimport { GoogleMap, LoadScript, Marker, InfoWindow } from '@react-google-maps/api';\r\n//import basinMainkml from '../kml/basin25.kml'\r\nimport subbasinkml from '../kml/Subbasin25.kml'\r\n//import mainriverlayer from '../kml/mainriverlayer.png'\r\n//import mainbasinlayer from '../kml/mainbasinlayer.png'\r\n//import mainbasingeojson from '../kml/mainbasin.geojson'\r\n//import mainrivergeojson from '../kml/mainriver.geojson'\r\n\r\n// import mainBasin22 from '../kml/mainBasin22.kml'\r\n// import subBasin22 from '../kml/subBasin22.kml'\r\n\r\nimport { Spin } from \"antd\";\r\n\r\n//River\r\n// import RiverMain25BS_polyline from \"../kml/RiverMain25BS_polyline.kml\";\r\nconst RiverMain25BS_polyline_1 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_1.kml\";\r\nconst RiverMain25BS_polyline_2 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_2.kml\";\r\nconst RiverMain25BS_polyline_3 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_3.kml\";\r\nconst RiverMain25BS_polyline_4 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_4.kml\";\r\nconst RiverMain25BS_polyline_5 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_5.kml\";\r\nconst RiverMain25BS_polyline_6 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_6.kml\";\r\nconst RiverMain25BS_polyline_7 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_7.kml\";\r\nconst RiverMain25BS_polyline_8 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_8.kml\";\r\nconst RiverMain25BS_polyline_9 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_9.kml\";\r\nconst RiverMain25BS_polyline_10 = process.env.PUBLIC_URL + \"/kml/RiverMain25BS_10.kml\";\r\n// import riverSubmainThai from '../kml/RiverSubmainThai.kml'\r\n\r\n\r\n//file kml basin22\r\nconst mainBasin22_1 = process.env.PUBLIC_URL + \"/kml/map22_1.kml\";\r\nconst mainBasin22_2 = process.env.PUBLIC_URL + \"/kml/map22_2.kml\";\r\nconst mainBasin22_3 = process.env.PUBLIC_URL + \"/kml/map22_3.kml\";\r\nconst mainBasin22_4 = process.env.PUBLIC_URL + \"/kml/map22_4.kml\";\r\nconst mainBasin22_5 = process.env.PUBLIC_URL + \"/kml/map22_5.kml\";\r\nconst mainBasin22_6 = process.env.PUBLIC_URL + \"/kml/map22_6.kml\";\r\nconst mainBasin22_7 = process.env.PUBLIC_URL + \"/kml/map22_7.kml\";\r\nconst mainBasin22_8 = process.env.PUBLIC_URL + \"/kml/map22_8.kml\";\r\nconst mainBasin22_9 = process.env.PUBLIC_URL + \"/kml/map22_9.kml\";\r\n\r\n//file kml basinSub22\r\nconst mapsub22_1 = process.env.PUBLIC_URL + \"/kml/mapsub22_1.kml\";\r\nconst mapsub22_2 = process.env.PUBLIC_URL + \"/kml/mapsub22_2.kml\";\r\nconst mapsub22_3 = process.env.PUBLIC_URL + \"/kml/mapsub22_3.kml\";\r\nconst mapsub22_4 = process.env.PUBLIC_URL + \"/kml/mapsub22_4.kml\";\r\nconst mapsub22_5 = process.env.PUBLIC_URL + \"/kml/mapsub22_5.kml\";\r\nconst mapsub22_6 = process.env.PUBLIC_URL + \"/kml/mapsub22_6.kml\";\r\nconst mapsub22_7 = process.env.PUBLIC_URL + \"/kml/mapsub22_7.kml\";\r\nconst mapsub22_8 = process.env.PUBLIC_URL + \"/kml/mapsub22_8.kml\";\r\nconst mapsub22_9 = process.env.PUBLIC_URL + \"/kml/mapsub22_9.kml\";\r\nconst mapsub22_10 = process.env.PUBLIC_URL + \"/kml/mapsub22_10.kml\";\r\nconst mapsub22_11 = process.env.PUBLIC_URL + \"/kml/mapsub22_11.kml\";\r\nconst mapsub22_12 = process.env.PUBLIC_URL + \"/kml/mapsub22_12.kml\";\r\nconst mapsub22_13 = process.env.PUBLIC_URL + \"/kml/mapsub22_13.kml\";\r\nconst mapsub22_14 = process.env.PUBLIC_URL + \"/kml/mapsub22_14.kml\";\r\nconst mapsub22_15 = process.env.PUBLIC_URL + \"/kml/mapsub22_15.kml\";\r\nconst mapsub22_16 = process.env.PUBLIC_URL + \"/kml/mapsub22_16.kml\";\r\nconst mapsub22_17 = process.env.PUBLIC_URL + \"/kml/mapsub22_17.kml\";\r\nconst mapsub22_18 = process.env.PUBLIC_URL + \"/kml/mapsub22_18.kml\";\r\nconst mapsub22_19 = process.env.PUBLIC_URL + \"/kml/mapsub22_19.kml\";\r\nconst mapsub22_20 = process.env.PUBLIC_URL + \"/kml/mapsub22_20.kml\";\r\nconst mapsub22_21 = process.env.PUBLIC_URL + \"/kml/mapsub22_21.kml\";\r\nconst mapsub22_22 = process.env.PUBLIC_URL + \"/kml/mapsub22_22.kml\";\r\n\r\n//file kml mainbasin25\r\nconst mainBasin25_1 = process.env.PUBLIC_URL + \"/kml/map25_1.kml\";\r\nconst mainBasin25_2 = process.env.PUBLIC_URL + \"/kml/map25_2.kml\";\r\nconst mainBasin25_3 = process.env.PUBLIC_URL + \"/kml/map25_3.kml\";\r\nconst mainBasin25_4 = process.env.PUBLIC_URL + \"/kml/map25_4.kml\";\r\nconst mainBasin25_5 = process.env.PUBLIC_URL + \"/kml/map25_5.kml\";\r\nconst mainBasin25_6 = process.env.PUBLIC_URL + \"/kml/map25_6.kml\";\r\nconst mainBasin25_7 = process.env.PUBLIC_URL + \"/kml/map25_7.kml\";\r\nconst mainBasin25_8 = process.env.PUBLIC_URL + \"/kml/map25_8.kml\";\r\nconst mainBasin25_9 = process.env.PUBLIC_URL + \"/kml/map25_9.kml\";\r\nconst mainBasin25_10 = process.env.PUBLIC_URL + \"/kml/map25_10.kml\";\r\nconst mainBasin25_11 = process.env.PUBLIC_URL + \"/kml/map25_11.kml\";\r\nconst mainBasin25_12 = process.env.PUBLIC_URL + \"/kml/map25_12.kml\";\r\n\r\n// const riverSub_1 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_1.kml\";\r\n// const riverSub_2 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_2.kml\";\r\n// const riverSub_3 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_3.kml\";\r\n// const riverSub_4 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_4.kml\";\r\n// const riverSub_5 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_5.kml\";\r\n// const riverSub_6 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_6.kml\";\r\n// const riverSub_7 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_7.kml\";\r\n// const riverSub_8 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_8.kml\";\r\n// const riverSub_9 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_9.kml\";\r\n// const riverSub_10 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_10.kml\";\r\n// const riverSub_11 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_11.kml\";\r\n// const riverSub_12 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_12.kml\";\r\n// const riverSub_13 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_13.kml\";\r\n// const riverSub_14 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_14.kml\";\r\n// const riverSub_15 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_15.kml\";\r\n// const riverSub_16 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_16.kml\";\r\n// const riverSub_17 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_17.kml\";\r\n// const riverSub_18 = process.env.PUBLIC_URL + \"/kml/RiverSubMain25BS_18.kml\";\r\nconst riverSub_1 = process.env.PUBLIC_URL + \"/kml/riverSub_1.kml\";\r\nconst riverSub_2 = process.env.PUBLIC_URL + \"/kml/riverSub_2.kml\";\r\nconst riverSub_3 = process.env.PUBLIC_URL + \"/kml/riverSub_3.kml\";\r\n\r\nconst gKey = process.env.REACT_APP_GOOGLEAPIKEY;\r\nvar myParser = null\r\nvar myParser3\r\nvar riverMain\r\nvar riverSubmain\r\nvar myParserMainBasin25\r\nvar myParserMainBasin22\r\nvar myParserSubBasin22\r\nvar script\r\n\r\nconst containerStyle = {\r\n    height: '100vh'\r\n};\r\n\r\n//const boundMainriver = {\r\n//    north: 21.94178589811432,\r\n//    south: 4.254476950882775,\r\n//    east: 106.6640890206161,\r\n//    west: 96.47496643273738\r\n//}\r\n\r\n//const boundBorder = {\r\n//    north: 21.9562506186325,\r\n//    south: 4.092730181939536,\r\n//    east: 106.6737386994541,\r\n//    west: 96.47394078054593\r\n//}\r\n\r\nfunction Gmap(props) {\r\n    const [center, setCenter] = useState({ lat: 13.736717, lng: 100.523186 })\r\n    const [zoom, setZoom] = useState(6)\r\n    const [map, setMap] = useState(null)\r\n    const [loaded, setLoaded] = useState(false)\r\n    const defaultMapOptions = {\r\n        fullscreenControlOptions: { position: '6' },\r\n        mapTypeControl: false\r\n    }\r\n    const _isMounted = useRef(true);\r\n    const [infoW, setInfoW] = useState(false)\r\n    \r\n    const [mainBasin25Load, setMainBasin25Load] = useState(false)\r\n    const [riverMainLoad, setRiverMainLoad] = useState(false)\r\n    const [riverSubLoad, setRiverSubLoad] = useState(false)\r\n    const [mainBasin22Load, setMainBasin22Load] = useState(false)\r\n    const [subBasinLoad, setSubBasinLoad] = useState(false)\r\n    const [loading, setLoading] = useState(false)\r\n    \r\n    //*******************************************************************************************************************************\r\n\r\n    const onLoad = React.useCallback(function callback(map) {\r\n        script = document.createElement('script');\r\n        script.setAttribute('id', 'geoxml3script')\r\n        script.src = 'geoxml3.js';\r\n        document.body.appendChild(script);\r\n\r\n        script.addEventListener('load', e => {\r\n            try {\r\n                navigator.geolocation.getCurrentPosition(\r\n                    function (position) {\r\n                        setCenter({ lat: position.coords.latitude, lng: position.coords.longitude })\r\n                        setZoom(7)\r\n                    },\r\n                    function (error) {\r\n                        setCenter({ lat: 13.736717, lng: 100.523186 })\r\n                        setZoom(6)\r\n                    }\r\n                );\r\n                //myParser = new window.geoXML3.parser({ map: map, zoom: false,afterParse: openMainBasin });\r\n                //myParser.parse(mainbasinkml);\r\n                //myParser2 = new window.geoXML3.parser({ map: map, zoom: false });\r\n                //myParser2.parse(mainriverkml)\r\n                setMap(map)\r\n                //myParser = map.data\r\n                //myParser.loadGeoJson(mainbasingeojson)\r\n                //myParser.addListener('click', function(event){\r\n                //    setInfoW(true)\r\n                //})\r\n               \r\n                setLoading(true);\r\n\r\n                 myParserMainBasin25 = new window.geoXML3.parser({ map: map, zoom: false});\r\n                parseFileMap25();\r\n        \r\n                setTimeout(() => {\r\n                    setLoading(false);\r\n                    setMainBasin25Load(true);\r\n                }, 3000);\r\n\r\n                riverMain = new window.geoXML3.parser({ map: map, zoom: false });\r\n                // riverMain.parse(RiverMain25BS_polyline_1);\r\n        \r\n                const RiverMain25BS_polyline = [RiverMain25BS_polyline_1, RiverMain25BS_polyline_2, RiverMain25BS_polyline_3,\r\n                  RiverMain25BS_polyline_4,RiverMain25BS_polyline_5,RiverMain25BS_polyline_6,RiverMain25BS_polyline_7,RiverMain25BS_polyline_8,\r\n                  RiverMain25BS_polyline_9,RiverMain25BS_polyline_10];\r\n        \r\n                 Promise.all(\r\n                  RiverMain25BS_polyline.map(async (file) => {\r\n                      riverMain.parse(file);\r\n                    })\r\n                  );\r\n\r\n                setRiverMainLoad(true);\r\n\r\n                myParser3 = new window.geoXML3.parser({ map: map, zoom: false, afterParse: closeSubBasin });\r\n                myParser3.parse(subbasinkml) \r\n\r\n              \r\n\r\n            } catch (e) {\r\n                console.log(e)\r\n            }\r\n\r\n        })\r\n    }, [])\r\n\r\n     //*******************************************************************************************************************************\r\n    //const openMainBasin = () => {\r\n    //    if (_isMounted.current) {\r\n    //        myParser.showDocument(myParser.docs[0])\r\n    //        setLoaded(true)\r\n    //    }\r\n    //}\r\n\r\n    const closeSubBasin = () => {\r\n        if (_isMounted.current) {\r\n            myParser3.hideDocument(myParser3.docs[0])\r\n            setLoaded(true)\r\n        }\r\n    }\r\n\r\n    //*******************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        return function cleanup() {\r\n            _isMounted.current = false;\r\n            document.removeEventListener('load', onLoad);\r\n            if (document.getElementById('geoxml3script')) {\r\n                document.getElementById('geoxml3script').remove(script);\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    //*******************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        if (map !== null && myParser !== null && props.optionCheckbox.cbMainBasin25) {\r\n            myParser.setMap(map)\r\n        }\r\n        else if (map !== null && myParser !== null && !props.optionCheckbox.cbMainBasin25) {\r\n            myParser.setMap(null)\r\n        }\r\n    }, [map, props.optionCheckbox.cbMainBasin25, myParser]);\r\n\r\n    //*******************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        mapMainBasin25();\r\n        mapriverMain();\r\n        mapriverSub();\r\n        mapMainBasin22();\r\n        mapSubBasin22();\r\n    }, [props.optionCheckbox.cbMainBasin25,props.optionCheckbox.cbMainRiver,props.optionCheckbox.cbSubRiver,props.optionCheckbox.cbMainBasin22,props.optionCheckbox.cbSubBasin22]);\r\n\r\n    const mapMainBasin25 = async () => {\r\n        if(mainBasin25Load){\r\n            if(props.optionCheckbox.cbMainBasin25){\r\n                for (const item of myParserMainBasin25.docs) {\r\n                    myParserMainBasin25.showDocument(item)\r\n                }\r\n            }else{\r\n                for (const item of myParserMainBasin25.docs) {\r\n                    myParserMainBasin25.hideDocument(item)\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const mapriverMain = async () => {\r\n        if(riverMainLoad){\r\n            if(props.optionCheckbox.cbMainRiver){\r\n                for (const item of riverMain.docs) {\r\n                    riverMain.showDocument(item)\r\n                }\r\n            }else{\r\n                for (const item of riverMain.docs) {\r\n                    riverMain.hideDocument(item)\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    const mapriverSub = async () => {\r\n       if(props.optionCheckbox.cbSubRiver && !riverSubLoad){\r\n        setLoading(true);\r\n        \r\n        riverSubmain = new window.geoXML3.parser({ map: map, zoom: false });\r\n        parseFileMapRiverSub();\r\n\r\n        setTimeout(() => {\r\n            setLoading(false);\r\n        }, 5000);\r\n\r\n        setRiverSubLoad(true);\r\n    }\r\n    \r\n    if(riverSubLoad){\r\n        if(props.optionCheckbox.cbSubRiver){\r\n            for (const item of riverSubmain.docs) {\r\n                riverSubmain.showDocument(item)\r\n            }\r\n        }else{\r\n            for (const item of riverSubmain.docs) {\r\n                riverSubmain.hideDocument(item)\r\n            }\r\n        }\r\n    }\r\n\r\n    }\r\n\r\n    const mapMainBasin22 = async () => {\r\n\r\n        if(props.optionCheckbox.cbMainBasin22 && !mainBasin22Load){\r\n            setLoading(true);\r\n            \r\n            myParserMainBasin22 = new window.geoXML3.parser({ map: map, zoom: false });\r\n            parseFileMap22();\r\n            // myParserMainBasin22.parse(mainBasin22) \r\n\r\n            setTimeout(() => {\r\n                setLoading(false);\r\n            }, 10000);\r\n            setMainBasin22Load(true);\r\n        }\r\n        \r\n        if(mainBasin22Load){\r\n            if(props.optionCheckbox.cbMainBasin22){\r\n                for (const item of myParserMainBasin22.docs) {\r\n                    myParserMainBasin22.showDocument(item)\r\n                }\r\n            }else{\r\n                for (const item of myParserMainBasin22.docs) {\r\n                    myParserMainBasin22.hideDocument(item)\r\n                }\r\n            }\r\n        }\r\n       \r\n    }\r\n    \r\n    const mapSubBasin22 = async () => {\r\n        if(props.optionCheckbox.cbSubBasin22 && !subBasinLoad){\r\n            setLoading(true);\r\n            myParserSubBasin22 = new window.geoXML3.parser({ map: map, zoom: false, processStyles: true,afterParse: ()=>setLoading(false) });\r\n            parseFileMapsub22();\r\n\r\n            // myParserSubBasin22 = new window.geoXML3.parser({ map: map, zoom: false, processStyles: true,afterParse: ()=>setLoading(false) });\r\n            // myParserSubBasin22.parse(subBasin22) \r\n            setSubBasinLoad(true);\r\n        }\r\n        \r\n        if(subBasinLoad){\r\n            if(props.optionCheckbox.cbSubBasin22){\r\n                for (const item of myParserSubBasin22.docs) {\r\n                    myParserSubBasin22.showDocument(item)\r\n                }\r\n            }else{\r\n                for (const item of myParserSubBasin22.docs) {\r\n                    myParserSubBasin22.hideDocument(item)\r\n                }\r\n            }\r\n        }\r\n    }\r\n    \r\n    const  parseFileMap25  = async () => {\r\n        const mainBasin25Path = [mainBasin25_1,mainBasin25_2,mainBasin25_3,mainBasin25_4,mainBasin25_5,mainBasin25_6,mainBasin25_7,mainBasin25_8,\r\n            mainBasin25_9,mainBasin25_10,mainBasin25_12];\r\n        await Promise.all(mainBasin25Path.map(async (file) => {\r\n            await myParserMainBasin25.parse(file) \r\n          }));\r\n      }\r\n\r\n      const  parseFileMapRiverSub  = async () => {\r\n        const riverSubPath = [\r\n            riverSub_1,\r\n            riverSub_2,\r\n            riverSub_3,\r\n            // riverSub_4,\r\n            // riverSub_5,\r\n            // riverSub_6,\r\n            // riverSub_7,\r\n            // riverSub_8,\r\n            // riverSub_9,\r\n            // riverSub_10,\r\n            // riverSub_11,\r\n            // riverSub_12,\r\n            // riverSub_13,\r\n            // riverSub_14,\r\n            // riverSub_15,\r\n            // riverSub_16,\r\n            // riverSub_17,\r\n            // riverSub_18,\r\n          ];\r\n        await Promise.all(riverSubPath.map(async (file) => {\r\n            await riverSubmain.parse(file) \r\n          }));\r\n      }\r\n\r\n    const  parseFileMap22  = async () => {\r\n        const mainBasin22Path = [mainBasin22_1,mainBasin22_2,mainBasin22_3,mainBasin22_4,mainBasin22_5,mainBasin22_6,mainBasin22_7,mainBasin22_9];\r\n        await Promise.all(mainBasin22Path.map(async (file) => {\r\n            await myParserMainBasin22.parse(file) \r\n          }));\r\n      }\r\n\r\n      const  parseFileMapsub22  = async () => {\r\n        const mainSubBasin22Path = [mapsub22_1,mapsub22_2,mapsub22_3,mapsub22_4,mapsub22_5,mapsub22_6,mapsub22_7,mapsub22_8,mapsub22_9,mapsub22_10,\r\n            mapsub22_11,mapsub22_12,mapsub22_13,mapsub22_14,mapsub22_15,mapsub22_16,mapsub22_17,mapsub22_18,mapsub22_19,mapsub22_20,mapsub22_21,mapsub22_22];\r\n\r\n        await Promise.all(mainSubBasin22Path.map(async (file) => {\r\n            await myParserSubBasin22.parse(file) \r\n          }));\r\n      }\r\n    //*******************************************************************************************************************************\r\n\r\n    //useEffect(() => {\r\n    //    if (loaded && props.optionCheckbox.cbMainRiver) {\r\n    //            myParser2.showDocument(myParser2.docs[0])\r\n    //    }\r\n    //    else if (loaded && !props.optionCheckbox.cbMainRiver) {\r\n    //        myParser2.hideDocument(myParser2.docs[0])\r\n    //    }\r\n    //}, [props.optionCheckbox.cbMainRiver]);\r\n\r\n    //*******************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        if (loaded && props.optionCheckbox.cbSubBasin25) {\r\n            myParser3.showDocument(myParser3.docs[0])\r\n        }\r\n        else if (loaded && !props.optionCheckbox.cbSubBasin25) {\r\n            myParser3.hideDocument(myParser3.docs[0])\r\n        }\r\n    }, [props.optionCheckbox.cbSubBasin25]);\r\n\r\n    //*******************************************************************************************************************************\r\n\r\n    var icon = { url: process.env.PUBLIC_URL + '/img/no-survey.png' }\r\n    var searchedMarkerIcon = null\r\n    let isSearchingMarker = null\r\n\r\n    if (props.isSearching && props.clickMarkerData != null) {\r\n            if (props.clickMarkerData.isGhDcSdSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/gagehsediicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isGhDcSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/gagevolicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isGhSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/gagehicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isWqSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/waterqicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isMeteoSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/meteoicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isRainSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/rainicon.png'\r\n            }\r\n            else if (props.clickMarkerData.isAutoGhSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/iconautohydro.png'\r\n            }\r\n            else if (props.clickMarkerData.isAutoMeteoSurvey === true) {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/iconautometeo.png'\r\n            }\r\n            else {\r\n                searchedMarkerIcon = process.env.PUBLIC_URL + '/img/no-survey.png'\r\n            }\r\n        \r\n\r\n        isSearchingMarker = <Marker\r\n            onClick={() => props.toggleInfoBox(props.searchSelected.data.stationId)}\r\n            position={{ lat: props.searchSelected.data.location.latitudeDd, lng: props.searchSelected.data.location.longitudeDd }}\r\n            icon={searchedMarkerIcon}\r\n        >\r\n            {props.clickMarkerData ?\r\n                <InfoWindow onCloseClick={props.closeInfoBox}>\r\n                    <div onClick={() => props.toggleInfoBox(props.searchSelected.data.stationId)}>{props.searchSelected.data.stationLabel}</div>\r\n                </InfoWindow>\r\n                : ''}\r\n\r\n        </Marker>\r\n    }\r\n\r\n    return (\r\n        <Spin style={{position:\"fixed\",maxHeight:'100%',zIndex:1024}} spinning={loading}>\r\n        <React.Fragment>\r\n            <LoadScript\r\n                googleMapsApiKey={gKey}\r\n            >\r\n               <GoogleMap\r\n            mapContainerStyle={containerStyle}\r\n            options={defaultMapOptions}\r\n            center={\r\n              props.isSearching\r\n                ? {\r\n                    lat: props.searchSelected.data.location.latitudeDd,\r\n                    lng: props.searchSelected.data.location.longitudeDd,\r\n                  }\r\n                : center\r\n            }\r\n            zoom={  props.mapRation || (props.isSearching ?  7 : props.mapRation)}\r\n            onLoad={onLoad}\r\n          >\r\n\r\n                    <Marker position={center} />\r\n\r\n                    {!props.isSearching && props.markers && props.markers.length > 0 ? props.markers.map((item, index) => {\r\n                        //���Ǥ�����marker\r\n                        if (props.optionCheckbox.cbGageHeight === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/gagehicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbGageHeightVolume === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/gagevolicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbGageHeightVolumeSedi === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/gagehsediicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbWaterQuality === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/waterqicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbRain === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/rainicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbMeteo === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/meteoicon.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbAutoGageHeight === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/iconautohydro.png'\r\n                        }\r\n                        else if (props.optionCheckbox.cbAutoMeteo === true) {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/iconautometeo.png'\r\n                        }\r\n                        else {\r\n                            icon.url = process.env.PUBLIC_URL + '/img/no-survey.png'\r\n                        }\r\n\r\n                        return (\r\n\r\n                            item.location && item.location.latitudeDd && item.location.longitudeDd ?\r\n\r\n                                <Marker\r\n                                    key={index}\r\n                                    onClick={() => props.toggleInfoBox(item.stationId)}\r\n                                    position={{ lat: item.location.latitudeDd, lng: item.location.longitudeDd }}\r\n                                    icon={icon}\r\n                                >\r\n                                    {props.clickMarkerData && props.clickMarkerData.stationId == item.stationId ?\r\n                                        <InfoWindow onCloseClick={props.closeInfoBox}>\r\n                                            <div onClick={() => props.toggleInfoBox(item.stationId)}>{item.stationLabel}</div>\r\n                                        </InfoWindow>\r\n                                        : ''}\r\n                                </Marker>\r\n                                : ''\r\n                        )\r\n                    })\r\n                        : ''}\r\n\r\n                        {isSearchingMarker ? isSearchingMarker : ''}\r\n\r\n                    {/** infoW === true ?\r\n                        <InfoWindow onCloseClick={() => setInfoW(false)} position={{ lat: 13.736717, lng: 100.523186 }}>\r\n                            <div>test</div>\r\n                        </InfoWindow>\r\n                        : '' **/}\r\n\r\n                    {/* <GroundOverlay\r\n                        key={1}\r\n                        url={mainbasinlayer}\r\n                        bounds={boundBorder}\r\n                        onClick={() => setInfoW(true)}\r\n                        opacity={props.optionCheckbox.cbMainBasin25 ? 1 : 0}\r\n                    /> */}\r\n\r\n                    {/* <GroundOverlay\r\n                        key={2}\r\n                        url={mainriverlayer}\r\n                        bounds={boundMainriver}\r\n                        opacity={props.optionCheckbox.cbMainRiver ? 1 : 0}\r\n                    /> */}\r\n\r\n              \r\n                </GoogleMap>\r\n            </LoadScript>\r\n\r\n        </React.Fragment>\r\n        </Spin>\r\n    )\r\n}\r\n\r\nexport default React.memo(Gmap)","import React, { useState } from 'react'\r\nimport '../css/OptionBox.css'\r\nimport { FormGroup, Label, Input, Collapse, CardBody, Card, TabContent, TabPane, Nav, NavItem, NavLink, Button, Row, Col } from 'reactstrap';\r\nimport { BsDash, BsPlus } from 'react-icons/bs'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function OptionBox(props) {\r\n    const isTabletOrMobileDevice = useMediaQuery({\r\n        query: '(max-device-width: 768px)'\r\n    })\r\n\r\n    const [isOpen, setIsOpen] = useState(true);\r\n    const [activeTab, setActiveTab] = useState('1');\r\n    const { t } = useTranslation();\r\n\r\n    const toggle = () => {\r\n        setIsOpen(!isOpen)\r\n    };\r\n\r\n    const toggleTab = tab => {\r\n        if (activeTab !== tab) {\r\n            setActiveTab(tab);\r\n            props.tabChange(tab)\r\n        } \r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <div className='gmapOptionbox'>\r\n                <div style={{ padding: '5px' }}>\r\n                    <span style={{ color: 'white', marginLeft: '10px' }}> {isTabletOrMobileDevice ? t('map.stationInfo') : t('map.stationInfoHeader') } </span>\r\n                    <div onClick={toggle} style={{ float: 'right', cursor: 'pointer', color: 'white', marginRight: '5px' }}>{isOpen ? <BsDash style={{ width: '20px', height: '20px' }} /> : <BsPlus style={{ width: '20px', height: '20px' }} />}</div>\r\n                </div>\r\n\r\n                <Collapse style={{ clear: 'both' }} isOpen={isOpen}>\r\n                    <Card style={{ display: 'block', marginTop: '5px', borderRadius: 'unset' }}>\r\n                        <CardBody style={{ backgroundColor: '#F2FBFF', padding: '10px' }}>\r\n                            <Row>\r\n                                <Col xs=\"6\" style={{paddingRight:0}}>\r\n                                <FormGroup check style={{ marginRight: '5px' }}>\r\n                                    <Label check>\r\n                                        <Input onChange={props.checkboxOnChange} name='cbMainBasin25' checked={props.optionCheckbox.cbMainBasin25} type=\"checkbox\" />                       \r\n                                            {t('map.25basin')} {/*ขอบเขตลุ่มน้ำหลัก 25 ลุ่มน้ำ*/}\r\n                                            </Label>\r\n                                </FormGroup>\r\n                                </Col>\r\n                                <Col xs=\"6\" style={{paddingRight:0,paddingLeft:5}}>\r\n                                <FormGroup check>\r\n                                    <Label check>\r\n                                        <Input onChange={props.checkboxOnChange} name='cbSubBasin25' checked={props.optionCheckbox.cbSubBasin25} type=\"checkbox\" />                       \r\n                                            {t('map.254subBasin')} { /*ขอบเขตลุ่มน้ำย่อย 254 ลุ่มน้ำ*/ }\r\n                                            </Label>\r\n                                </FormGroup>\r\n                                </Col>\r\n                                <Col xs=\"6\" style={{paddingRight:0}}>\r\n                                <FormGroup check style={{ marginRight: '5px' }}>\r\n                                        <Label check>\r\n                                            <Input onChange={props.checkboxOnChange} name='cbMainBasin22' checked={props.optionCheckbox.cbMainBasin22} type=\"checkbox\" />                       \r\n                                            {t('map.22basin')} {/*ขอบเขตลุ่มน้ำหลัก 22 ลุ่มน้ำ*/}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n                                </Col>\r\n                                <Col xs=\"6\" style={{paddingRight:0,paddingLeft:5}}>\r\n                                <FormGroup check>\r\n                                        <Label check>\r\n                                            <Input onChange={props.checkboxOnChange} name='cbSubBasin22' checked={props.optionCheckbox.cbSubBasin22} type=\"checkbox\" />                       \r\n                                            {t('map.359subBasin')} {/*ขอบเขตลุ่มน้ำย่อย 353 ลุ่มน้ำ*/ } \r\n                                                </Label>\r\n                                    </FormGroup>\r\n                                </Col>\r\n                                <Col xs=\"6\" style={{paddingRight:0}}>\r\n                                <FormGroup check style={{ marginRight: '5px' }}>\r\n                                    <Label check>\r\n                                        <Input onChange={props.checkboxOnChange} name='cbMainRiver' checked={props.optionCheckbox.cbMainRiver} type=\"checkbox\" />\r\n                                            {t('map.mainRiver')} { /*เส้นลำน้ำหลัก*/ }\r\n                                            </Label>\r\n                                </FormGroup>\r\n                                </Col>\r\n                                <Col xs=\"6\" style={{paddingRight:0,paddingLeft:5}}>\r\n                                <FormGroup check style={{ marginRight: '5px' }}>\r\n                                    <Label check>\r\n                                        <Input onChange={props.checkboxOnChange} name='cbSubRiver' checked={props.optionCheckbox.cbSubRiver} type=\"checkbox\" />\r\n                                            {t('map.subRiver')} {/*เส้นลำน้ำย่อย*/}\r\n                                            </Label>\r\n                                </FormGroup>\r\n                                </Col>\r\n                            </Row>\r\n\r\n\r\n                            <div style={{marginTop:'3px'}}>\r\n                                <Nav tabs style={{border:'none'}}>\r\n                                    <NavItem>\r\n                                        <NavLink style={{ backgroundColor: activeTab === '1' ? '#C1ECFF' : 'white',color:'black', fontWeight: activeTab === '1' ? 'bold' : '' }} onClick={() => { toggleTab('1'); }}>\r\n                                            {t('map.general')} {/*ธรรมดา*/}\r\n                                    </NavLink>\r\n                                    </NavItem>\r\n                                    <NavItem>\r\n                                        <NavLink style={{ backgroundColor: activeTab === '2' ? '#C1ECFF' : 'white', color: 'black', fontWeight: activeTab === '2' ? 'bold' : '' }} onClick={() => { toggleTab('2'); }}>\r\n                                            {t('map.auto')} {/*อัตโนมัติ*/}\r\n                                    </NavLink>\r\n                                    </NavItem>\r\n                                </Nav>\r\n                                <TabContent activeTab={activeTab} style={{ backgroundColor:'#C1ECFF',padding:'8px'}}>\r\n                                    <TabPane tabId=\"1\">\r\n                                        <Row>\r\n                                            <Col sm=\"12\">\r\n                                                <div style={{ fontWeight: 'bold' }}>{t('map.hydrology')} {/*ข้อมูลอุทกวิทยา*/}</div>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbGageHeight'\r\n                                                            checked={props.optionCheckbox.cbGageHeight}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/gagehicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.gageHeight')}{/*ข้อมูลระดับน้ำ*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbGageHeightVolume'\r\n                                                            checked={props.optionCheckbox.cbGageHeightVolume}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/gagevolicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} /> {t('map.gageHeightDischarge')}{/*ข้อมูลระดับน้ำ,ปริมาณน้ำ*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbGageHeightVolumeSedi'\r\n                                                            checked={props.optionCheckbox.cbGageHeightVolumeSedi}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/gagehsediicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.gageHeightDischargeSediment')}{/*ข้อมูลระดับน้ำ,ปริมาณน้ำ,ปริมาณตะกอน*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbWaterQuality'\r\n                                                            checked={props.optionCheckbox.cbWaterQuality}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/waterqicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.waterQuality')}{/*ข้อมูลคุณภาพน้ำ*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                            </Col>\r\n                                        </Row>\r\n                                        <Row>\r\n                                            <Col sm=\"12\">\r\n                                                <div style={{ fontWeight: 'bold' }}>{t('map.meteorology')}{/*ข้อมูลอุตุนิยมวิทยา*/}</div>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbRain'\r\n                                                            checked={props.optionCheckbox.cbRain}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/rainicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.rain')} {/*ข้อมูลฝน*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbMeteo'\r\n                                                            checked={props.optionCheckbox.cbMeteo}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/meteoicon.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.otherMeteorology')}{/*ข้อมูลอุตุนิยมวิทยา*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </TabPane>\r\n                                    <TabPane tabId=\"2\">\r\n                                        <Row>\r\n                                            <Col sm=\"12\">\r\n                                                <div style={{ fontWeight: 'bold' }}>{t('map.hydrology')}{/*ข้อมูลอุทกวิทยา*/}</div>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbAutoGageHeight'\r\n                                                            checked={props.optionCheckbox.cbAutoGageHeight}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/iconautohydro.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.gageHeight')}{/*ข้อมูลระดับน้ำ*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                            </Col>\r\n                                        </Row>\r\n                                        <Row>\r\n                                            <Col sm=\"12\">\r\n                                                <div style={{ fontWeight: 'bold' }}>{t('map.meteorology')}{/*ข้อมูลอุตุนิยมวิทยา*/}</div>\r\n                                                <FormGroup className='formgroupMargin' check>\r\n                                                    <Label check>\r\n                                                        <Input\r\n                                                            onChange={props.checkboxOnChange}\r\n                                                            name='cbAutoMeteo'\r\n                                                            checked={props.optionCheckbox.cbAutoMeteo}\r\n                                                            type=\"checkbox\"\r\n                                                        />\r\n                                                        <img src={process.env.PUBLIC_URL + '/img/iconautometeo.png'} style={{ position: 'relative', width: '16px', height: 'auto', bottom: '3px', marginRight: '3px' }} />{t('map.otherMeteorology')}{/*ข้อมูลอุตุนิยมวิทยา*/}\r\n                                                </Label>\r\n                                                </FormGroup>\r\n                                            </Col>\r\n                                        </Row>\r\n                                        </TabPane>\r\n                                </TabContent>\r\n                            </div>\r\n\r\n                        </CardBody>\r\n                    </Card>\r\n                </Collapse>\r\n            </div>\r\n\r\n        </React.Fragment>\r\n    )\r\n}","import React, { createContext, useContext,useReducer } from \"react\";\r\n\r\nexport const StateContext = createContext();\r\n\r\nexport const StateProvider = ({ reducer, initialState, children }) => (\r\n    <StateContext.Provider value={useReducer(reducer, initialState)}>\r\n        {children}\r\n    </StateContext.Provider>\r\n);\r\n\r\nexport const useStateValue = () => useContext(StateContext);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Row,\r\n  Col,\r\n  Input,\r\n  FormGroup,\r\n  Form,\r\n  Button,\r\n  Modal,\r\n  ModalHeader,\r\n  ModalBody,\r\n} from \"reactstrap\";\r\nimport { useStateValue } from \"../contextApi/StateProvider\";\r\nimport swal from \"sweetalert\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { LoopCircleLoading } from \"react-loadingg\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { RiFacebookCircleFill } from \"react-icons/ri\";\r\nimport { deleteAllCookies, getCookie } from \"../Helper/CookieHepler\";\r\n\r\nvar auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\nconst identityurl = process.env.REACT_APP_DWR_IdentityServer;\r\nconst identityurl_facebook = process.env.REACT_APP_DWR_IdentityFacebook;\r\n\r\nexport default function Login(props) {\r\n  let history = useHistory();\r\n  const [username, setUserName] = useState(\"\");\r\n  const [password, setPassword] = useState(\"\");\r\n  const [loading, setLoading] = useState(false);\r\n  //const [{ userLoginInfo }, dispatch] = useStateValue();\r\n\r\n  useEffect(() => {});\r\n\r\n  function LoginUser() {\r\n    if (username == \"\" || password == \"\") {\r\n      swal({\r\n        text: \"กรุณากรอกชื่อผู้ใช้งาน หรือรหัสผ่าน ให้ครบถ้วน\",\r\n        icon: \"warning\",\r\n      });\r\n      return;\r\n    }\r\n    setLoading(true);\r\n    auth\r\n      .getAccessToken(username, password) //click login ส่ง username password ไป AuthService เพื่อทำการเอา Token\r\n      .then((res) => {\r\n        if (res.status == \"200\") {\r\n          //dispatch({\r\n          //    type: 'USER_LOGIN',\r\n          //    payload: { username: username, token:res.data.access_token, isLoggedIn: true }\r\n          //})\r\n          setLoading(false);\r\n          props.closeLoginModal();\r\n          swal({ text: \"เข้าสู่ระบบสำเร็จ\", icon: \"success\" }).then(() =>\r\n            window.location.reload()\r\n          );\r\n        } else {\r\n          setLoading(false);\r\n          swal({\r\n            text: \"กรุณาตรวจสอบชื่อผู้ใช้งานหรือรหัสผ่านอีกครั้ง\",\r\n            icon: \"warning\",\r\n          });\r\n        }\r\n      })\r\n      .catch((err) => {\r\n        setLoading(false);\r\n        swal({\r\n          text: \"ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่ภายหลัง\",\r\n          icon: \"warning\",\r\n        });\r\n      });\r\n  }\r\n\r\n  function enterPressed(event) {\r\n    var code = event.keyCode || event.which;\r\n\r\n    if (code === 13) {\r\n      LoginUser();\r\n    }\r\n  }\r\n\r\n  const LoginFacebook = () => {\r\n    window.location.href = `${identityurl}/auth/ExternalLogin?returnUrl=${identityurl_facebook}?returnUrl=${window.location.href}`;\r\n  };\r\n\r\n  const verifyAccessToken = (data) => {\r\n    setLoading(true);\r\n    auth\r\n      .fetchWithToken(`${url}/api/v1/FaceBook`, {\r\n        method: \"POST\",\r\n        data: data,\r\n      })\r\n      .then((res) => {\r\n        if (res.data.access_token) {\r\n          localStorage.setItem(\"id_token\", res.data.access_token);\r\n          swal({ text: \"เข้าสู่ระบบสำเร็จ\", icon: \"success\" }).then(\r\n            () => \r\n            window.location.reload()\r\n          );\r\n        }\r\n        props.closeLoginModal();\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        if(error.response.data){\r\n          swal({\r\n            text: error.response.data,\r\n            icon: \"error\",\r\n          });\r\n        }else{\r\n          swal({\r\n            text: \"ไม่พบอีเมลนี้ในระบบ\",\r\n            icon: \"warning\",\r\n          });\r\n        }\r\n       \r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const LoginFacebook2 = () => {\r\n    window.FB.login(\r\n      (response) => {\r\n        if (response.authResponse) {\r\n          verifyAccessToken(response.authResponse);\r\n        }\r\n      },\r\n      { scope: \"public_profile,user_birthday,email\" }\r\n    );\r\n  };\r\n\r\n  //***************************************************************************************************************************\r\n\r\n  return (\r\n    <div>\r\n      <Modal\r\n        isOpen={props.loginModal}\r\n        size=\"md\"\r\n        toggle={props.toggleLoginModal}\r\n        centered\r\n      >\r\n        <ModalHeader\r\n          toggle={props.toggleLoginModal}\r\n          style={{ padding: \"5px 10px 0 0\", border: \"none\" }}\r\n        ></ModalHeader>\r\n        <ModalBody>\r\n          <Row>\r\n            <Col style={{ textAlign: \"center\" }}>\r\n              <img\r\n                src={process.env.PUBLIC_URL + \"/img/Logodwr.png\"}\r\n                style={{ height: \"auto\", width: \"96px\" }}\r\n              />\r\n              <div style={{ margin: \"15px\" }}>เข้าสู่ระบบ</div>\r\n              <Form\r\n                style={{ marginLeft: \"20px\", marginRight: \"20px\" }}\r\n                onSubmit={(e) => e.preventDefault()}\r\n              >\r\n                <FormGroup>\r\n                  <Input\r\n                    type=\"text\"\r\n                    name=\"username\"\r\n                    placeholder=\"ชื่อผู้ใช้งาน\"\r\n                    value={username}\r\n                    onChange={(e) => setUserName(e.target.value)}\r\n                    onKeyPress={(e) => enterPressed(e)}\r\n                  />\r\n                </FormGroup>\r\n\r\n                <FormGroup>\r\n                  <Input\r\n                    type=\"password\"\r\n                    name=\"password\"\r\n                    placeholder=\"รหัสผ่าน\"\r\n                    value={password}\r\n                    onChange={(e) => setPassword(e.target.value)}\r\n                    onKeyPress={(e) => enterPressed(e)}\r\n                  />\r\n                </FormGroup>\r\n\r\n                <div>\r\n                  <Button\r\n                    style={{ margin: \"5px\" }}\r\n                    color=\"primary\"\r\n                    size=\"md\"\r\n                    block\r\n                    onClick={(e) => LoginUser(e)}\r\n                  >\r\n                    เข้าสู่ระบบ\r\n                  </Button>\r\n                </div>\r\n                <div>\r\n                  <Button\r\n                    onClick={() => history.push(\"/register\")}\r\n                    style={{ margin: \"5px\" }}\r\n                    color=\"secondary\"\r\n                    size=\"md\"\r\n                    block\r\n                  >\r\n                    สมัครเป็นผู้ใช้งาน\r\n                  </Button>\r\n                </div>\r\n                {/* <div>\r\n                  <Button\r\n                    style={{\r\n                      margin: \"5px\",\r\n                      backgroundColor: \"#3b5998\",\r\n                      color: \"#fff\",\r\n                    }}\r\n                    onClick={LoginFacebook}\r\n                    outline\r\n                    color=\"primary\"\r\n                    size=\"md\"\r\n                    block\r\n                  >\r\n                    <RiFacebookCircleFill /> เข้าสู่ระบบด้วย facebook\r\n                  </Button>\r\n                </div> */}\r\n\r\n                <div>\r\n                  <Button\r\n                    style={{\r\n                      margin: \"5px\",\r\n                      backgroundColor: \"#3b5998\",\r\n                      color: \"#fff\",\r\n                    }}\r\n                    onClick={LoginFacebook2}\r\n                    outline\r\n                    color=\"primary\"\r\n                    size=\"md\"\r\n                    disabled={loading}\r\n                    block\r\n                  >\r\n                    <RiFacebookCircleFill /> เข้าสู่ระบบด้วย facebook\r\n                  </Button>\r\n                </div>\r\n\r\n                <div style={{ marginTop: \"10px\" }}>\r\n                  <Link\r\n                    style={{ textDecoration: \"underline\" }}\r\n                    to=\"/forgotPassword\"\r\n                  >\r\n                    ลืมรหัสผ่าน\r\n                  </Link>\r\n                </div>\r\n              </Form>\r\n            </Col>\r\n          </Row>\r\n        </ModalBody>\r\n        {loading ? (\r\n          <LoopCircleLoading\r\n            style={{ zIndex: \"9999\", top: \"50%\", left: \"45%\" }}\r\n          />\r\n        ) : (\r\n          \"\"\r\n        )}\r\n      </Modal>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport {\r\n    Collapse,\r\n    Navbar,\r\n    Nav,\r\n    NavItem,\r\n    NavLink,\r\n} from 'reactstrap';\r\nimport { Popover, Tooltip } from 'antd';\r\n\r\nimport \"../css/NavBar.css\";\r\nimport { Link, NavLink as RRNavLink } from 'react-router-dom'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport { BsPersonFill, BsLockFill, BsFillUnlockFill } from \"react-icons/bs\"\r\nimport Login from '../login/Login'\r\nimport { ProSidebar, Menu, MenuItem, SubMenu } from \"react-pro-sidebar\";\r\nimport AuthenServices from '../services/authenServices'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { deleteAllCookies } from \"../Helper/CookieHepler\";\r\nimport axios from 'axios'\r\n\r\nvar auth = new AuthenServices()\r\n\r\n//*****************************************************************************************************************************\r\n\r\nexport default function NavBar(props) {\r\n    const [isOpen] = useState(false);\r\n    const [topNavBar, setTopNavBar] = useState(false);\r\n    const [loginModal, setloginModal] = useState(false);\r\n    const { t, i18n } = useTranslation();\r\n    const [popoverVisible, setPopoverVisible] = useState(false);\r\n    const [facebookConnect, setFacebookConnect] = useState(false);\r\n\r\n    // useEffect(() => {\r\n    //     axios.get(`${identityurl_facebook}`)\r\n    //     .then(function (response) {\r\n    //         if(response.status){\r\n    //             setFacebookConnect(true);\r\n    //         }else{\r\n    //             setFacebookConnect(false);\r\n    //         }\r\n    //     })\r\n    //     .catch(function (error) {9+\r\n    //         setFacebookConnect(false);\r\n    //     });\r\n    // }, [])\r\n\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-width: 992px)'\r\n    })\r\n\r\n    const isTabletOrMobileDevice = useMediaQuery({\r\n        query: '(max-width: 991px)'\r\n    })\r\n\r\n    const toggleTopNavBar = () => {\r\n        setTopNavBar(!topNavBar)\r\n    }\r\n\r\n    const toggleLoginModal = () => {\r\n        setloginModal(!loginModal)\r\n        setTopNavBar(false)\r\n        setPopoverVisible(false);\r\n    };\r\n\r\n    const closeLoginModal = () => {\r\n        setloginModal(false)\r\n    }\r\n\r\n    const logout = () => {\r\n        LogoutFacebook();\r\n\r\n        deleteAllCookies();\r\n\r\n        auth.logout()\r\n        window.location.href = '/home'\r\n    }\r\n\r\n    const changeLanguage = () => {\r\n        var lang = i18n.language\r\n        if (lang == 'th') {\r\n            i18n.changeLanguage('en')\r\n        }\r\n        else if (lang == 'en') {\r\n            i18n.changeLanguage('th')\r\n        }\r\n    };\r\n\r\n    const language = i18n.language == 'th' ? 'EN' : 'TH'\r\n\r\n    const LogoutFacebook = () => {\r\n        if (facebookConnect) {\r\n            window.FB.logout((response) => {\r\n                // Person is now logged out\r\n            });\r\n\r\n            //window.open(`${identityurl_facebook}/logout`, '_blank');\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            {isDesktopOrLaptop &&\r\n                <Navbar color={props.name === 'gmap' ? 'transparent' : ''} expand=\"sm\" className={props.name === 'gmap' ? 'navBtnGmap' : 'navBtnNotGmap'} style={{ whiteSpace: 'nowrap' }}>\r\n                    <Collapse isOpen={isOpen} navbar>\r\n                        <Nav className=\"ml-auto\" navbar>\r\n                            {!auth.loggedIn() && props.name !== 'gmap' ?\r\n                                <React.Fragment>\r\n                                    <img src={process.env.PUBLIC_URL + '/img/Logodwr.png'} style={{ width: '40px', height: 'auto', zIndex: '2000', position: 'absolute', left: '15px', top: '-3px' }} />\r\n                                    <span style={{ color: '#EAEAEA', left: '65px', top: '5px', position: 'absolute' }}>กรมทรัพยากรน้ำ <span style={{ display: 'block', marginBottom: '-.3em' }}></span>Department of Water Resources</span>\r\n                                </React.Fragment>\r\n                                : ''}\r\n\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} exact to=\"/home\">{t('navbar.nav1')}</NavLink>\r\n                            </NavItem>\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} to='/services'>{t('navbar.nav2')}</NavLink>\r\n                            </NavItem>\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} to='/services_request'>{t('navbar.nav3')}</NavLink>\r\n                            </NavItem>\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} to='/information'>{t('navbar.nav4')}</NavLink>\r\n                            </NavItem>\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} to='/organization'>{t('navbar.nav5')}</NavLink>\r\n                            </NavItem>\r\n                            <NavItem className='navBtn'>\r\n                                <NavLink activeClassName=\"navActive\" tag={RRNavLink} to=\"/sitemap\">{t('navbar.nav6')}</NavLink>\r\n                            </NavItem>\r\n\r\n\r\n                            {auth.loggedIn() ?\r\n\r\n                                <NavItem className='navBtnSmall'>\r\n                                    <Tooltip placement=\"bottom\" title=\"ข้อมูลผู้ใช้งาน\">\r\n                                        <NavLink className={window.location.href.includes('/admin') ? 'nav-link' : ''} tag={RRNavLink} to=\"/admin/myaccount\"> <BsPersonFill color='white' /> </NavLink>\r\n                                    </Tooltip>\r\n                                </NavItem>\r\n                                : ''}\r\n\r\n                            <NavItem className='navBtnSmall'>\r\n                                <NavLink to=\"/\" onClick={() => changeLanguage()}><span style={{ color: 'white' }}>{language}</span></NavLink>\r\n                            </NavItem>\r\n\r\n                            <Popover placement=\"bottomLeft\"\r\n                                visible={popoverVisible}\r\n                                onClick={() => setPopoverVisible(true)}\r\n                                content={\r\n                                    <div>\r\n                                        {auth.loggedIn() ? <NavLink onClick={logout}>ออกจากระบบ</NavLink> :\r\n                                            <>\r\n                                                <NavItem>\r\n                                                    <NavLink onClick={toggleLoginModal} style={{ color: '#51A6CC' }}>เข้าสู่ระบบ</NavLink>\r\n                                                </NavItem>\r\n                                                <NavItem>\r\n                                                    <NavLink tag={RRNavLink} to=\"/register\" style={{ color: '#51A6CC' }}>สมัครเป็นผู้ใช้งาน</NavLink>\r\n                                                </NavItem>\r\n\r\n\r\n                                            </>\r\n                                        }\r\n                                    </div>\r\n                                } trigger=\"click\">\r\n                                <NavItem className='navBtnSmall'>\r\n\r\n                                    {auth.loggedIn() ?\r\n                                        <BsFillUnlockFill color='white' /> :\r\n                                        <BsLockFill color='white' />}\r\n\r\n                                </NavItem>\r\n                            </Popover>\r\n\r\n\r\n                        </Nav>\r\n                    </Collapse>\r\n                </Navbar>\r\n            }\r\n\r\n            {isTabletOrMobileDevice &&\r\n                <React.Fragment>\r\n                    <div\r\n                        style={{\r\n                            position: \"fixed\",\r\n                            top: \"0px\",\r\n                            right: '60px',\r\n                            zIndex: \"1500\",\r\n                        }}\r\n                    >\r\n                        <div\r\n                            id=\"nav-icon3\"\r\n                            onClick={toggleTopNavBar}\r\n                            className={topNavBar ? \"open\" : \"\"}\r\n                        >\r\n                            <span></span>\r\n                            <span></span>\r\n                            <span></span>\r\n                            <span></span>\r\n                        </div>\r\n                    </div>\r\n                    <ProSidebar className={topNavBar ? 'NavBar open' : 'NavBar hide'}>\r\n                        {auth.loggedIn() ? <div style={{ position: 'absolute', left: '10px', fontWeight: 'bold', color: 'blue', textDecoration: 'underline' }} onClick={logout} >ออกจากระบบ</div> : ''}\r\n                        <Menu>\r\n                            <MenuItem style={{ marginTop: '30px' }}>\r\n                                {t('navbar.nav1')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/home\" />\r\n                            </MenuItem>\r\n                            <MenuItem>\r\n                                {t('navbar.nav2')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/services\" />\r\n                            </MenuItem>\r\n                            <MenuItem>\r\n                                {t('navbar.nav3')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/services_request\" />\r\n                            </MenuItem>\r\n                            <MenuItem>{t('navbar.nav4')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/information\" />\r\n                            </MenuItem>\r\n                            <MenuItem>{t('navbar.nav5')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/organization\" />\r\n                            </MenuItem>\r\n                            <MenuItem>{t('navbar.nav6')}\r\n                                <Link onClick={toggleTopNavBar} to=\"/sitemap\" />\r\n                            </MenuItem>\r\n\r\n\r\n\r\n\r\n                            {auth.loggedIn() ?\r\n                                <>\r\n                                    <MenuItem>{t('sidenavbar.nav1')}\r\n                                        <Link onClick={toggleTopNavBar} to=\"/admin/myaccount\" />\r\n                                    </MenuItem>\r\n                                    <MenuItem>{t('sidenavbar.nav2')}\r\n                                        <Link onClick={toggleTopNavBar} to=\"/admin/requestDataHistory\" />\r\n                                    </MenuItem>\r\n                                </>\r\n                                : <></>}\r\n\r\n                            {!auth.loggedIn() ?\r\n                                <MenuItem>\r\n                                    <BsPersonFill />\r\n                                    <Link onClick={toggleLoginModal} />\r\n                                </MenuItem>\r\n                                : <></>}\r\n\r\n                            <MenuItem>\r\n                                <div onClick={() => changeLanguage()}>{language}</div>\r\n                            </MenuItem>\r\n                        </Menu>\r\n                    </ProSidebar>\r\n\r\n                </React.Fragment>\r\n\r\n            }\r\n\r\n            {loginModal ?\r\n                <Login loginModal={loginModal} toggleLoginModal={toggleLoginModal} closeLoginModal={closeLoginModal} />\r\n                : ''}\r\n\r\n        </div>\r\n    )\r\n}","export const getCookie = (name) => {\r\n    // Split cookie string and get all individual name=value pairs in an array\r\n    var cookieArr = document.cookie.split(\";\");\r\n    \r\n    // Loop through the array elements\r\n    for(var i = 0; i < cookieArr.length; i++) {\r\n        var cookiePair = cookieArr[i].split(\"=\");\r\n        \r\n        /* Removing whitespace at the beginning of the cookie name\r\n        and compare it with the given string */\r\n        if(name == cookiePair[0].trim()) {\r\n            // Decode the cookie value and return\r\n            return decodeURIComponent(cookiePair[1]);\r\n        }\r\n    }\r\n    \r\n    // Return null if not found\r\n    return null;\r\n}\r\n\r\n\r\nexport const setCookie = (name, value, daysToLive) => {\r\n    // Encode value in order to escape semicolons, commas, and whitespace\r\n    var cookie = name + \"=\" + encodeURIComponent(value);\r\n    \r\n    if(typeof daysToLive === \"number\") {\r\n        /* Sets the max-age attribute so that the cookie expires\r\n        after the specified number of days */\r\n        cookie += \"; max-age=\" + (daysToLive*24*60*60);\r\n        \r\n        document.cookie = cookie;\r\n    }\r\n}\r\n\r\nexport const deleteAllCookies = () => {\r\n    var cookies = document.cookie.split(\";\");\r\n    for (var i = 0; i < cookies.length; i++) {\r\n        var cookie = cookies[i];\r\n        var eqPos = cookie.indexOf(\"=\");\r\n        var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;\r\n        document.cookie = name + \"=;expires=Thu, 01 Jan 1970 00:00:00 GMT\";\r\n    }\r\n}","import React from 'react'\r\nimport Select, { components } from 'react-select'\r\nimport '../css/selectsearch.css'\r\nimport { AiOutlineSearch } from \"react-icons/ai\";\r\n\r\nexport default function SelectSearch(props) {\r\n\r\n    const ValueContainer = ({ children, ...props }) => {\r\n        return (\r\n            components.ValueContainer && (\r\n                <components.ValueContainer {...props}>\r\n                    {!!children && (\r\n                        <span style={{ zIndex: '2000', color: 'grey', position: 'absolute' }}><AiOutlineSearch style={{ width: '25px', height: '25px', position: 'relative', right: '30px' }} /></span>\r\n                    )}\r\n                    {children}\r\n                </components.ValueContainer>\r\n            )\r\n        );\r\n    };\r\n\r\n    const styles = {\r\n        valueContainer: base => ({\r\n            ...base,\r\n            paddingLeft: 35\r\n        })\r\n    }\r\n\r\n    let se = <Select\r\n        styles={{\r\n            control: styles => ({\r\n                ...styles,\r\n                borderColor: props.error === true ? 'red !important' : '#ced4da'\r\n            })\r\n        }}\r\n        placeholder={props.placeholder}\r\n        menuPlacement={props.menuPlacement}\r\n        menuPortalTarget={props.menuPortalTarget}\r\n        className='selectsearch'\r\n        defaultValue={props.label != null ? { label: props.label, value: props.value } : null}\r\n        classNamePrefix='selectsearch'\r\n        options={props.loading ? [{ value: 0, label: \"Loading...\", isDisabled: true }] : props.options ? props.options : []}\r\n        isSearchable={true}\r\n        isClearable={props.isClearable ? true : false}\r\n        noOptionsMessage={() => 'ไม่พบข้อมูล'}\r\n        isDisabled={props.isDisabled}\r\n        onChange={(event) => props.handleDropdownChange(event, props.setFunction, props.name, props.nameId)}\r\n      \r\n    >\r\n    </Select>\r\n\r\n\r\n    if (props.ver == 'gmap') {\r\n        se =\r\n            <Select\r\n                className='selectsearchG'\r\n                defaultValue={props.value == null ? null : { label: props.label, value: props.value }}\r\n                placeholder={props.ph}\r\n                classNamePrefix='selectsearchG'\r\n                options={props.loading ? [{ value: 0, label: \"Loading...\", isDisabled: true }] : props.options}\r\n                isSearchable={true}\r\n                noOptionsMessage={() => 'ไม่พบข้อมูล'}\r\n                styles={styles}\r\n                components={{ ValueContainer }}\r\n                onChange={(event) => props.handleDropdownChange(event, props.setFunction, props.name, props.nameId)}\r\n            >\r\n            </Select>\r\n    } else if (props.ver == 'Multi') {\r\n        se =\r\n        <Select\r\n            styles={{\r\n                control: styles => ({\r\n                    ...styles,\r\n                    borderColor: props.error === true ? 'red !important' : '#ced4da'\r\n                })\r\n            }}\r\n            className='selectsearch'\r\n          \r\n            name={props.name2}\r\n            placeholder={props.placeholder}\r\n            defaultValue={props.selectOption}\r\n            value={props.selectOption}\r\n            classNamePrefix='selectsearch'\r\n            options={props.loading ? [{ value: 0, label: \"Loading...\", isDisabled: true }] : props.options ? props.options : []}\r\n            isSearchable={true}\r\n            noOptionsMessage={() => 'ไม่พบข้อมูล'}\r\n            isDisabled={props.isDisabled}\r\n            onChange={(event) => props.handleDropdownChange(event, props.setFunction, props.name, props.nameId)}\r\n            isMulti={ true}\r\n        >\r\n        </Select>\r\n    }\r\n\r\n\r\n    return (\r\n        <React.Fragment>\r\n            {se}\r\n        </React.Fragment>\r\n\r\n    )\r\n}","export const encodedString = (value) => {\r\n  let data = window.btoa(value);\r\n  return data;\r\n};\r\n\r\nexport const decodedString = (value) => {\r\n  try {\r\n    let data = window.atob(value);\r\n    return data;\r\n  } catch (error) {\r\n    return \"\";\r\n  }\r\n};\r\n","import React from 'react'\r\nimport '../css/StationInfoBox.css'\r\nimport ScrollContainer from 'react-indiana-drag-scroll'\r\nimport moment from 'moment'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport { RiCloseCircleFill } from \"react-icons/ri\";\r\nimport { encodedString } from \"../Helper/ConvertBase64\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Spin } from \"antd\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nfunction StationInfoBox(props) {\r\n    let history = useHistory()\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-width: 769px)'\r\n    })\r\n\r\n    const isTabletOrMobileDevice = useMediaQuery({\r\n        query: '(max-width: 768px)'\r\n    })\r\n\r\n    const { t } = useTranslation();\r\n\r\n    function changePageToStationDetail(selectedId) {\r\n        var id = encodedString(props.clickMarkerData.stationId);\r\n        var urlString = '/station/detail?id=' + id\r\n        history.push(urlString)\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n\r\n            {isDesktopOrLaptop ?\r\n                <div className={props.showInfoBox ? 'stationInfoBox open' : 'stationInfoBox'}>\r\n                    <Spin style={{ zIndex: 1000 }} spinning={props.clickMarkerDataLoading}>\r\n                        <div style={{ display: 'flex', justifyContent: 'space-between', height: '100%' }}>\r\n                            <div style={{ display: 'flex', flexDirection: 'column', flex: '0.8', backgroundColor: '#C1ECFF', padding: '10px', overflowX: 'auto' }}>\r\n                                <ScrollContainer className='scroll-container'>\r\n                                    <div style={{ marginBottom: '10px' }}>{t('map.stationBox.code')}{/*รหัส*/} {props.clickMarkerData && props.clickMarkerData.stationLabel ? props.clickMarkerData.stationLabel : ''} : </div>\r\n                                    <div>{props.clickMarkerData && props.clickMarkerData.stationTh ? props.clickMarkerData.stationTh : ''}</div>\r\n                                    <div>{props.clickMarkerData && props.clickMarkerData.stationEn ? props.clickMarkerData.stationEn : ''}</div>\r\n                                    <div>{props.clickMarkerData && props.clickMarkerData.basin.basinTh ? props.clickMarkerData.basin.basinTh : ''} {props.clickMarkerData && props.clickMarkerData.basin.basinEn ? '(' + props.clickMarkerData.basin.basinEn + ')' : ''}</div>\r\n                                    <div onClick={changePageToStationDetail} style={{ color: '#5293CF', textDecoration: 'underline', cursor: 'pointer', marginTop: '10px' }}>{t('map.stationBox.stationinfo')}{/*รายละเอียดสถานี*/}</div>\r\n                                </ScrollContainer>\r\n                            </div>\r\n                            <div style={{ display: 'flex', flexDirection: 'column', flex: '1', backgroundColor: 'white', textAlign: 'center' }}>\r\n                                <div style={{ backgroundColor: '#F89494', padding: '2px' }}>{t('map.hydrology')}{/*ข้อมูลอุทกวิทยา*/}</div>\r\n                                <ScrollContainer className='scroll-container'>\r\n                                    <div style={{ display: 'flex', flexDirection: 'row' }}>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#A0E9FF' }} >{t('map.stationBox.gageHeight')} {/*ระดับน้ำ*/} </div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_gageheight.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyGageHeight != null ? props.clickMarkerData.hydroData.dailyGageHeight.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.metre')} {/*ม.*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyGageHeightDate != null ? moment(props.clickMarkerData.hydroData.dailyGageHeightDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#83FFDE' }}>{t('map.stationBox.discharge')}{/*ปริมาณน้ำ*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sealevel.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyDischarge != null ? props.clickMarkerData.hydroData.dailyDischarge.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.dischargeUnit')}{/*ลบ.ม./วินาที*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyDischargeDate != null ? moment(props.clickMarkerData.hydroData.dailyDischargeDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#FFCB79' }}>{t('map.stationBox.sediment')}{/*ปริมาณตะกอน*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sedi.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailySediment != null ? props.clickMarkerData.hydroData.dailySediment.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.sedimentUnit')}{/*ตัน*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailySedimentDate != null ? moment(props.clickMarkerData.hydroData.dailySedimentDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#FFB7FF' }}>{t('map.stationBox.waterQuality')}{/*คุณภาพน้ำ*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_waterq.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.waterQualityPh != null ? props.clickMarkerData.hydroData.waterQualityPh.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.pH')}{/*pH*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyWaterQualityDate != null ? moment(props.clickMarkerData.hydroData.dailyWaterQualityDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </ScrollContainer>\r\n                            </div>\r\n\r\n                            { /********** อุตุนิยมวิทยา **********/}\r\n\r\n                            <div style={{ display: 'flex', flexDirection: 'column', flex: 2, backgroundColor: 'white', textAlign: 'center', overflowX: 'auto' }}>\r\n                                <div style={{ backgroundColor: '#9894F8', padding: '2px' }}>{t('map.meteorology')}{/*ข้อมูลอุตุนิยมวิทยา*/} <span style={{ float: 'right' }}><RiCloseCircleFill style={{ cursor: 'pointer', height: '20px', width: '20px', color: 'white', position: 'relative', top: '-2px', zIndex: 1001 }} onClick={props.closeInfoBox} /></span></div>\r\n\r\n                                <ScrollContainer className='scroll-container'>\r\n                                    <div style={{ display: 'flex' }}>\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.rain')} {/*น้ำฝน*/} </div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_rain.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.rain != null ? props.clickMarkerData.meteoData.rain.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.millimetre')} {/*มม.*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.rainDate != null ? moment(props.clickMarkerData.meteoData.rainDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.evaporation')}{/*การระเหย*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wiflood.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.eva != null ? props.clickMarkerData.meteoData.eva.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.millimetre')}{/*มม.*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.evaDate != null ? moment(props.clickMarkerData.meteoData.evaDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.waterTemp')}{/*อุณภูมิน้ำ*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_thermometer.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.waterTemp != null ? props.clickMarkerData.meteoData.waterTemp.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.celsius')} {/*°C*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.waterTempDate != null ? moment(props.clickMarkerData.meteoData.waterTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '2' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.temp')}{/*อุณหภูมิอากาศ*/}</div>\r\n                                            <div style={{ display: 'flex', flexDirection: 'row' }}>\r\n                                                <div style={{ flex: '1' }}>\r\n                                                    <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.normalTemp')}{/*ปกติ*/}</div>\r\n                                                    <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.weatherTemp != null ? props.clickMarkerData.meteoData.weatherTemp.toFixed(2) : '-'}</div>\r\n                                                    <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                    <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.weatherTempDate != null ? moment(props.clickMarkerData.meteoData.weatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                </div>\r\n                                                <div style={{ flex: '1' }}>\r\n                                                    <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.maxTemp')}{/*สูงสุด*/}</div>\r\n                                                    <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.maxWeatherTemp != null ? props.clickMarkerData.meteoData.maxWeatherTemp.toFixed(2) : '-'}</div>\r\n                                                    <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                    <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.maxWeatherTempDate != null ? moment(props.clickMarkerData.meteoData.maxWeatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                </div>\r\n                                                <div style={{ flex: '1' }}>\r\n                                                    <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.minTemp')}{/*ต่ำสุด*/}</div>\r\n                                                    <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.minWeatherTemp != null ? props.clickMarkerData.meteoData.minWeatherTemp.toFixed(2) : '-'} </div>\r\n                                                    <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                    <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.minWeatherTempDate != null ? moment(props.clickMarkerData.meteoData.minWeatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.humidity')}{/*ความชื้นสัมพัทธ์*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wihumidity.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.humidity != null ? props.clickMarkerData.meteoData.humidity.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.percent')}{/*%*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.humidityDate != null ? moment(props.clickMarkerData.meteoData.humidityDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.wind')}{/*ความเร็วลม*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wistrongwind.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.wind != null ? props.clickMarkerData.meteoData.wind.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.km/hr')}{/*กม./ชม.*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.windDate != null ? moment(props.clickMarkerData.meteoData.windDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.sun')}{/*ความนานแสงแดด*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_suncloud.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.sun != null ? props.clickMarkerData.meteoData.sun.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.hr/day')}{/*ชม./วัน*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.sunDate != null ? moment(props.clickMarkerData.meteoData.sunDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.solar')}{/*ความเข้มแสงแดด*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sun.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.solar != null ? props.clickMarkerData.meteoData.solar.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.cal/hr')}{/*แคลอรี่/ซม.*/}<sup>2</sup>\r\n                                            </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.solarDate != null ? moment(props.clickMarkerData.meteoData.solarDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n                                    </div>\r\n                                </ScrollContainer >\r\n                            </div>\r\n\r\n                        </div>\r\n                    </Spin>\r\n                </div>\r\n                : ''}\r\n\r\n\r\n            { /*MOBILE*/}\r\n\r\n            {isTabletOrMobileDevice ?\r\n                <React.Fragment>\r\n                    <div className={props.showInfoBox ? 'stationInfoBoxMobile open' : 'stationInfoBoxMobile'}>\r\n                        <Spin style={{ zIndex: 1000 }} spinning={props.clickMarkerDataLoading}>\r\n                            <div style={{ display: 'flex', flexDirection: 'column', flex: '0.8' }}>\r\n\r\n                                <div style={{ padding: '10px', backgroundColor: '#C1ECFF' }}>\r\n                                    <span style={{ float: 'right' }}><RiCloseCircleFill style={{ cursor: 'pointer', height: '20px', width: '20px', color: 'white', position: 'relative', top: '-5px', zIndex: 1001 }} onClick={props.closeInfoBox} /></span>\r\n                                    <ScrollContainer className='scroll-container'>\r\n                                        <div>{t('map.stationBox.code')} {props.clickMarkerData && props.clickMarkerData.stationLabel ? props.clickMarkerData.stationLabel : ''} : {props.clickMarkerData && props.clickMarkerData.stationTh ? props.clickMarkerData.stationTh : ''} </div>\r\n                                        <div>{props.clickMarkerData && props.clickMarkerData.stationEn ? props.clickMarkerData.stationEn : ''}</div>\r\n                                        <div>{props.clickMarkerData && props.clickMarkerData.basin.basinTh ? props.clickMarkerData.basin.basinTh : ''} {props.clickMarkerData && props.clickMarkerData.basin.basinEn ? '(' + props.clickMarkerData.basin.basinEn + ')' : ''}</div>\r\n                                        <div onClick={changePageToStationDetail} style={{ color: '#5293CF', textDecoration: 'underline', cursor: 'pointer', marginTop: '10px' }}>{t('map.stationBox.stationinfo')}</div>\r\n                                    </ScrollContainer>\r\n                                </div>\r\n                                <ScrollContainer className='scroll-container'>\r\n                                    <div style={{ display: 'flex', flexDirection: 'row', textAlign: 'center' }}>\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#A0E9FF' }}>{t('map.stationBox.gageHeight')} {/*ระดับน้ำ*/} </div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_gageheight.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyGageHeight != null ? props.clickMarkerData.hydroData.dailyGageHeight.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.metre')} {/*ม.*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyGageHeightDate != null ? moment(props.clickMarkerData.hydroData.dailyGageHeightDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#83FFDE' }}>{t('map.stationBox.discharge')} {/*ปริมาณน้ำ*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sealevel.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyDischarge != null ? props.clickMarkerData.hydroData.dailyDischarge.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.dischargeUnit')} {/*ลบ.ม./วินาที*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyDischargeDate != null ? moment(props.clickMarkerData.hydroData.dailyDischargeDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#FFCB79' }}>{t('map.stationBox.sediment')} {/*ปริมาณตะกอน*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sedi.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailySediment != null ? props.clickMarkerData.hydroData.dailySediment.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.sedimentUnit')} {/*ตัน*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailySedimentDate != null ? moment(props.clickMarkerData.hydroData.dailySedimentDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ flex: '1' }}>\r\n                                            <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#FFB7FF' }}> {t('map.stationBox.waterQuality')} {/*คุณภาพน้ำ*/}</div>\r\n                                            <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_waterq.png'} />\r\n                                            <div className='stationInfoBoxItemVal'>\r\n                                                {props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.waterQualityPh != null ? props.clickMarkerData.hydroData.waterQualityPh.toFixed(2) : '-'}\r\n                                            </div>\r\n                                            <div>\r\n                                                {t('map.stationBox.pH')} {/*pH*/}\r\n                                        </div>\r\n                                            <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.hydroData && props.clickMarkerData.hydroData.dailyWaterQualityDate != null ? moment(props.clickMarkerData.hydroData.dailyWaterQualityDate).format('DD/MM/YYYY') : ''}</small>\r\n                                        </div>\r\n\r\n                                        <div style={{ display: 'flex' }}>\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.rain')} {/*น้ำฝน*/} </div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_rain.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.rain != null ? props.clickMarkerData.meteoData.rain.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.millimetre')} {/*ม.ม.*/}\r\n                                            </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.rainDate != null ? moment(props.clickMarkerData.meteoData.rainDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.evaporation')} {/*การระเหย*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wiflood.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.eva != null ? props.clickMarkerData.meteoData.eva.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.millimetre')} {/*มม.*/}\r\n                                                </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.evaDate != null ? moment(props.clickMarkerData.meteoData.evaDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.waterTemp')} {/*อุณภูมิน้ำ*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_thermometer.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.waterTemp != null ? props.clickMarkerData.meteoData.waterTemp.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.celsius')}{/*°C*/}\r\n                                            </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.waterTempDate != null ? moment(props.clickMarkerData.meteoData.waterTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '2' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.temp')}{/*อุณหภูมิอากาศ*/}</div>\r\n                                                <div style={{ display: 'flex', flexDirection: 'row' }}>\r\n                                                    <div style={{ flex: '1' }}>\r\n                                                        <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.normalTemp')}{/*ปกติ*/}</div>\r\n                                                        <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.weatherTemp != null ? props.clickMarkerData.meteoData.weatherTemp.toFixed(2) : '-'}</div>\r\n                                                        <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                        <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.weatherTempDate != null ? moment(props.clickMarkerData.meteoData.weatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                    </div>\r\n                                                    <div style={{ flex: '1' }}>\r\n                                                        <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.maxTemp')}{/*สูงสุด*/}</div>\r\n                                                        <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.maxWeatherTemp != null ? props.clickMarkerData.meteoData.maxWeatherTemp.toFixed(2) : '-'}</div>\r\n                                                        <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                        <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.maxWeatherTempDate != null ? moment(props.clickMarkerData.meteoData.maxWeatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                    </div>\r\n                                                    <div style={{ flex: '1' }}>\r\n                                                        <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.minTemp')}{/*ต่ำสุด*/}</div>\r\n                                                        <div style={{ margin: '3px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.minWeatherTemp != null ? props.clickMarkerData.meteoData.minWeatherTemp.toFixed(2) : '-'} </div>\r\n                                                        <div>{t('map.stationBox.celsius')}{/*°C*/}</div>\r\n                                                        <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.minWeatherTempDate != null ? moment(props.clickMarkerData.meteoData.minWeatherTempDate).format('DD/MM/YYYY') : ''}</small>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.humidity')} {/*ความชื้นสัมพัทธ์*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wihumidity.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.humidity != null ? props.clickMarkerData.meteoData.humidity.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.percent')} {/*%*/}\r\n                                            </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.humidityDate != null ? moment(props.clickMarkerData.meteoData.humidityDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.wind')} {/*ความเร็วลม*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_wistrongwind.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.wind != null ? props.clickMarkerData.meteoData.wind.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.km/hr')} {/*กม./ชม.*/}\r\n                                            </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.windDate != null ? moment(props.clickMarkerData.meteoData.windDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.sun')} {/*ความนานแสงแดด*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_suncloud.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.sun != null ? props.clickMarkerData.meteoData.sun.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.hr/day')} {/*ชม./วัน*/}\r\n                                            </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.sunDate != null ? moment(props.clickMarkerData.meteoData.sunDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n\r\n                                            <div style={{ flex: '1' }}>\r\n                                                <div className='stationInfoBoxItemHeader' style={{ backgroundColor: '#E1E0FF' }}>{t('map.stationBox.solar')} {/*ความเข้มแสงแดดแสง*/}</div>\r\n                                                <img className='stationInfoBoxItemImg' src={process.env.PUBLIC_URL + '/img/s_sun.png'} />\r\n                                                <div className='stationInfoBoxItemVal'>\r\n                                                    {props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.solar != null ? props.clickMarkerData.meteoData.solar.toFixed(2) : '-'}\r\n                                                </div>\r\n                                                <div>\r\n                                                    {t('map.stationBox.cal/hr')} {/*แคลอรี่/ซม.*/}<sup>2</sup>\r\n                                                </div>\r\n                                                <small style={{ margin: '0 2px' }}>{props.clickMarkerData && props.clickMarkerData.meteoData && props.clickMarkerData.meteoData.solarDate != null ? moment(props.clickMarkerData.meteoData.solarDate).format('DD/MM/YYYY') : ''}</small>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </ScrollContainer>\r\n                            </div>\r\n                        </Spin>\r\n                    </div>\r\n\r\n                </React.Fragment>\r\n\r\n                : ''}\r\n\r\n\r\n        </React.Fragment>\r\n    )\r\n}\r\n\r\nexport default React.memo(StationInfoBox)\r\n\r\n\r\n","import { map } from \"jquery\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nconst pathImg = \"/img/number/\";\r\nconst ex = \".gif\";\r\nconst number0 = pathImg + \"0.gif\";\r\nconst number1 = pathImg + \"1.gif\";\r\nconst number2 = pathImg + \"2.gif\";\r\nconst number3 = pathImg + \"3.gif\";\r\nconst number4 = pathImg + \"4.gif\";\r\nconst number5 = pathImg + \"5.gif\";\r\nconst number6 = pathImg + \"6.gif\";\r\nconst number7 = pathImg + \"7.gif\";\r\nconst number8 = pathImg + \"8.gif\";\r\nconst number9 = pathImg + \"9.gif\";\r\n\r\nexport default function CounterWeb({ number,style }) {\r\n  useEffect(() => {\r\n    \r\n  }, []);\r\n\r\n  const gennaratNumber = () => {\r\n    const zeroPad = (num, places) => String(num).padStart(places, '0')\r\n    \r\n    let numberFormat = zeroPad(number, 6);\r\n\r\n    const sNumber = [...numberFormat];\r\n\r\n    let imgEm = [];\r\n    for (const item of sNumber) {\r\n        let img = <img src={`${pathImg}${item}${ex}`} alt=\"0\" style={{width:'15px',height:'20px',position:'relative',bottom:'3px'}} />;\r\n      //setImgNumber({...imgNumber,img});\r\n      imgEm.push(img);\r\n    }\r\n\r\n    return imgEm;\r\n  };\r\n\r\n  return <span style={style}>{gennaratNumber()}\r\n  </span>;\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../../css/FooterPopup.css\";\r\nimport { IconContext } from \"react-icons\";\r\nimport { ImCross } from \"react-icons/im\";\r\nimport CounterWeb from \"../../Helper/CounterWeb\";\r\n\r\nconst popupPolicy = sessionStorage.getItem(\"popupPolicy\") ;\r\nconst currentVersion = process.env.REACT_APP_DWR_VERSION;\r\nexport default function Footer_Home({number}) {\r\n    const [popupModel, setPopupModel] = useState(popupPolicy?true:false);\r\n\r\n  const onClose = () => {\r\n    sessionStorage.setItem(\"popupPolicy\", \"1\");\r\n    setPopupModel(true);\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {popupModel ? null : (\r\n              <div className=\"footer-propup\">\r\n                  <div style={{ padding: \"12px\", textAlign:'center' }}>\r\n            <span style={{ color: \"#000\" }}>\r\n              Visitor Number\r\n              <CounterWeb style={{ marginLeft:8,marginRight:8}} number={number}/>\r\n              เงื่อนไขการให้บริการเว็บไซต์ {\" \"}\r\n              <a\r\n                href=\"/fileSample/C_YB2017.pdf\"\r\n                target=\"_blank\"\r\n              >\r\n                นโยบายเว็บไซต์และการปฏิเสธความรับผิดชอบ\r\n              </a>{\" \"}\r\n              |{\" \"}\r\n              <a href=\"/fileSample/privacy_policy.pdf\" target=\"_blank\">\r\n                นโยบายการคุ้มครองข้อมูลส่วนบุคคล\r\n              </a>{\" \"}\r\n              |{\" \"}\r\n              <a href=\"/fileSample/security_policy.pdf\" target=\"_blank\">\r\n                นโยบายความปลอดภัย {\" \"}\r\n              </a>\r\n              <br />\r\n                          <small>Copy Right © 2021 ส่วนวิจัย และพัฒนาอุทกวิทยา กองวิจัย พัฒนาและอุทกวิทยา กรมทรัพยากรน้ำ กระทรวงทรัพยากรธรรมชาติ และสิ่งแวดล้อม</small>\r\n                          <small style={{ position: 'absolute', bottom: '0', right: '0' }}>{currentVersion}</small>\r\n            </span>\r\n          </div>\r\n          <IconContext.Provider\r\n                value={{\r\n                  className: \"iconBtnProvider\",\r\n                  color: \"#fff\",\r\n                  size: 12,\r\n                }}\r\n              >\r\n                <div className=\"iconClose\" onClick={onClose} >\r\n                  <ImCross />\r\n                </div>\r\n              </IconContext.Provider>\r\n        </div>\r\n      )}\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport \"../css/MapRatio.css\";\r\nimport { Select } from \"antd\";\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function MapRatio(props) {\r\n  const { onChange } = props;\r\n  return (\r\n    <div className=\"mapRatioBox\">\r\n      <div style={{ padding: \"5px\" }}>\r\n        <Select\r\n          defaultValue={11.53054667497}\r\n          style={{ width: \"100%\" }}\r\n          onChange={onChange}\r\n        >\r\n          <Option value={11.53054667497}>มาตราส่วน 1:4,000</Option>\r\n          <Option value={7.88669048503}>มาตราส่วน 1:50,000</Option>\r\n          <Option value={6.8866904850234}>มาตราส่วน 1:100,000</Option>\r\n        </Select>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport Gmap from \"../googleMap/Gmap\";\r\nimport OptionBox from './OptionBox'\r\nimport NavBar from '../navbar/NavBar'\r\nimport SelectSearch from '../componentreuse/SelectSearch'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport AuthenServices from '../services/authenServices'\r\nimport StationInfoBox from '../home/StationInfoBox'\r\nimport Footer_Home from '../footer/home/Footer_Home';\r\nimport swal from 'sweetalert'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport MapRatio from './MapRatio'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function Home() {\r\n    const isTabletOrMobileDevice = useMediaQuery({\r\n        query: '(max-device-width: 768px)'\r\n    })\r\n\r\n    const [optionCheckbox, setOptionCheckbox] = useState({\r\n        cbMainBasin25: true,\r\n        cbSubBasin25: false,\r\n        cbMainBasin22: false,\r\n        cbSubBasin22: false,\r\n\r\n        cbMainRiver: true,\r\n        cbSubRiver: false,\r\n        cbGageHeight: true,\r\n        cbGageHeightVolume: false,\r\n        cbGageHeightVolumeSedi: false,\r\n        cbWaterQuality: false,\r\n        cbRain: false,\r\n        cbMeteo: false,\r\n        cbAutoGageHeight: false,\r\n        cbAutoMeteo: false,\r\n    })\r\n\r\n    const [markers, setMarkers] = useState(null)\r\n    const [clickData, setClickData] = useState({ marker: null, showInfoBox: false, loading:true })\r\n    const [search, setSearch] = useState({ list: null, loading: true, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } })\r\n    const _isMounted = useRef(true);\r\n    const [number, setNumber] = useState(0);\r\n    const { t } = useTranslation();\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function handleDropdownChange(value) {\r\n        setOptionCheckbox(prev => ({ ...prev, cbGageHeight: false, cbGageHeightVolume: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo:false }))\r\n        setSearch(prev => ({ ...prev, selected: value, isSearching: true }))\r\n        toggleInfoBox(value.value)\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function getStationMarkers() {\r\n        var gh = optionCheckbox.cbGageHeight ? '1' : '0'\r\n        var ghdc = optionCheckbox.cbGageHeightVolume ? '1' : '0'\r\n        var ghdcsd = optionCheckbox.cbGageHeightVolumeSedi ? '1' : '0'\r\n        var wq = optionCheckbox.cbWaterQuality ? '1' : '0'\r\n        var meteo = optionCheckbox.cbMeteo ? '1' : '0'\r\n        var rain = optionCheckbox.cbRain ? '1' : '0'\r\n        var autogh = optionCheckbox.cbAutoGageHeight ? '1' : '0'\r\n        var autometeo = optionCheckbox.cbAutoMeteo ? '1' : '0'\r\n        \r\n        if (gh === '0' && ghdc === '0' && ghdcsd === '0' && wq === '0' && meteo === '0' && rain === '0' && autogh === '0' && autometeo === '0') {\r\n            return \r\n        }\r\n\r\n        auth.fetchWithToken(url + '/api/v1/Stations/HydroMeteoSurvey?gh=' + gh + '&ghdc=' + ghdc + '&ghdcsd=' + ghdcsd + '&wq=' + wq + '&meteo=' + meteo + '&rain=' + rain + '&autogh=' + autogh + '&autometeo=' + autometeo, \"method:'GET'\")\r\n            .then(res => {\r\n                if (_isMounted.current) {\r\n                    setMarkers(res.data)\r\n                }\r\n            })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    const toggleInfoBox = (stationid) => {\r\n\r\n        setClickData({ marker: null, showInfoBox: true, loading: true })\r\n        auth.fetchWithToken(url + '/api/v1/Stations/' + stationid + '/HydroMeteoData' , \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    setClickData({ marker: res.data, showInfoBox: true, loading:false })\r\n                }\r\n\r\n            })\r\n            .catch(err => {\r\n                console.log(err)\r\n                swal({ text: 'ไม่สามารถดึงข้อมูลได้ กรุณาลองใหม่ภายหลัง', icon: 'warning' })\r\n                setClickData({ marker: null, showInfoBox: false, loading: false })\r\n            })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    const closeInfoBox = () => {\r\n        if (clickData.showInfoBox) {\r\n            setClickData({ marker: null, showInfoBox: false, loading:false })\r\n        }\r\n    } \r\n\r\n    const tabChange = (tab) => {\r\n        if (tab === '1') {\r\n            setOptionCheckbox(prev => ({ ...prev, cbGageHeight: true, cbGageHeightVolume: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo: false }))\r\n        }\r\n        else {\r\n            setOptionCheckbox(prev => ({ ...prev, cbAutoGageHeight: true, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbGageHeightVolume: false, cbAutoMeteo: false }))\r\n        }\r\n        setMarkers(null)\r\n        setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n        closeInfoBox()\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    const getStationList = () => {\r\n        //auth.fetchWithToken(url + '/api/v1/Stations/Search?search=' + search.selected.label + '&PageNumber=1&PageSize=10' + search.pagesize , \"method:'GET'\")\r\n            auth.fetchWithToken(url + '/api/v1/Stations', \"method:'GET'\")\r\n                .then(res => {\r\n                    if (_isMounted.current) {\r\n                        var stationDropdown = []\r\n\r\n                        res.data ? res.data.map((item, key) => {\r\n                            stationDropdown.push({ key: key, value: item.stationId, label: item.stationLabel + ' : ' + item.stationTh, stationId: item.stationId, data: item })\r\n                        }) : stationDropdown = []\r\n\r\n                        setSearch({ ...search, list: stationDropdown, loading: false })\r\n                    }\r\n                })\r\n                .catch(e => {\r\n                    console.log(e)\r\n                    if (_isMounted.current) {\r\n                        setSearch({ ...search, list: null, loading: false })\r\n                    }\r\n                    \r\n                })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function checkboxOnChange(e) {\r\n        var name = e.target.name\r\n        e.persist(); \r\n\r\n        if (name === 'cbGageHeight') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({...prev, [name]: e.target.checked, cbGageHeightVolume: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbGageHeightVolume') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo: false  }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbGageHeightVolumeSedi') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolume: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo: false  }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbWaterQuality') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbGageHeightVolume: false, cbRain: false, cbMeteo: false, cbAutoGageHeight: false, cbAutoMeteo: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbMeteo') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbGageHeightVolume: false, cbAutoGageHeight: false, cbAutoMeteo: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbRain') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbMeteo: false, cbGageHeightVolume: false, cbAutoGageHeight: false, cbAutoMeteo: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbAutoGageHeight') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbGageHeightVolume: false, cbAutoMeteo: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if (name === 'cbAutoMeteo') {\r\n            setMarkers(null)\r\n            setOptionCheckbox(prev => ({...prev, [name]: e.target.checked, cbGageHeight: false, cbGageHeightVolumeSedi: false, cbWaterQuality: false, cbRain: false, cbMeteo: false, cbGageHeightVolume: false, cbAutoGageHeight: false }))\r\n            setSearch(prev => ({ ...prev, isSearching: false, selected: { value: null, label: \"ค้นหาสถานี\", data: null } }))\r\n            closeInfoBox()\r\n        }\r\n        else if(name == \"cbMainBasin25\" || name == \"cbSubBasin25\"){\r\n            setOptionCheckbox(prev => ({...prev, [name]: e.target.checked, cbMainBasin22: false, cbSubBasin22: false }))\r\n        }else if(name == \"cbMainBasin22\" || name == \"cbSubBasin22\"){\r\n            setOptionCheckbox(prev => ({...prev, [name]: e.target.checked, cbMainBasin25: false, cbSubBasin25: false }))\r\n        }\r\n        else {\r\n            setOptionCheckbox(prev => ({ ...prev, [name]: e.target.checked }))\r\n        }\r\n\r\n        //var name = e.target.name\r\n        //setOptionCheckbox({ ...optionCheckbox, [name]: e.target.checked })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        getStationMarkers()\r\n        onChangeMapRation(11.53054667497);\r\n    }, [optionCheckbox])\r\n\r\n    useEffect(() => {\r\n        getStationList()\r\n        countWeb();\r\n        return () => {\r\n            _isMounted.current = false;\r\n        }\r\n    }, [])\r\n\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    const countWeb = () => {\r\n    auth.fetchWithToken(url + '/api/v1/counterWeb?system=is',{method : 'post' })\r\n        .then(res => {\r\n            if (res.data ) {\r\n                setNumber(res.data);\r\n            }\r\n        })\r\n        .catch(e => {\r\n        })\r\n    }\r\n\r\n    const [mapRation, setMapRation] = useState(11.53054667497);\r\n    const onChangeMapRation = (e) => {\r\n        setMapRation(e);\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <img src={process.env.PUBLIC_URL + '/img/Logodwr.png'} style={{ opacity: '0.8', height: 'auto', width: '80px', position: 'absolute', zIndex: '1000', left: '15px', display: isTabletOrMobileDevice ? 'none' : '' }} />\r\n            <NavBar name='gmap' />\r\n\r\n            <SelectSearch\r\n                key={search.selected.value}\r\n                label={search.selected.label}\r\n                value={search.selected.value}\r\n                ph={t('map.searchStation')}\r\n                ver='gmap'\r\n                options={search.list}\r\n                loading={search.loading}\r\n                handleDropdownChange={handleDropdownChange}\r\n            />\r\n\r\n            <OptionBox\r\n                checkboxOnChange={checkboxOnChange}\r\n                optionCheckbox={optionCheckbox}\r\n                tabChange={tabChange}\r\n            />\r\n\r\n            <MapRatio onChange={onChangeMapRation}/>\r\n\r\n                <Gmap\r\n                    optionCheckbox={optionCheckbox}\r\n                    getStationMarkers={getStationMarkers}\r\n                    markers={markers}\r\n                    toggleInfoBox={toggleInfoBox}\r\n                    closeInfoBox={closeInfoBox}\r\n                    clickMarkerData={clickData.marker}\r\n                    isSearching={search.isSearching}\r\n                    searchSelected={search.selected}\r\n                    mapRation={mapRation}\r\n            />\r\n\r\n            <StationInfoBox\r\n                clickMarkerData={clickData.marker}\r\n                clickMarkerDataLoading={clickData.loading}\r\n                showInfoBox={clickData.showInfoBox}\r\n                closeInfoBox={closeInfoBox}\r\n            />\r\n\r\n            <Footer_Home number={number}/>\r\n            \r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React from 'react'\r\n\r\nexport default function DwrLayout(props) {\r\n\r\n    return (\r\n        <React.Fragment>\r\n               \r\n                <div style={{ textAlign: 'center', padding: '10px', fontWeight: 'bold', backgroundColor: '#C1ECFF' }}>\r\n                        {props.backBtn === true ? <span style={{ float: 'left', cursor:'pointer' }} onClick={() => props.handlePage(props.name)}> {'<< '}กลับ</span> : ''}\r\n                        {props.title}\r\n                    </div>\r\n                    <div style={{ backgroundColor: 'white', padding: '25px' }}>\r\n                        {props.children}\r\n                    </div>\r\n        \r\n        </React.Fragment>\r\n\r\n    )\r\n}","import React from 'react'\r\nimport PaginationJS from \"react-js-pagination\"\r\nimport { Pagination } from 'reactstrap';\r\nimport '../css/Pagination.css'\r\n\r\n//********************************************************************************************************************************\r\n\r\nexport default function TablePagination(props) {\r\n\r\n    return (\r\n        props.totalPage >= 2 ?\r\n            <Pagination size='sm' className='paginationjs' style={{ display: 'flex', justifyContent: 'flex-end' }}>\r\n                <PaginationJS\r\n                    activePage={props.currentPage}\r\n                    itemsCountPerPage={props.itemsCountPerPage ? props.itemsCountPerPage : 10}\r\n                    totalItemsCount={props.totalItems}\r\n                    pageRangeDisplayed={5}\r\n                    onChange={(e) => props.handlePagination(e)}\r\n                    itemClass='page-item'\r\n                    linkClass='page-link'\r\n                    prevPageText='<'\r\n                    nextPageText='>'\r\n                    firstPageText='<<'\r\n                    lastPageText='>>'\r\n                    hideDisabled\r\n                />\r\n            </Pagination>\r\n\r\n            : ''\r\n    )\r\n\r\n}","import React, { useEffect, useState } from 'react'\r\nimport TablePagination from '../componentreuse/TablePagination'\r\nimport { Row, Col } from 'reactstrap'\r\nimport AuthenServices from '../services/authenServices'\r\nimport { Spin } from \"antd\";\r\nimport moment from 'moment'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\nvar noimg = process.env.PUBLIC_URL + '/img/No_Image.png'\r\n\r\nexport default function NewsTable(props) {\r\n\r\n    const [stationList, setStationList] = useState([])\r\n    const [page, setPage] = useState({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n    const [loading, setLoading] = useState(false)\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        getStationList()\r\n    }, [page.pageNumber])\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function getStationList() {\r\n        setLoading(true)\r\n        auth.fetchWithToken(url + '/api/v1/NewsRelease/NewsLists_IS/' + props.tableNewsType + '?PageNumber=' + page.pageNumber + '&PageSize=' + page.pageSize, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    setStationList(res.data.items)\r\n                    setPage(res.data.paging)\r\n                    setLoading(false)\r\n                } else {\r\n                    setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                    setLoading(false)\r\n                    setStationList([])\r\n                }\r\n\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                setLoading(false)\r\n                setStationList([])\r\n            })\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function handlePagination(pagenum) {\r\n        const totalpage = page.totalPages\r\n        if (pagenum < 1) {\r\n            pagenum = 1\r\n        }\r\n        else if (pagenum > totalpage) {\r\n            pagenum = totalpage\r\n        }\r\n\r\n        setPage(prev => ({ ...prev, pageNumber: pagenum }))\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Spin spinning={loading}>\r\n                <Row>\r\n                    {stationList.length > 0 ? stationList.map((item, key) => {\r\n                        var img = item.imageAttachfile != null && item.imageAttachfile.length > 0 ? item.imageAttachfile[0] : null\r\n\r\n                        return (\r\n                            <React.Fragment key={key}>\r\n                                <Col xl={4} lg={4} md={6} sm={6} xs={12} style={{ margin: '10px 0' }}>\r\n                                    <div className='cardTrans' onClick={() => props.handlePage('stationedit', item.newsID, item.newsTitle)}>\r\n                                        <img\r\n                                            style={{ width: '100%', minHeight: '100px', maxHeight: '100px', objectFit: img == null ? 'contain' : 'cover', borderTopLeftRadius: '6px', borderTopRightRadius: '6px' }}\r\n                                            src={img == null ? noimg : img}\r\n                                            onClick={() => props.handlePage('stationedit', item.newsID, item.newsTitle)}\r\n                                            onError={(e) => {\r\n                                                e.target.src = noimg\r\n                                                e.target.style.objectFit = 'contain'\r\n                                            }}\r\n                                        />\r\n                                        <div className='slimscrolltext' style={{ overflow: 'auto', padding: '5px' }}>\r\n                                            <div style={{ fontWeight: 'bold', fontSize: '14px' }}>{item.newsTitle}</div>\r\n                                            <small style={{ wordBreak: 'break-word' }}>{item.intTopicDetail}</small> <br />\r\n                                            <small>{moment(item.newsStartDate).format('DD/MM/YYYY')}</small>\r\n                                        </div>\r\n                                    </div>\r\n                                </Col>\r\n                            </React.Fragment>\r\n                        )\r\n                    }) : ''}\r\n                </Row>\r\n                <Row>\r\n                    <Col>\r\n                        <TablePagination\r\n                            handlePagination={handlePagination}\r\n                            itemsCountPerPage={page.pageSize}\r\n                            totalItems={page.totalItems}\r\n                            currentPage={page.pageNumber}\r\n                            totalPage={page.totalPages}\r\n                        />\r\n                    </Col>\r\n                </Row>\r\n            </Spin>\r\n        </React.Fragment>\r\n    )\r\n\r\n}","import React from 'react'\r\n//import subDays from 'date-fns/subDays'\r\nimport { Label, FormGroup } from 'reactstrap'\r\nimport DatePicker, { registerLocale } from 'react-datepicker'\r\nimport \"react-datepicker/dist/react-datepicker.css\"\r\nimport '../css/DwrDatePicker.css'\r\nimport th from \"date-fns/locale/th\";\r\nregisterLocale('th', th)\r\n\r\nvar startY = process.env.REACT_APP_DWR_START_YEAR\r\n\r\nexport default function DwrDatePicker(props) {\r\n\r\n    function handleDateChangeRaw(e) {\r\n        e.preventDefault()\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n       \r\n    const now = new Date()\r\n    const months = [\r\n        \"มกราคม\",\r\n        \"กุมภาพันธ์\",\r\n        \"มีนาคม\",\r\n        \"เมษายน\",\r\n        \"พฤษภาคม\",\r\n        \"มิถุนายน\",\r\n        \"กรกฎาคม\",\r\n        \"สิงหาคม\",\r\n        \"กันยายน\",\r\n        \"ตุลาคม\",\r\n        \"พฤศจิกายน\",\r\n        \"ธันวาคม\"\r\n    ];\r\n    let years = []\r\n    let dp = ''\r\n\r\n    for (let i = now.getFullYear() + 30; i >= startY; i--) {\r\n        years.push(i)\r\n    }\r\n\r\n    now.setHours(0, 0, 0, 0)\r\n\r\n    \r\n\r\n    if (props.format === 'year') {\r\n        const min = new Date(startY, 0, 0);\r\n        var yearformat = \"yyyy (\" + (props.startDate.getFullYear() + 543) + \")\"\r\n\r\n        dp = <DatePicker selected={props.startDate}\r\n            locale={th}\r\n            maxDate={now}\r\n            minDate={min}\r\n            className='form-control'\r\n            style={{ margin: '5px' }}\r\n            onChange={date => props.handleDateChange(date, props.setFunction, props.idx, props.typeDate)}\r\n            dateFormat={yearformat}\r\n            onChangeRaw={handleDateChangeRaw}\r\n            showYearPicker\r\n            popperPlacement={props.popperPlacement}\r\n        >\r\n        </DatePicker>\r\n    }\r\n    else if (props.format === 'monthyearth') {\r\n        var yearformat = \"MMMM yyyy (\" + (props.startDate.getFullYear() + 543) + \")\"\r\n\r\n        dp = <DatePicker selected={props.startDate}\r\n            locale={th}\r\n            maxDate={now}\r\n            className='form-control'\r\n            style={{ margin: '5px' }}\r\n            onChange={date => props.handleDateChange(date, props.setFunction)}\r\n            dateFormat={yearformat}\r\n            onChangeRaw={handleDateChangeRaw}\r\n            showMonthYearPicker={props.format === 'monthyearth' ? true : false}\r\n            popperPlacement={props.popperPlacement}\r\n            renderCustomHeader={({\r\n                date,\r\n                changeYear,\r\n                decreaseYear,\r\n                increaseYear,\r\n                prevYearButtonDisabled,\r\n                nextYearButtonDisabled\r\n            }) => {\r\n                return (\r\n                    <div style={{ margin: 10, display: \"flex\", justifyContent: \"center\" }}>\r\n                        <button onClick={decreaseYear} disabled={prevYearButtonDisabled}>{\"<\"}</button>\r\n                        <select value={new Date(date).getFullYear()} onChange={({ target: { value } }) => changeYear(value)}>\r\n                            {years.map(option => (\r\n                                <option key={option} value={option}>\r\n                                    {option}\r\n                                </option>\r\n                            ))}\r\n                        </select>\r\n\r\n                        <button onClick={increaseYear} disabled={nextYearButtonDisabled}>\r\n                            {\">\"}\r\n                        </button>\r\n                    </div>\r\n                )\r\n            }}\r\n        >\r\n        </DatePicker>\r\n    } else if (props.format === 'dayth')\r\n    {\r\n        var yearformat = \"dd MMMM yyyy (\" + (props.startDate.getFullYear() + 543) + \")\"\r\n\r\n        dp = <DatePicker selected={props.startDate}\r\n            locale={th}\r\n            maxDate={now}\r\n            className='form-control'\r\n            style={{ margin: '5px' }}\r\n            onChange={date => props.handleDateChange(date, props.setFunction)}\r\n            dateFormat={yearformat}\r\n            onChangeRaw={handleDateChangeRaw}\r\n            showMonthYearPicker={props.showMonthYearPicker ? true : false}\r\n            disabledKeyboardNavigation\r\n            placeholderText=\"วว/ดด/ปป\"\r\n            disabled={props.disabled ? true : false}\r\n            popperProps={props.popperProps}\r\n            isClearable={props.isClearable ? true : false}\r\n            renderCustomHeader={({\r\n                date,\r\n                changeYear,\r\n                changeMonth,\r\n                decreaseMonth,\r\n                increaseMonth,\r\n                prevMonthButtonDisabled,\r\n                nextMonthButtonDisabled\r\n            }) => {\r\n                return (\r\n                    <div style={{ margin: 10, display: \"flex\", justifyContent: \"center\" }}>\r\n                        <button onClick={decreaseMonth} disabled={prevMonthButtonDisabled}>{\"<\"}</button>\r\n                        <select value={new Date(date).getFullYear()} onChange={({ target: { value } }) => changeYear(value)}>\r\n                            {years.map(option => (\r\n                                <option key={option} value={option}>\r\n                                    {option}\r\n                                </option>\r\n                            ))}\r\n                        </select>\r\n                        <select\r\n                            value={months[new Date(date).getMonth()]}\r\n                            onChange={({ target: { value } }) =>\r\n                                changeMonth(months.indexOf(value))\r\n                            }\r\n                        >\r\n                            {months.map(option => (\r\n                                <option key={option} value={option}>\r\n                                    {option}\r\n                                </option>\r\n                            ))}\r\n                        </select>\r\n\r\n                        <button onClick={increaseMonth} disabled={nextMonthButtonDisabled}>\r\n                            {\">\"}\r\n                        </button>\r\n                    </div>\r\n                )\r\n            }}\r\n        >\r\n        </DatePicker>\r\n    }\r\n    else {\r\n        dp = <DatePicker selected={props.startDate}\r\n            excludesDate={props.excludesDate ? props.excludesDate : null}\r\n            selectsStart={props.selectsStart ? true : false}\r\n            selectsEnd={props.selectsEnd ? true : false}\r\n            startDate={props.startRangeDate}\r\n            endDate={props.startEndDate}\r\n            minDate={props.minDate}\r\n            maxDate={props.allDateAvailable ? null : props.maxDate ? props.maxDate : now}\r\n            locale={th}\r\n            className='form-control'\r\n            style={{ margin: '5px' }}\r\n            onChange={date => props.handleDateChange(date, props.setFunction)}\r\n            //dateFormat={props.format === 'month' ? 'MMMM yyyy' : 'dd MMMM yyyy'}\r\n            dateFormat={props.dateFormat ? props.dateFormat : 'dd/MM/yyyy'}\r\n            onChangeRaw={handleDateChangeRaw}\r\n            //showMonthYearPicker={props.format === 'month' ? true : false}\r\n            showMonthYearPicker={props.showMonthYearPicker ? true : false}\r\n            disabledKeyboardNavigation\r\n            placeholderText={props.placeholderText ? props.placeholderText : \"วว/ดด/ปป\"}\r\n            disabled={props.disabled ? true : false}\r\n            popperProps={props.popperProps}\r\n            isClearable={props.isClearable ? true : false}\r\n            renderCustomHeader={({\r\n                date,\r\n                changeYear,\r\n                changeMonth,\r\n                decreaseMonth,\r\n                increaseMonth,\r\n                prevMonthButtonDisabled,\r\n                nextMonthButtonDisabled\r\n            }) => {\r\n                return(\r\n                    <div style={{ margin: 10, display: \"flex\", justifyContent: \"center\" }}>\r\n                        <button onClick={decreaseMonth} disabled={prevMonthButtonDisabled}>{\"<\"}</button>\r\n                        <select value={new Date(date).getFullYear()} onChange={({ target: { value } }) => changeYear(value)}>\r\n                            {years.map(option => (\r\n                                <option key={option} value={option}>\r\n                                    {option}\r\n                                </option>\r\n                            ))}\r\n                        </select>\r\n                        <select\r\n                            value={months[new Date(date).getMonth()]}\r\n                            onChange={({ target: { value } }) =>\r\n                                changeMonth(months.indexOf(value))\r\n                            }\r\n                        >\r\n                            {months.map(option => (\r\n                                <option key={option} value={option}>\r\n                                    {option}\r\n                                </option>\r\n                            ))}\r\n                        </select>\r\n\r\n                        <button onClick={increaseMonth} disabled={nextMonthButtonDisabled}>\r\n                            {\">\"}\r\n                        </button>\r\n                    </div>\r\n                )}}\r\n        >\r\n        </DatePicker>\r\n    }\r\n        return (\r\n            <FormGroup>\r\n                <div style={{ position:'relative' }}>\r\n                    {props.labelname ? <Label> {props.labelname} </Label> : ''}\r\n                    {dp}\r\n                </div>\r\n            </FormGroup>\r\n        )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport SelectSearch from '../componentreuse/SelectSearch'\r\nimport DwrDatePicker from '../componentreuse/DwrDatePicker'\r\nimport { Row, Col, FormGroup, Label, Input, ButtonGroup, Button, CustomInput, InputGroup, InputGroupAddon, InputGroupText, Form, Table } from 'reactstrap'\r\nimport '../css/Sediment.css'\r\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap';\r\nimport AuthenServices from '../services/authenServices'\r\nimport { Bar } from 'react-chartjs-2'\r\nimport TextArea from 'antd/lib/input/TextArea'\r\nimport swal from \"sweetalert\";\r\n\r\nvar auth = new AuthenServices()\r\nexport default function NewsImageModal(props) {\r\n    var url = process.env.REACT_APP_DWR_API;\r\n    var datenow = new Date(Date.now())\r\n    const [dataRemark, setDataRemark] = useState({ selected: { value: props.newsImageModal.remarkid, label: props.newsImageModal.remarkComment }, list: null, loading: true })\r\n    const rt1 = []\r\n    const rt2 = []\r\n    const [itemId, setItemid] = useState(undefined);\r\n    const dischargeObserve = []\r\n    const [postBy, setPostBy] = useState(\"\")\r\n    const [topic, setTopic] = useState(\"\")\r\n    const [message, setMessage] = useState(\"\")\r\n    const [showinput, setShowInput] = useState(0)\r\n    const [data, setData] = useState({ publish: \"Y\", WebBoardImageByte: \"\" });\r\n    const [loading, setLoading] = useState(false)\r\n\r\n    //newsImageData\r\n\r\n    function toggleModal() {\r\n        props.setNewsImageModal(prev => ({ ...prev, click: !prev.click }))\r\n    }\r\n    const convertBase64ToFile = (image) => {\r\n        const byteString = atob(image.split(',')[1]);\r\n        const ab = new ArrayBuffer(byteString.length);\r\n        const ia = new Uint8Array(ab);\r\n        for (let i = 0; i < byteString.length; i += 1) {\r\n            ia[i] = byteString.charCodeAt(i);\r\n        }\r\n        const newBlob = new Blob([ab], {\r\n            type: 'image/*',\r\n        });\r\n        return newBlob;\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Modal isOpen={props.newsImageModal.click ? true : false} toggle={toggleModal} size='lg' >\r\n                <ModalHeader toggle={toggleModal} style={{ borderBottom: 'none', paddingBottom: '0px' }}>\r\n                </ModalHeader>\r\n                <ModalBody>\r\n                    <div>\r\n                        <Row style={{ marginBottom: '10px' }} className=\"justify-content-md-center\">\r\n                            <Col xs lg=\"8\" md={12} sm={12}>\r\n                                <FormGroup style={{ justifyContent: 'center' }} row>\r\n                                    <React.Fragment>\r\n                                        <div style={{ backgroundSize: 'cover' }}>\r\n                                            <Row justify=\"center\">\r\n                                                <Col lg=\"12\" md=\"12\" sm=\"12\">\r\n                                                <img style={{maxWidth:'100%',maxHeight:'100%'}}\r\n                                                    src={props.newsImageModal.data}\r\n                                                        className=\"img-weblink\" />\r\n                                                </Col>\r\n                                                </Row>\r\n                                        </div>\r\n                                    </React.Fragment>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </div>\r\n                    <div></div>\r\n                </ModalBody>\r\n            </Modal>\r\n        </React.Fragment>\r\n    )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Row, Col, FormGroup, Label } from 'reactstrap'\r\nimport AuthenServices from '../services/authenServices'\r\nimport swal from 'sweetalert'\r\nimport { FaPaperclip } from 'react-icons/fa'\r\nimport { LoopCircleLoading } from 'react-loadingg'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport Lightbox from 'react-image-lightbox'\r\nimport 'react-image-lightbox/style.css'\r\nimport NewsImageModal from './NewsImageModal'\r\nimport moment from 'moment'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function NewsDetail(props) {\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-device-width: 769px)'\r\n    })\r\n\r\n    const [news, setNews] = useState(null)\r\n    const [loading, setLoading] = useState(true)\r\n    const [lightBox, setLightBox] = useState({\r\n        photoIndex: 0,\r\n        isOpen: false,\r\n    })\r\n\r\n    const [newsImageData, setNewsImageData] = useState(null)\r\n    const [newsImageModal, setNewsImageModal] = useState({ data: null, click: false, id: \"0\", idx: 0, remarkid: 0, remarkDesc: \"\", remarkComment: \"\" })\r\n    const [images, setImages] = useState([])\r\n\r\n    function getStationData() {\r\n        auth.fetchWithToken(url + '/api/v1/NewsRelease/getInfoNewsDetail/' + props.editNewsId, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    if (res.data.imageAttachfile.length > 0) {\r\n                        res.data.imageAttachfile.forEach(x => x = convertBase64ToFile(x))\r\n                    }\r\n                    setNews(res.data)\r\n                    setImages(res.data.imageAttachfile)\r\n                }\r\n                setLoading(false)\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setLoading(false)\r\n            })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (props.name === 'detail') {\r\n            getStationData()\r\n        }\r\n    }, [])\r\n\r\n    const convertBase64ToFile = (image) => {\r\n        const byteString = atob(image.split(',')[1]);\r\n        const ab = new ArrayBuffer(byteString.length);\r\n        const ia = new Uint8Array(ab);\r\n        for (let i = 0; i < byteString.length; i += 1) {\r\n            ia[i] = byteString.charCodeAt(i);\r\n        }\r\n        const newBlob = new Blob([ab], {\r\n            type: 'image/*',\r\n        });\r\n        return newBlob;\r\n    };\r\n\r\n    const DownloadFile = (pathname) => {\r\n        auth.fetchWithToken(url + \"/api/v1/WebSettings/WebBoardDownload?filename=\" + \"\" + pathname, { method: 'GET', responseType: 'blob', params: {}, arrayFormat: 'repeat' })\r\n            .then(res => {\r\n                if (auth._IsSuccessResponse(res)) {\r\n                    var ext = pathname.substr(pathname.lastIndexOf('.') + 1);\r\n                    ext = '.' + ext;\r\n                    const url = window.URL.createObjectURL(new Blob([res.data]));\r\n                    const link = document.createElement('a');\r\n                    link.href = url;\r\n                    link.setAttribute('download', `DownloadFile${ext}`);\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                }\r\n            }).catch((err) => {\r\n                console.log(err)\r\n                swal({ text: 'ไม่สามารถสร้างไฟล์ข้อมูลระดับน้ำได้ กรุณาลองใหม่ภายหลัง', icon: 'warning' })\r\n            })\r\n    };\r\n   \r\n\r\n    return (\r\n        <React.Fragment>\r\n            {props.name === 'detail' && loading === true ? <LoopCircleLoading style={{ position: 'fixed', top: '50%', left: isDesktopOrLaptop ? '60%' : '50%', zIndex: '50' }} />\r\n                :\r\n                <React.Fragment>\r\n                    <Row className=\"justify-content-md-center\">\r\n                        <Col className='customColStI' lg={12} md={12} sm={12} xs={12}>\r\n                            <FormGroup row>\r\n                                <Label sm={7} style={{ fontWeight: 'bold' }}> {props.editNewsName} </Label>\r\n                                <div style={{ width: '100%' }}>\r\n                                    <Row style={{marginLeft:'0px'}}>\r\n                                        <Label lg=\"8\" md={8} sm={12} > {moment(news.newsStartDate).format('DD/MM/YYYY')} </Label>\r\n                                        <Col lg=\"3\" md={3} sm={12} style={{ display: news.fileAttach ? 'block' : 'none', cursor: 'pointer' }}>\r\n                                            <Label lg=\"11\" md={11} sm={12} style={{ textAlign:'right' }}> เอกสารแนบ</Label>\r\n                                            <FaPaperclip lg=\"1\" md={1} sm={12} onClick={e => DownloadFile(news.fileAttach)} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                </div>\r\n                                <div style={{ marginTop: '15px', wordBreak: 'break-word'  }}> {news.newsDetail ? news.newsDetail : ''} </div>\r\n                            </FormGroup>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    {news && news.imageAttachfile.length > 0 ?\r\n                        <div style={{ marginTop: '10px', display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start' }}>\r\n                            {news.imageAttachfile.map((item, key) => {\r\n                                return (\r\n                                    <React.Fragment key={key}>\r\n                                        <img\r\n                                            style={{ width: 'auto', height: '120px', margin:'5px', cursor: 'pointer' }}\r\n                                            src={item}\r\n                                            onClick={() => setLightBox(prev => ({ photoIndex: key, isOpen: true }))}\r\n                                        />\r\n                                    </React.Fragment>\r\n                                )\r\n                            })}\r\n                        </div>\r\n\r\n                        : ''}\r\n\r\n                </React.Fragment>\r\n                \r\n            }\r\n            {lightBox.isOpen && (\r\n                <Lightbox\r\n                    mainSrc={images[lightBox.photoIndex]}\r\n                    nextSrc={images[(lightBox.photoIndex + 1) % images.length]}\r\n                    prevSrc={images[(lightBox.photoIndex + images.length - 1) % images.length]}\r\n                    onCloseRequest={() => setLightBox(prev => ({ ...prev, isOpen: false }))}\r\n                    onMovePrevRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + images.length - 1) % images.length }))}\r\n                    onMoveNextRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + 1) % images.length }))}\r\n\r\n                />\r\n            )}\r\n            {newsImageModal.click &&\r\n                <NewsImageModal\r\n                    newsImageModal={newsImageModal}\r\n                    setNewsImageModal={setNewsImageModal}\r\n                    newsImageData={newsImageData}\r\n                    setNewsImageData={setNewsImageData}\r\n                />}\r\n        </React.Fragment>\r\n\r\n    )\r\n}","export const getParameterByName = (name, url = window.location.href) => {\r\n    name = name.replace(/[\\[\\]]/g, '\\\\$&');\r\n    var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),\r\n        results = regex.exec(url);\r\n    if (!results) return null;\r\n    if (!results[2]) return '';\r\n    return decodeURIComponent(results[2].replace(/\\+/g, ' '));\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Row, Col, Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport NewsLists from '../news/NewsTable'\r\nimport NewsDetail from '../news/NewsDetail'\r\nimport { getParameterByName } from \"../Helper/ReadQueryUrl\";\r\n\r\nexport default function News() {\r\n\r\n    const [newsPage, setNewsPage] = useState({ name: 'list', newsId: null, newsName: null })\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    const [currentTab, setCurrentTab] = useState(1);\r\n    const [dataSource, setDataSource] = useState([]);\r\n    const [currentPage, setCurrentPage] = useState(1);\r\n    function handlePage(_name, id, stdname) {\r\n        setNewsPage({ name: _name, newsId: id, newsName: stdname })\r\n    }\r\n    //useEffect(() => {\r\n    //    setCurrentPage(1);\r\n    //}, [currentTab]);\r\n\r\n    useEffect(() => {\r\n        let menuId = getParameterByName(\"menuId\");\r\n        if(menuId) setCurrentTab(menuId);\r\n      }, []);\r\n\r\n    const handleChangeTab = (e) => {\r\n        var name = e.currentTarget.getAttribute(\"name\");\r\n\r\n        if (name === \"tab1\") {\r\n            setCurrentTab(1);\r\n        } else if (name === \"tab2\") {\r\n            setCurrentTab(2);\r\n        }\r\n        else if (name === \"tab3\") {\r\n            setCurrentTab(3);\r\n        }\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n            <Spin spinning={loading}>\r\n                <Row style={{ margin: \"0\" }}>\r\n                    <Col style={{ padding: \"0px\" }}>\r\n                        <DwrLayout title=\"ข่าวสาร\">\r\n                            <Row>\r\n                                <Col xl={3} lg={3} md={4}>\r\n                                    <Jumbotron\r\n                                        name=\"tab1\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab === 1 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                            <div>ข่าวประชาสัมพันธ์</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab2\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab === 2 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                            <div>กิจกรรม</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab3\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab === 3 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                            <div>เรื่องน่ารู้</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                </Col>\r\n                                <Col xl={9} lg={9} md={8}>\r\n                                    <div\r\n                                        style={{\r\n                                            backgroundColor: \"#F7F7F7\",\r\n                                            minHeight: \"200px\",\r\n                                            padding: \"10px\",\r\n                                        }}\r\n                                    >\r\n                                        {currentTab == 1 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === 'stationedit' ? true : false}\r\n                                                title={newsPage.name === 'list' ? 'ข่าวประชาสัมพันธ์' : 'ข่าวประชาสัมพันธ์'}\r\n                                                name='list' >\r\n\r\n                                                {newsPage.name === 'list' ?\r\n                                                    <NewsLists handlePage={handlePage} tableNewsType={1} />\r\n                                                    : ''}\r\n\r\n                                                {newsPage.name === 'stationedit' ?\r\n                                                    <NewsDetail name='detail' editNewsId={newsPage.newsId} editNewsName={newsPage.newsName} />\r\n                                                    : ''}\r\n\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                        {currentTab == 2 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === 'stationedit' ? true : false}\r\n                                                title={newsPage.name === 'list' ? 'กิจกรรม' : 'กิจกรรม'}\r\n                                                name='list' >\r\n                                                \r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                        {currentTab == 3 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === 'stationedit' ? true : false}\r\n                                                title={newsPage.name === 'list' ? 'เรื่องน่ารู้' : 'เรื่องน่ารู้'}\r\n                                                name='list'\r\n                                            >\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>\r\n                        </DwrLayout>\r\n                    </Col>\r\n                </Row>\r\n            </Spin>\r\n            \r\n        </React.Fragment>\r\n    )\r\n}","import React, { useState } from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nvar auth = new AuthenServices();\r\n\r\nexport default function ContactUs(props) {\r\n  const [currentTab, setCurrentTab] = useState(1);\r\n\r\n  const handleChangeTab = (e) => {\r\n    var name = e.currentTarget.getAttribute(\"name\");\r\n\r\n    if (name === \"residence\") {\r\n      setCurrentTab(1);\r\n    } else if (name === \"faq\") {\r\n      setCurrentTab(2);\r\n    }\r\n    };\r\n\r\n    const { t } = useTranslation();\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* <NavBar /> */}\r\n      <Row style={{ margin: \"0\" }}>\r\n        <Col style={{ padding: \"0px\" }}>\r\n            <Row>\r\n              <Col lg={1} md={0}></Col>\r\n              <Col lg={10} md={12}>\r\n                <Row\r\n                  style={{\r\n                    backgroundColor: \"#DDF4FF\",\r\n                    padding: \"10px\",\r\n                    marginBottom: 8,\r\n                  }}\r\n                >\r\n                  <Col sm={3} md={4} lg={2} style={{ textAlign: \"center\" }}>\r\n                    <img\r\n                      src={process.env.PUBLIC_URL + \"/img/Logodwr.png\"}\r\n                      style={{\r\n                        width: \"100px\",\r\n                        height: \"auto\",\r\n                        borderRadius: 6,\r\n                      }}\r\n                    />\r\n                  </Col>\r\n                  <Col sm={9} md={8} lg={10} style={{ textAlign: \"center\",paddingLeft:36 }}>\r\n                    <div style={{ textAlign: \"left\" }}>\r\n                      <p style={{ fontWeight: \"bold\" }}>\r\n                          {t('organization.contactUs.p1')}\r\n                      </p>\r\n                      <p>{t('organization.contactUs.p2')}</p>\r\n                      <p>{t('organization.contactUs.p3')}</p>\r\n                      <p>{t('organization.contactUs.p4')}</p>\r\n                    </div>\r\n                  </Col>\r\n                </Row>\r\n\r\n                <Row>\r\n                  <Col xs={12} style={{ padding: 0 }}>\r\n                  <iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1937.4443573441129!2d100.53801304749396!3d13.785581560650142!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29c0363743d85%3A0x8a92d843036309de!2z4LiB4Lij4Lih4LiX4Lij4Lix4Lie4Lii4Liy4LiB4Lij4LiZ4LmJ4Liz!5e0!3m2!1sth!2sth!4v1626405839271!5m2!1sth!2sth\" \r\n                   width=\"100%\"\r\n                   height=\"600\"  frameborder=\"0\"\r\n                   scrolling=\"no\"\r\n                   marginheight=\"0\"\r\n                   marginwidth=\"0\"></iframe>\r\n\r\n                  \r\n                  </Col>\r\n                              { /*\r\n                    <Col xs={12}>\r\n                    <div style={{ textAlign: \"center\" }}>\r\n                    <a target=\"_blank\"\r\n                    href=\"https://docs.google.com/forms/d/e/1FAIpQLSdx_mWK5m715YsUKsn0w31WI7fdyhFKQ0P8LLO72u1unvNzTA/viewform\">\r\n                      <Button size=\"md\" color=\"primary\">\r\n                          แบบสำรวจความพึงพอใจของผู้ใช้บริการเว็บไซต์\r\n                      </Button>\r\n                      </a>\r\n                    </div>\r\n                  </Col>\r\n                               */ }\r\n\r\n                </Row>\r\n              </Col>\r\n              <Col lg={1} md={0}></Col>\r\n            </Row>\r\n        </Col>\r\n      </Row>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { ProSidebar, Menu, MenuItem, SubMenu, SidebarHeader } from \"react-pro-sidebar\";\r\nimport \"react-pro-sidebar/dist/css/styles.css\";\r\nimport '../css/SideNavBar.css'\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport '../css/SlimScroll.css'\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function SideNavBar(props) {\r\n    const { t, i18n } = useTranslation();\r\n\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-device-width: 769px)'\r\n    })\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    return (\r\n        <React.Fragment>\r\n            {isDesktopOrLaptop ?\r\n                <ProSidebar className='sideNavBar'>\r\n                    <SidebarHeader style={{ textAlign: 'center', padding: '5px' }}>\r\n                        <img src={process.env.PUBLIC_URL + '/img/Logodwr.png'} style={{ height: 'auto', width: '96px' }} />\r\n                    </SidebarHeader>\r\n\r\n                    <Menu>\r\n                        \r\n                        <MenuItem className={props.currentpath == '/admin/myaccount' ? 'menuActive' : ''}>{t('sidenavbar.nav1')}\r\n                                    <Link to='/admin/myaccount' />\r\n                        </MenuItem>\r\n\r\n                        <MenuItem className={props.currentpath == '/admin/requestDataHistory' ? 'menuActive' : ''}>{t('sidenavbar.nav2')}\r\n                                    <Link to='/admin/requestDataHistory' />\r\n                        </MenuItem>\r\n                    </Menu>\r\n\r\n                </ProSidebar>\r\n                : ''}\r\n\r\n\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React, { useState } from 'react'\r\nimport SideNavBar from '../sidenavbar/SideNavBar';\r\nimport { Row, Col, Button, Jumbotron, Container } from 'reactstrap'\r\nimport NavBar from '.././navbar/NavBar'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport AuthenServices from '../services/authenServices'\r\nimport '../css/JumboTron.css'\r\n\r\nvar auth = new AuthenServices()\r\n\r\nexport default function AboutUs(props) {\r\n    const [currentTab, setCurrentTab] = useState(1)\r\n \r\n    const handleChangeTab = (e) => {\r\n        var name = e.currentTarget.getAttribute('name')\r\n\r\n        if (name === 'organization') {\r\n            setCurrentTab(1)\r\n        }\r\n        else if (name === 'vision') {\r\n            setCurrentTab(2)\r\n        }\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n            <Row style={{ margin: '0' }}>\r\n                <Col style={{ padding: '0px' }}>\r\n                    <DwrLayout title='เกี่ยวกับเรา'>\r\n                        <Row>\r\n                            <Col xl={3} lg={3} md={4}>\r\n                                <Jumbotron name='organization' onClick={(e) => handleChangeTab(e)} fluid className='jumboBtn' style={{ backgroundColor: currentTab === 1 ? '#C1ECFF' : '' }}>\r\n                                    <Container fluid>\r\n                                        <div>ข้อมูลองค์กร</div>\r\n                                    </Container>\r\n                                </Jumbotron>\r\n                                <Jumbotron name='vision' onClick={(e) => handleChangeTab(e)} fluid className='jumboBtn' style={{ backgroundColor: currentTab === 2 ? '#C1ECFF' : '' }}>\r\n                                    <Container fluid >\r\n                                        <div>วิสัยทัศน์</div>\r\n                                    </Container>\r\n                                </Jumbotron>\r\n                            </Col>\r\n                            <Col xl={9} lg={9} md={8}>\r\n                                <div style={{ backgroundColor: '#DDF4FF', padding: '10px' }}>{currentTab === 1 ? 'ข้อมูลองค์กร' : currentTab === 2 ? 'วิสัยทัศน์' : ''}</div>\r\n                                <div style={{ backgroundColor: '#F7F7F7', minHeight: '200px', padding: '10px' }}>\r\n                                    {currentTab === 1 ? <React.Fragment><span>จากการปฏิรูประบบราชการเมื่อปีพ.ศ. 2545 ได้นำไปสู่การจัดตั้งกรมทรัพยากรน้ำ</span>\r\n                                        ซึ่งมีภารกิจหลักด้านการบริหารจัดการทรัพยากรน้ำอย่างครบวงจรรวมทั้ง การศึกษา วิจัย พัฒนา การกำหนดมาตรฐาน เพื่อแก้ไขปัญหาด้านทรัพยากรน้ำ\r\n                                        กองวิจัย พัฒนาและอุทกวิทยา ได้ถูกจัดตั้งขึ้น เพื่อปฏิบัติภารกิจดังกล่าวรวมทั้ง\r\n                                        การจัดทำแผนที่อุทกวิทยาการวิเคราะห์ปริมาณและคุณภาพน้ำในภาพรวม\r\n                                        โดยมีเจ้าหน้าที่จากกรมต่าง ๆ คือกรมชลประทาน กรมพัฒนาและส่งเสริมพลังงาน\r\n                                        กรมพัฒนาที่ดิน และกรมโยธาธิการ\r\n                                        <br /><br /> อำนาจหน้าที่\r\n                                        <br /> (ก) ศึกษา วิจัยด้านอุทกวิทยา และจัดทำแผนที่อุทกวิทยา\r\n                                        <br /> (ข) ศึกษา วิจัยเพื่อพัฒนาองค์ความรู้ รูปแบบ และเทคโนโลยีเกี่ยวกับการบริหารจัดการทรัพยากรน้ำ\r\n                                        <br /> (ค) วิเคราะห์ปริมาณและคุณภาพน้ำในภาพรวม วางแผน พัฒนาทดสอบวัสดุอุปกรณ์ ในการพัฒนาและบริหารจัดการทรัพยากรน้ำ\r\n                                        <br /> (ง) วิเคราะห์และรวบรวมข้อมูลและสถิติต่าง ๆ ด้านอุทกวิทยา\r\n                                        <br /> (ฉ) ปฏิบัติงานร่วมกับหรือสนับสนุนการปฏิบัติงานของหน่วยงานอื่นที่เกี่ยวข้องหรือที่ได้รับมอบหมาย\r\n                                        </React.Fragment>\r\n\r\n                                   : currentTab === 2 ? 'วิชาการก้าวไกล เตือนภัยทันเวลา พัฒนางานวิจัย ใส่ใจคุณภาพน้ำ' : ''}\r\n                                </div>\r\n                            </Col>\r\n                        </Row>\r\n                    </DwrLayout>\r\n                </Col>\r\n            </Row>\r\n\r\n        </React.Fragment>\r\n\r\n    )\r\n}","export const ValidateEmail = (mail) =>\r\n{\r\n if (/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)+$/.test(mail))\r\n  {\r\n    return (true)\r\n  }\r\n    return (false)\r\n};","import React, { useState, useEffect } from \"react\";\r\nimport SideNavBar from \"../../sidenavbar/SideNavBar\";\r\nimport { Row, Col, Input, Spin, Select, Form } from \"antd\";\r\nimport { Button } from \"reactstrap\";\r\nimport NavBar from \"../../navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../../services/authenServices\";\r\nimport { ValidateEmail } from \"../../Helper/ValidateEmail\";\r\nimport swal from \"sweetalert\";\r\nimport { FaCentercode, FaEye, FaEyeSlash } from \"react-icons/fa\";\r\nimport DwrDatePicker from \"../../componentreuse/DwrDatePicker\";\r\nimport moment from \"moment\";\r\n\r\nconst { Option } = Select;\r\nconst { TextArea } = Input;\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function MyAccount() {\r\n    var datenow = new Date(Date.now());\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    const [prename, setPrename] = useState([]);\r\n    const [province, setProvince] = useState([]);\r\n    const [district, setDistrict] = useState([]);\r\n    const [subDistrict, setSubDistrict] = useState([]);\r\n\r\n    const [startDate, setStartDate] = useState(datenow);\r\n    const [member, setMember] = useState({\r\n        prename: undefined,\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        username: \"\",\r\n        password: \"\",\r\n        passwordConf: \"\",\r\n        idCard: \"\",\r\n        email: \"\",\r\n        tel: \"\",\r\n        //birthDay: \"\",\r\n        address: \"\",\r\n        province: undefined,\r\n        district: undefined,\r\n        subDistrict: undefined,\r\n        zipCode: \"\",\r\n        organization: \"\",\r\n        position: \"\",\r\n    });\r\n\r\n    useEffect(() => {\r\n        onPrename();\r\n        getProvince();\r\n\r\n        onGetProgile();\r\n    }, []);\r\n\r\n    const onGetProgile = () => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/member/\", {\r\n                method: \"GET\",\r\n                data: {},\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n\r\n                if (_resp_data.provinceId) getDistrictByProvinceId(_resp_data.provinceId);\r\n                if (_resp_data.districtId) getSubDistrictByDistrictId(_resp_data.districtId);\r\n\r\n                setMember({\r\n                    prename: _resp_data.preNameId ? _resp_data.preNameId.toString() : undefined,\r\n                    firstName: _resp_data.firstName,\r\n                    lastName: _resp_data.lastName,\r\n                    username: _resp_data.userName,\r\n                    password: _resp_data.password,\r\n                    passwordConf: _resp_data.password,\r\n                    idCard: _resp_data.idcardNo,\r\n                    email: _resp_data.email,\r\n                    tel: _resp_data.tel,\r\n                    //birthDay: _resp_data.birthDate?moment(_resp_data.birthDate).toDate():undefined,\r\n                    address: _resp_data.address,\r\n                    province: _resp_data.provinceId,\r\n                    district: _resp_data.districtId,\r\n                    subDistrict: _resp_data.subDistrictId,\r\n                    zipCode: _resp_data.postcode,\r\n                    organization: _resp_data.organization,\r\n                    position: _resp_data.position\r\n                });\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                if (error.response) {\r\n                    if (error.response.data == \"email duplicate\") {\r\n                        swal({\r\n                            text: \"อีเมลถูกใช้งานแล้ว กรุณาระบุอีเมลใหม่ หรือติดต่อผู้ดูแลระบบ\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    } else {\r\n                        swal({\r\n                            text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    }\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            });\r\n    }\r\n\r\n    const onCancel = () => {\r\n        onGetProgile();\r\n\r\n        swal({ text: \"ยกเลิกสำเร็จ\", icon: \"success\" });\r\n    };\r\n\r\n    const onSave = () => {\r\n        if (!member.username) {\r\n            swal({ text: \"กรุณากรอกข้อมูลให้ครบถ้วน\", icon: \"warning\" });\r\n            return;\r\n        }\r\n\r\n        member.idCard = member.idCard ? member.idCard : \"\";\r\n\r\n        // if (member.idCard.length != 13) {\r\n        //   swal({ text: \"กรุณาระบุตัวเลข 13 หลัก\", icon: \"warning\" });\r\n        //   return;\r\n        // }\r\n\r\n        if (member.password) {\r\n            if (member.password.length < 6 || member.passwordConf.length < 6) {\r\n                swal({ text: \"รหัสผ่านอย่างน้อย 6 ตัวอักษร\", icon: \"warning\" });\r\n                return;\r\n            }\r\n\r\n            if (member.password !== member.passwordConf) {\r\n                swal({ text: \"รหัสผ่านไม่ตรงกัน\", icon: \"warning\" });\r\n                return;\r\n            }\r\n        }\r\n\r\n        setLoading(true);\r\n\r\n        var json = JSON.stringify({\r\n            preNameId: member.prename,\r\n            firstName: member.firstName,\r\n            lastName: member.lastName,\r\n            userName: member.username,\r\n            password: member.password,\r\n            idcardNo: member.idCard,\r\n            email: member.email,\r\n            tel: member.tel,\r\n            //birthDate:member.birthDay,\r\n            address: member.address,\r\n            provinceId: member.province,\r\n            districtId: member.district,\r\n            subDistrictId: member.subDistrict,\r\n            postcode: member.zipCode,\r\n            organization: member.organization,\r\n            position: member.position,\r\n        });\r\n\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/member/\", {\r\n                method: \"PUT\",\r\n                data: json,\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                if (res.status == 200) {\r\n                    //setInputValue(prevState => ({ ...prevState, [\"input\"+id]: _resp_data.webSettingValue }));\r\n\r\n                    swal({ text: \"บันทึกข้อมูลสำเร็จ\", icon: \"success\" });\r\n                }\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                if (error.response) {\r\n                    if (error.response.data == \"email duplicate\") {\r\n                        swal({\r\n                            text: \"อีเมลถูกใช้งานแล้ว กรุณาระบุอีเมลใหม่ หรือติดต่อผู้ดูแลระบบ\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    } else {\r\n                        swal({\r\n                            text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    }\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const onPrename = () => {\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/Prename/\", {\r\n                method: \"get\",\r\n                data: {},\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                if (res.status == 200) {\r\n                    setPrename(_resp_data);\r\n                }\r\n            })\r\n            .catch((error) => { });\r\n    };\r\n\r\n    const getProvince = () => {\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/Province\", \"method:'GET'\")\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                setProvince(_resp_data);\r\n            })\r\n            .catch((e) => { });\r\n    };\r\n\r\n    const getDistrictByProvinceId = (value) => {\r\n        auth\r\n            .fetchWithToken(\r\n                url + \"/api/v1/District/Province/\" + value,\r\n                \"method:'GET'\"\r\n            )\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                setDistrict(_resp_data);\r\n            })\r\n            .catch((e) => {\r\n\r\n            });\r\n    };\r\n\r\n    const getSubDistrictByDistrictId = (value) => {\r\n        auth\r\n            .fetchWithToken(\r\n                url + \"/api/v1/SubDistrict/District/\" + value,\r\n                \"method:'GET'\"\r\n            )\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                setSubDistrict(_resp_data);\r\n\r\n            })\r\n            .catch((e) => {\r\n\r\n            });\r\n    };\r\n\r\n    //const handleDateChange = (date) => {\r\n    //  setMember((p) => ({ ...p, birthDay: date }));\r\n    //};\r\n\r\n    const onChange = (e) => {\r\n        const { name, value } = e.target;\r\n        setMember((p) => ({ ...p, [name]: value }));\r\n    };\r\n\r\n    const onSelectDropDown = (value, name) => {\r\n        setMember((p) => ({ ...p, [name]: value }));\r\n    };\r\n\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: \"(min-device-width: 769px)\",\r\n    });\r\n\r\n    const inputStyle = { maxWidth: 250 };\r\n    const inputStyle1 = { Width: 250 };\r\n    // const inputStyle2 = { marginLeft: \"-8px\", textAlign: \"left\" };\r\n    const inputStyle2 = { marginLeft: \"10px\", textAlign: \"left\" };\r\n    const inputStyleฺBackGroundBlue = { background: \"#c1ecff\" };\r\n\r\n    return (\r\n        <Spin style={{ position: \"fixed\", maxHeight: \"100%\" }} spinning={loading}>\r\n            <Row style={{ margin: \"0\" }}>\r\n                <Col xs={24}>\r\n                    <DwrLayout title=\"ข้อมูลผู้ใช้งาน\" name=\"search\">\r\n                        <Row justify=\"center\">\r\n                            <Col xs={24} style={{ textAlign: \"center\" }}>\r\n                                <Row gutter={[8, 8]}>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{textAlign: \"right\"}}>\r\n                                                <label style={{ fontSize: \"15px\" }}>คำนำหน้า</label></Col>\r\n                                            <Col sm={7}>\r\n                                                <Select\r\n                                                    placeholder=\"คำนำหน้า\"\r\n                                                    value={member.prename}\r\n                                                    onChange={(e) => onSelectDropDown(e, \"prename\")}\r\n                                                    showSearch\r\n                                                    filterOption={(input, option) =>\r\n                                                        option.children\r\n                                                            .toLowerCase()\r\n                                                            .indexOf(input.toLowerCase()) >= 0\r\n                                                    }\r\n                                                    style={{ ...inputStyle, ...inputStyle2, width: \"100%\" }}\r\n                                                >\r\n                                                    {prename.map((item) => (\r\n                                                        <Option key={item.preNameId} value={item.preNameId}>\r\n                                                            {item.preNameValue}\r\n                                                        </Option>\r\n                                                    ))}\r\n                                                </Select>**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row className=\"justify-content-md-center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>ชื่อ</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input\r\n                                                    style={{ ...inputStyle, ...inputStyle2 }}\r\n                                                    placeholder=\"ชื่อ\"\r\n                                                    name=\"firstName\"\r\n                                                    value={member.firstName}\r\n                                                    onChange={onChange}\r\n                                                />**\r\n                                            </Col>\r\n                                        </Row>\r\n\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row className=\"justify-content-md-center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>นามสกุล</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input\r\n                                                    style={{ ...inputStyle, ...inputStyle2 }}\r\n                                                    placeholder=\"นามสกุล\"\r\n                                                    name=\"lastName\"\r\n                                                    value={member.lastName}\r\n                                                    onChange={onChange}\r\n                                                />**\r\n                                            </Col>\r\n                                        </Row>\r\n\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n\r\n                                        <Row className=\"justify-content-md-center\">\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>ชื่อผู้ใช้งาน</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input\r\n                                                    style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                    placeholder=\"ชื่อผู้ใช้งาน\"\r\n                                                    name=\"username\"\r\n                                                    value={member.username}\r\n                                                    onChange={onChange}\r\n                                                    disabled\r\n                                                />*\r\n                                            </Col>\r\n                                        </Row>\r\n\r\n\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row className=\"justify-content-md-center\">\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label sm={4} style={{ fontSize: \"15px\" }}>รหัสผ่าน</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input.Password\r\n                                                    style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                    value={member.password}\r\n                                                    onChange={onChange}\r\n                                                    name=\"password\"\r\n                                                    className=\"password\"\r\n                                                    placeholder=\"รหัสผ่าน (Password)\"\r\n                                                    disabled={member.username.substring(0, 3) === \"FB_\" ? true : false}\r\n                                                    iconRender={(visible) =>\r\n                                                        visible ? <FaEye /> : <FaEyeSlash />\r\n                                                    }\r\n                                                />*\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label sm={8} style={{ fontSize: \"15px\" }}>ยืนยันรหัสผ่าน</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input.Password\r\n                                                    style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                    value={member.passwordConf}\r\n                                                    onChange={onChange}\r\n                                                    name=\"passwordConf\"\r\n                                                    className=\"password\"\r\n                                                    placeholder=\"ยืนยันรหัสผ่าน (Confirm password)\"\r\n                                                    disabled={member.username.substring(0, 3) === \"FB_\" ? true : false}\r\n                                                    iconRender={(visible) =>\r\n                                                        visible ? <FaEye /> : <FaEyeSlash />\r\n                                                    }\r\n                                                />*\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4}>\r\n                                              \r\n                                            </Col>\r\n                                            <Col sm={8}>\r\n                                                <label>*รหัสผ่านอย่างน้อย 6 ตัวอักษร</label>\r\n                                                </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4}>\r\n\r\n                                            </Col>\r\n                                            <Col sm={8}>\r\n                                                <label>**สำหรับการขอรับบริการข้อมูล</label>\r\n                                            </Col>\r\n                                            </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>อีเมล์</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input\r\n                                                    style={{ ...inputStyle, ...inputStyle2, ...inputStyleฺBackGroundBlue }}\r\n                                                    value={member.email}\r\n                                                    disabled\r\n                                                    placeholder=\"อีเมล (Email)\"\r\n                                                />*\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n\r\n                                    <Col xs={24} >\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>หน่วยงาน</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input style={{ ...inputStyle, ...inputStyle2 }}\r\n                                                    placeholder=\"หน่วยงาน\"\r\n                                                    name=\"organization\"\r\n                                                    value={member.organization}\r\n                                                    onChange={onChange} />**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>ตำแหน่ง</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input style={{ ...inputStyle, ...inputStyle2 }} placeholder=\"ตำแหน่ง\"\r\n                                                    name=\"position\"\r\n                                                    value={member.position}\r\n                                                    onChange={onChange} />**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>ที่อยู่/ที่ตั้งสำนักงาน</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <TextArea\r\n                                                    style={{ ...inputStyle, ...inputStyle2 }}\r\n                                                    rows={4}\r\n                                                    placeholder=\"ที่อยู่/ที่ตั้งหน่วยงาน\"\r\n                                                    name=\"address\"\r\n                                                    value={member.address}\r\n                                                    onChange={onChange}\r\n                                                />**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>จังหวัด</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Select\r\n                                                    placeholder=\"จังหวัด\"\r\n                                                    showSearch\r\n                                                    style={{ ...inputStyle, ...inputStyle2, width: \"100%\" }}\r\n                                                    name=\"province\"\r\n                                                    onChange={(e) => { onSelectDropDown(e, \"province\"); getDistrictByProvinceId(e); setMember((p) => ({ ...p, district: undefined, subDistrict: undefined })); }}\r\n                                                    filterOption={(input, option) =>\r\n                                                        option.children\r\n                                                            .toLowerCase()\r\n                                                            .indexOf(input.toLowerCase()) >= 0\r\n                                                    }\r\n                                                    value={member.province}\r\n                                                >\r\n                                                    {province.map((item) => (\r\n                                                        <Option key={item.provinceId} value={item.provinceId}>\r\n                                                            {item.provinceTh}\r\n                                                        </Option>\r\n                                                    ))}\r\n                                                </Select>**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>อำเภอ/เขต</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Select\r\n                                                    placeholder=\"อำเภอ/เขต\"\r\n                                                    showSearch\r\n                                                    style={{ ...inputStyle, ...inputStyle2, width: \"100%\" }}\r\n                                                    onChange={(e) => { onSelectDropDown(e, \"district\"); getSubDistrictByDistrictId(e); setMember((p) => ({ ...p, subDistrict: undefined })); }}\r\n                                                    filterOption={(input, option) =>\r\n                                                        option.children\r\n                                                            .toLowerCase()\r\n                                                            .indexOf(input.toLowerCase()) >= 0\r\n                                                    }\r\n                                                    value={member.district}\r\n                                                >\r\n                                                    {district.map((item) => (\r\n                                                        <Option key={item.districtId} value={item.districtId}>\r\n                                                            {item.districtTh}\r\n                                                        </Option>\r\n                                                    ))}\r\n                                                </Select>**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>ตำบล/แขวง</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Select\r\n                                                    placeholder=\"ตำบล/แขวง\"\r\n                                                    showSearch\r\n                                                    style={{ ...inputStyle, ...inputStyle2, width: \"100%\" }}\r\n                                                    name=\"subDistrict\"\r\n                                                    onChange={(e) => onSelectDropDown(e, \"subDistrict\")}\r\n                                                    filterOption={(input, option) =>\r\n                                                        option.children\r\n                                                            .toLowerCase()\r\n                                                            .indexOf(input.toLowerCase()) >= 0\r\n                                                    }\r\n                                                    value={member.subDistrict}\r\n                                                >\r\n                                                    {subDistrict.map((item) => (\r\n                                                        <Option key={item.subDistrictId} value={item.subDistrictId}>\r\n                                                            {item.subDistrictTh}\r\n                                                        </Option>\r\n                                                    ))}\r\n                                                </Select>**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n                                    <Col xs={24}>\r\n                                        <Row justify=\"center\" >\r\n                                            <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                <label style={{ fontSize: \"15px\" }}>รหัสไปรษณีย์</label>\r\n                                            </Col>\r\n                                            <Col sm={7}>\r\n                                                <Input style={{ ...inputStyle, ...inputStyle2 }} placeholder=\"รหัสไปรษณีย์\"\r\n                                                    name=\"zipCode\"\r\n                                                    value={member.zipCode}\r\n                                                    onChange={(e) =>\r\n                                                        e.target.value.length > 5 ? null : onChange(e)\r\n                                                    }\r\n                                                    type=\"number\"\r\n                                                />**\r\n                                            </Col>\r\n                                        </Row>\r\n                                    </Col>\r\n\r\n                                    <Col xs={24} style={{ marginLeft: -8 }}>\r\n                                        <Button color=\"secondary\" onClick={onSave}>\r\n                                            บันทึก\r\n                                        </Button>{\" \"}\r\n                                        <Button color=\"secondary\" onClick={onCancel}>\r\n                                            ยกเลิก\r\n                                        </Button>{\" \"}\r\n                                    </Col>\r\n                                </Row>\r\n                            </Col>\r\n                        </Row>\r\n                    </DwrLayout>\r\n                </Col>\r\n            </Row>\r\n        </Spin>\r\n    );\r\n}\r\n","import React from \"react\";\r\n\r\nconst styleDot = { marginLeft: 16, height: 8, width: 8 };\r\n\r\nconst elmStatus = [\r\n    {\r\n      key: [10],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot ant-badge-status-blue\"\r\n          style={styleDot}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">รอการพิจารณาคำร้อง</span>,\r\n    },\r\n    {\r\n      key: [11, 31],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot\"\r\n          style={{ ...styleDot, background: \"rgb(148, 151, 154)\" }}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">ที่ต้องแนบเอกสารเพิ่ม</span>,\r\n    },\r\n    {\r\n      key: [20],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot ant-badge-status-red\"\r\n          style={styleDot}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">คำร้องถูกยกเลิก</span>,\r\n    },\r\n    {\r\n      key: [12],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot ant-badge-status-purple\"\r\n          style={styleDot}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">ที่รอยืนยัน</span>,\r\n    },\r\n    {\r\n      key: [30],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot ant-badge-status-yellow\"\r\n          style={styleDot}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">รายละเอียดหรือเงื่อนไขในการชำระเงิน</span>,\r\n    },\r\n    {\r\n      key: [32, 40],\r\n      dot: (\r\n        <span\r\n          className=\"ant-badge-status-dot ant-badge-status-green\"\r\n          style={styleDot}\r\n        ></span>\r\n      ),\r\n      text: <span className=\"ant-badge-status-text\">คำร้องสำเร็จ</span>,\r\n    },\r\n  ];\r\n\r\n  export default elmStatus;","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Row, Col, Select } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { FaEye } from \"react-icons/fa\";\r\nimport { encodedString } from \"../../../Helper/ConvertBase64\";\r\nimport { Link, NavLink as RRNavLink } from 'react-router-dom'\r\nimport elmStatus from './StatusRequestData'\r\nimport TablePagination from '../../../componentreuse/TablePagination'\r\n\r\nconst styleSpan = { marginLeft: 8 };\r\nconst { Option } = Select;\r\n\r\nexport default function TableListHistory({\r\n  dataSource,\r\n  type,\r\n  onViewDetail,\r\n  page,\r\n  setPage,\r\n  handlePagination,\r\n}) {\r\n  const [pagesCount, setPagesCount] = useState(0);\r\n\r\n  useEffect(() => {\r\n    setPagesCount(dataSource.length > 0 ? dataSource[0].total : 0);\r\n  }, [dataSource]);\r\n\r\n  const columns = [\r\n    {\r\n      title: \"เลขที่คำร้อง\",\r\n      dataIndex: \"requestDataId\",\r\n      key: \"requestDataId\",\r\n      align: \"center\",\r\n    },\r\n    {\r\n      title: \"วันที่ขอรับบริการ\",\r\n      dataIndex: \"requestDate\",\r\n      key: \"requestDate\",\r\n      align: \"center\",\r\n      render: (text) => moment(text).format(\"DD/MM/YYYY\"),\r\n    },\r\n    {\r\n      title: \"สถานะ\",\r\n      dataIndex: \"statusRequestId\",\r\n      key: \"statusRequestId\",\r\n      align: \"center\",\r\n      render: (text, item) =>\r\n        text ? elmStatus.filter((f) => f.key.includes(text))[0].dot : \"\",\r\n    },\r\n    {\r\n      title: \"ดูรายละเอียด\",\r\n      dataIndex: \"requestDataId\",\r\n      key: \"requestDataId\",\r\n      align: \"center\",\r\n      render: (text, item) => (\r\n        <Link  to={`/admin/RequestDataHistoryDetial?id=${encodedString(item.requestDataId)}`} >\r\n      <FaEye\r\n          style={{ cursor: \"pointer\" }}\r\n          //onClick={(e) => window.location.replace(`${window.location.href}?id=${encodedString(item.requestDataId)}`)}\r\n        />\r\n          </Link>\r\n       \r\n      ),\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <div>\r\n      <Row gutter={[8, 8]}>\r\n        <Col xs={24}>\r\n          <Table\r\n            dataSource={dataSource}\r\n            columns={columns}\r\n            bordered={true}\r\n            pagination={false}\r\n            style={{ marginBottom: 8 }}\r\n          />\r\n        </Col>\r\n\r\n        <Col xs={24} style={{textAlign:\"center\"}}>\r\n          {elmStatus.map((item) => (\r\n            <span\r\n              className=\"ant-badge ant-badge-status ant-badge-not-a-wrapper\"\r\n              style={styleSpan}\r\n            >\r\n              {item.dot}\r\n              {item.text}\r\n            </span>\r\n          ))}\r\n        </Col>\r\n        <Col xs={12} style={{textAlign:\"left\"}}>\r\n        <Select\r\n            defaultValue=\"10\"\r\n            style={{\r\n              width: \"100px\",\r\n              display: page.totalPage >= 2 ? \"inline-block\" : \"none\",\r\n            }}\r\n            value={page.pageSize}\r\n            onChange={(e) => setPage({ ...page, pageSize: e, currentPage: 1 })}\r\n          >\r\n            <Option value=\"10\">10</Option>\r\n            <Option value=\"50\">50</Option>\r\n            <Option value=\"100\">100</Option>\r\n          </Select>\r\n        </Col>\r\n        <Col xs={12} style={{ textAlign: \"right\"}}>\r\n        <TablePagination handlePagination={handlePagination}\r\n                        totalPage={page.totalPage}\r\n                        totalItems={page.totalItems}\r\n                        currentPage={page.currentPage}\r\n                    />\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport { Row, Col, Input, Spin, Card, Radio, Space } from \"antd\";\r\nimport DwrLayout from \"../../componentreuse/DwrLayout\";\r\nimport swal from \"sweetalert\";\r\nimport TableListHistory from \"./component/TableListHistory\";\r\nimport \"./RequestDataHistory.css\";\r\nimport AuthenServices from \"../../services/authenServices\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function RequestDataHistory() {\r\n  const [data, setData] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n  const [page, setPage] = useState({\r\n    totalPage: 0,\r\n    totalItems: 0,\r\n    currentPage: 1,\r\n    pageSize: 10,\r\n  });\r\n\r\n  useEffect(() => {\r\n    onGetData();\r\n  }, [page.pageSize,page.currentPage]);\r\n\r\n  const onGetData = () => {\r\n    setLoading(true);\r\n    auth\r\n      .fetchWithToken(\r\n        url +\r\n          `/api/v1/requestData?page=${page.currentPage}&pagesize=${page.pageSize}`,\r\n        {\r\n          method: \"GET\",\r\n        }\r\n      )\r\n      .then((res) => {\r\n        if(res.data.length > 0){\r\n          setPage({\r\n            ...page,\r\n            totalItems: res.data[0].total,\r\n            totalPage: Math.ceil(res.data[0].total / page.pageSize),\r\n          });\r\n  \r\n          setData(res.data);\r\n        }\r\n       \r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        swal({\r\n          text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n          icon: \"warning\",\r\n        });\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const handlePagination = (pagenum) => {\r\n    const totalpage = page.totalPage;\r\n    if (pagenum < 1) {\r\n      pagenum = 1;\r\n    } else if (pagenum > totalpage) {\r\n      pagenum = totalpage;\r\n    }\r\n\r\n    setPage({ ...page, currentPage: pagenum });\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <Row style={{ margin: \"0\" }}>\r\n        <Col xs={24} style={{ padding: \"0px\" }}>\r\n          <DwrLayout\r\n            title=\"ประวัติการขอรับบริการข้อมูล\"\r\n            backBtn={true}\r\n            name=\"search\"\r\n            handlePage={(e) => window.history.back()}\r\n          >\r\n            <Spin spinning={loading}>\r\n                          <Row gutter={8}>\r\n                              { /*\r\n                                               {data.length > 0 ? (\r\n                  <Col xs={24} style={{ textAlign: \"right\", marginBottom: 8 }}>\r\n                    <a\r\n                      href=\"https://docs.google.com/forms/d/e/1FAIpQLScRLzh9VupDSCWF_rSppHrY9Rx29e965D8Tyb2NbaZmqBz9gQ/viewform?usp=pp_url\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      แบบสอบถามความพึงพอใจการใช้บริการข้อมูลอุทก-อุตุนิยมวิทยา\r\n                    </a>\r\n                  </Col>\r\n                ) : null}\r\n                               */ }\r\n\r\n                <Col xs={24} style={{ marginBottom: 8 }}>\r\n                  {data.length > 0 ? (\r\n                    <TableListHistory\r\n                      dataSource={data}\r\n                      page={page}\r\n                      setPage={setPage}\r\n                      handlePagination={handlePagination}\r\n                    />\r\n                  ) : (\r\n                    \"ไม่พบข้อมูล\"\r\n                  )}\r\n                </Col>\r\n              </Row>\r\n            </Spin>\r\n          </DwrLayout>\r\n        </Col>\r\n      </Row>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Row, Col } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nexport default function TableRequestData({dataSource}) {\r\n    \r\nuseEffect(() => {\r\n}, [dataSource]);\r\n\r\n  const columns = [\r\n    {\r\n      title: \"ข้อมูล\",\r\n      dataIndex: \"dataTypeId\",\r\n      key: \"dataTypeId\",\r\n      align: \"center\",\r\n          render: (text, item) => item.dataTypeId ? \"Digital Files\" : item.yearbookTypeId == 1 ? \"หนังสืออุทกวิทยาฯ (1 ชุด มี 2 เล่ม)\" : \"CD หนังสืออุทกวิทยาฯ (รวมเล่ม 1,2)\"\r\n    },\r\n    {\r\n      title: \"รหัสถานี\",\r\n      dataIndex: \"stationId\",\r\n      key: \"stationId\",\r\n      align: \"center\",\r\n    },\r\n    {\r\n      title: \"ชื่อสถานี\",\r\n      dataIndex: \"stationTh\",\r\n      key: \"stationTh\",\r\n      align: \"center\",\r\n    },\r\n    {\r\n      title: \"ชนิดข้อมูล\",\r\n      dataIndex: \"dataTypeTh\",\r\n      key: \"dataTypeTh\",\r\n      align: \"center\",\r\n    },\r\n    {\r\n      title: \"ประเภท\",\r\n      dataIndex: \"dataTypeId\",\r\n      key: \"dataTypeId\",\r\n      align: \"center\",\r\n      render : (text,item) => item.isDaily == \"Y\"?\"รายวัน\":item.isMonthly == \"Y\"?\"รายเดือน\":\"\"\r\n    },\r\n    {\r\n      title: \"ปีเริ่มต้น\",\r\n      dataIndex: \"yearStart\",\r\n      key: \"yearStart\",\r\n      align: \"center\",\r\n      render : (text,item) => moment(text).format(\"YYYY\")\r\n    },\r\n    {\r\n      title: \"ปีสิ้นสุด\",\r\n      dataIndex: \"yearEnd\",\r\n      key: \"yearEnd\",\r\n      align: \"center\",\r\n      render : (text,item) => moment(text).format(\"YYYY\")\r\n    },\r\n  ];\r\n\r\n  const convertNumber = (value) => {\r\n    try {\r\n      return value.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    } catch (error) {\r\n      return value;\r\n     \r\n    }\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <Row gutter={[8, 8]}>\r\n        <Col xs={24}>\r\n            <Table\r\n                dataSource={dataSource && dataSource.dataSelectionList.length > 0 ? dataSource.dataSelectionList.map((item, key) => ({ ...item,key:key })) : []}\r\n                columns={columns}\r\n                className=\"table-requestDetial\"\r\n                bordered={true}\r\n                pagination={false}\r\n                style={{ marginBottom: 8 }}\r\n                footer={(currentPageData) => \r\n              <Row>\r\n                <Col xs={16} style={{textAlign:\"right\",fontWeight:900}}>\r\n                รวม \r\n                </Col>\r\n                <Col xs={8} style={{textAlign:\"right\",fontWeight:900}}>\r\n                {dataSource ? dataSource.fee? convertNumber(dataSource.fee):0 :0}\r\n                <span style={{marginLeft: 8,marginRight:8}}>บาท</span>\r\n                </Col>\r\n              </Row>\r\n            }\r\n          />\r\n        </Col>\r\n      </Row>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Empty } from \"antd\";\r\nimport { FaTrashAlt } from \"react-icons/fa\";\r\n\r\nexport default function TableRefDoc({ dataSource, fileUpload, onRemoveFile, getFileDoc }) {\r\n  const [files, setFiles] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (fileUpload.length > 0) {\r\n      let f = fileUpload;\r\n      setFiles(f);\r\n    }\r\n  }, [fileUpload]);\r\n\r\n  return (\r\n    <Row>\r\n      {dataSource\r\n        ? dataSource.filesDoc.map((item,key) => (\r\n            <>\r\n              <Col xs={12}><span style={{ cursor: \"pointer\" }} onClick={()=>getFileDoc(item.id,item.documentName)}> {item.documentName ?? \"\"}</span></Col>\r\n              <Col xs={12}>{item.discription ?? \"\"}</Col>\r\n              <Col xs={24}>\r\n                <hr />\r\n              </Col>\r\n            </>\r\n          ))\r\n        : null}\r\n\r\n      {files.map((item, index) => (\r\n        <>\r\n          <Col xs={12}><span style={{ cursor: \"pointer\" }}  onClick={()=>getFileDoc(item.key,item.documentName)}> {item.documentName ?? \"\"}</span></Col>\r\n          <Col xs={12}>\r\n            {item.discription ?? \"\"}{\" \"}\r\n            <FaTrashAlt\r\n              style={{ cursor: \"pointer\" }}\r\n              onClick={() => onRemoveFile(item.key)}\r\n            />\r\n          </Col>\r\n          <Col xs={24}>\r\n            <hr />\r\n          </Col>\r\n        </>\r\n      ))}\r\n    </Row>\r\n  );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { Modal, Row, Col, Input, Spin } from \"antd\";\r\nimport { Button } from \"reactstrap\";\r\nimport swal from \"sweetalert\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport default function ModalAddDoc({\r\n  isModalVisible,\r\n  handleOk,\r\n  handleCancel,\r\n  fileUpload,\r\n  setFileUpload,\r\n  onUploadDoc,\r\n}) {\r\n  const [loading, setLoading] = useState(false);\r\n  const [fileDocs, setFileDocs] = useState(undefined);\r\n  const [filename, setFilename] = useState(\"\");\r\n  const [fileDesc, setFileDesc] = useState(\"\");\r\n\r\n  const onAttachFile = (value) => {\r\n    let attachFile = document.getElementById(\"attachFile\");\r\n    attachFile.click();\r\n  };\r\n\r\n  const handleFileUploadChangeFile = (e) => {\r\n    var sizeInMB = (e.target.files[0].size / (1024 * 1024)).toFixed(2);\r\n    if (sizeInMB > 20.0) {\r\n      swal({\r\n        text: \"ขนาดไฟล์มีขนาดใหญ่เกินกว่าที่ระบบกำหนดค่าสูงสุดไว้ 20 MB\",\r\n        icon: \"warning\",\r\n      });\r\n      return;\r\n    } else {\r\n      setFileDocs(e.target.files[0]);\r\n    }\r\n  };\r\n\r\n  const onOk = () => {\r\n    if (!fileDocs || !filename) {\r\n      swal({\r\n        text: \"กรุณากรอกข้อมูลให้ครบถ้วน\",\r\n        icon: \"warning\",\r\n      });\r\n    } else {\r\n      let _filename = fileDocs.name;\r\n      let ext = _filename.split(\".\").pop();\r\n     \r\n      onUploadDoc(fileDocs,filename.substring(0, 40) + \".\" + ext,fileDesc);\r\n\r\n      setFileDocs(undefined);\r\n      setFilename(\"\");\r\n      setFileDesc(\"\");\r\n      handleOk();\r\n    }\r\n  };\r\n\r\n  const onCancel = () => {\r\n    handleCancel();\r\n\r\n    setFileDocs(undefined);\r\n    setFilename(\"\");\r\n    setFileDesc(\"\");\r\n  };\r\n\r\n  return (\r\n    <Modal\r\n      title=\"เพิ่มเอกสารแนบ\"\r\n      visible={isModalVisible}\r\n      onOk={onOk}\r\n      onCancel={onCancel}\r\n      okText=\"ตกลง\"\r\n      cancelText=\"ยกเลิก\"\r\n      zIndex={1021}\r\n      loading={loading}\r\n    >\r\n      <Row gutter={[8, 8]}>\r\n        <Col xs={24}>\r\n          <Input\r\n            placeholder=\"ชื่อเอกสาร\"\r\n            onChange={(e) => setFilename(e.target.value)}\r\n            value={filename}\r\n          />\r\n        </Col>\r\n        <Col xs={24}>\r\n          <Button\r\n            outline\r\n            size=\"sm\"\r\n            style={{ marginRight: 16 }}\r\n            onClick={onAttachFile}\r\n          >\r\n            เลือกไฟล์\r\n          </Button>\r\n          {fileDocs ? fileDocs.name : \"\"}\r\n          <Input\r\n            onChange={(e) => handleFileUploadChangeFile(e)}\r\n            accept=\"*/*\"\r\n            type=\"file\"\r\n            name=\"attachFile\"\r\n            id=\"attachFile\"\r\n            style={{ display: \"none\" }}\r\n          />\r\n        </Col>\r\n        <Col xs={24}>\r\n          <TextArea\r\n            autoSize={{ minRows: 3, maxRows: 5 }}\r\n            placeholder=\"คำอธิบาย\"\r\n            onChange={(e) => setFileDesc(e.target.value)}\r\n            value={fileDesc}\r\n          />\r\n        </Col>\r\n      </Row>\r\n    </Modal>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Row,\r\n  Col,\r\n  Input,\r\n  Select,\r\n  Spin,\r\n  Switch,\r\n  Radio,\r\n  Tabs,\r\n  Modal,\r\n} from \"antd\";\r\nimport { Button } from \"reactstrap\";\r\nconst { TextArea } = Input;\r\n\r\nexport default function CancelModel({ isModalVisible, setIsModalVisible,itemId,setDescription,onReject }) {\r\n  return (\r\n    <Modal\r\n      visible={isModalVisible}\r\n      onCancel={() => setIsModalVisible(false)}\r\n      zIndex={1021}\r\n      footer={[\r\n        <Row justify=\"center\" gutter={8}>\r\n          <Col key=\"col1\" xs={12} style={{textAlign:\"right\"}}>\r\n            <Button key=\"ok\" color=\"primary\" onClick={onReject}>\r\n              ยืนยัน\r\n            </Button>\r\n          </Col>\r\n          <Col key=\"col2\" xs={12} style={{textAlign:\"left\"}}>\r\n            <Button key=\"back\"  onClick={() => setIsModalVisible(false)}>\r\n              ยกเลิก\r\n            </Button>\r\n          </Col>\r\n        </Row>,\r\n      ]}\r\n    >\r\n      <Row gutter={[8,8]}>\r\n        <Col\r\n          xs={24}\r\n          style={{ textAlign: \"center\", marginBottom: 18, marginTop: 18 }}\r\n        >\r\n          <b>ท่านต้องการยกเลิกคำขอรับบริการข้อมูลเลขที่ {itemId} ใช่หรือไม่</b>\r\n        </Col>\r\n        <Col xs={24}>\r\n        กรุณา ระบุเหตุผล*\r\n        </Col>\r\n        <Col xs={24}>\r\n          <TextArea rows={3} onChange={e=> setDescription(e.target.value)}/>\r\n        </Col>\r\n        *ข้อมูลจำเป็นต้องกรอก\r\n      </Row>\r\n    </Modal>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport { Row, Col, Input, Spin, Card, Radio, Space } from \"antd\";\r\nimport DwrLayout from \"../../componentreuse/DwrLayout\";\r\nimport TableRequestData from \"./component/TableRequestData\";\r\nimport TableRefDoc from \"./component/TableRefDoc\";\r\nimport ModalAddDoc from \"./component/ModalAddDoc\";\r\nimport swal from \"sweetalert\";\r\nimport { getParameterByName } from \"../../Helper/ReadQueryUrl\";\r\nimport { decodedString } from \"../../Helper/ConvertBase64\";\r\nimport AuthenServices from \"../../services/authenServices\";\r\nimport elmStatus from \"./component/StatusRequestData\";\r\nimport RejectModel from \"./component/RejectModel\";\r\nimport \"./RequestDataHistory.css\";\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport default function RequestDataHistoryDetial() {\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    const [isModalVisibleReject, setIsModalVisibleReject] = useState(false);\r\n    const [itemId, setItemid] = useState(undefined);\r\n    const [loading, setLoading] = useState(false);\r\n    const [data, setData] = useState(undefined);\r\n    \r\n    const [reason, setReason] = useState(\"\");\r\n    const [surveType, setSurveType] = useState(2);\r\n    const [getDataType, setGetDataType] = useState(2);\r\n    const [fileUpload, setFileUpload] = useState([]);\r\n    const [description, setDescription] = useState(undefined);\r\n\r\n    useEffect(() => {\r\n        let id = getParameterByName(\"id\");\r\n        if (id) {\r\n            setItemid(decodedString(id));\r\n            onGetData(decodedString(id));\r\n        }\r\n    }, []);\r\n\r\n    const onGetData = (id) => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + `/api/v1/requestData/${id}`, {\r\n                method: \"GET\",\r\n            })\r\n            .then((res) => {\r\n                console.log(JSON.stringify(res.data))\r\n                setData(res.data);\r\n                setReason(res.data.reason);\r\n                setSurveType(res.data.surveType);\r\n                setGetDataType(res.data.getDataType)\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const onUploadDoc = (file, documentName, discription) => {\r\n        setLoading(true);\r\n        const formData = new FormData();\r\n\r\n        formData.append(\"requestDataId\", itemId);\r\n        formData.append(\"documentName\", documentName);\r\n        formData.append(\"statusRequest\", data.statusRequestId);\r\n        formData.append(\"discription\", discription);\r\n\r\n        formData.append(\"attachFile\", file);\r\n\r\n        auth\r\n            .fetchWithToken(url + `/api/v1/requestData/${itemId}`, {\r\n                method: \"PUT\",\r\n                data: formData,\r\n            })\r\n            .then((res) => {\r\n                let files = [\r\n                    ...fileUpload,\r\n                    {\r\n                        key: res.data,\r\n                        fileObject: file,\r\n                        documentName,\r\n                        discription,\r\n                    },\r\n                ];\r\n\r\n                setFileUpload(files);\r\n                swal({ text: \"อัพโหลดไฟล์สำเร็จ\", icon: \"success\" });\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถอัพโหลดไฟล์ได้ในขณะนี้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const onDelete = (id) => {\r\n        swal({\r\n            title: \"ลบไฟล์แนบ\",\r\n            text: \"ต้องการลบไฟล์แนบ ใช่หรือไม่\",\r\n            icon: \"warning\",\r\n            dangerMode: true,\r\n            buttons: {\r\n                ok: \"ยืนยัน\",\r\n                cancel: \"ยกเลิก\",\r\n            },\r\n        }).then((value) => {\r\n            if (value) {\r\n                onDeleteDoc(id);\r\n            }\r\n        });\r\n    };\r\n\r\n    const onDeleteDoc = (id) => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + `/api/v1/requestData/deleteDoc/${itemId}/${id}`, {\r\n                method: \"DELETE\",\r\n                data: {},\r\n            })\r\n            .then((res) => {\r\n                let _fileUpload = fileUpload;\r\n                var indexOf = _fileUpload.findIndex(i => i.key == id);\r\n                _fileUpload.splice(indexOf, 1);\r\n                setFileUpload([..._fileUpload]);\r\n\r\n                console.log(\"_fileUpload\", [..._fileUpload]);\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถลบไฟล์ได้ กรุณาลองใหม่หรือติดต่อผู้ดูแลระบบ\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const handleModelOk = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n\r\n    const handleModelCancel = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n\r\n    const onRemoveFile = (id) => {\r\n        onDelete(id);\r\n    };\r\n\r\n    const onConfirmRequestData = () => {\r\n\r\n        swal({\r\n            title: \"ยืนยันข้อมูล\",\r\n            text: \"ต้องการยืนยันข้อมูล ใช่หรือไม่\",\r\n            icon: \"warning\",\r\n            dangerMode: true,\r\n            buttons: {\r\n                ok: \"ยืนยัน\",\r\n                cancel: \"ยกเลิก\",\r\n            },\r\n        }).then((value) => {\r\n            if (value) {\r\n                setLoading(true);\r\n                let data = JSON.stringify({\r\n                    requestDataId: itemId,\r\n                    reason: reason,\r\n                    surveType: surveType\r\n                });\r\n\r\n                auth\r\n                    .fetchWithToken(url + `/api/v1/requestData/confirmRequestData/${itemId}`, {\r\n                        method: \"PUT\",\r\n                        data: data,\r\n                    })\r\n                    .then((res) => {\r\n                        onGetData(itemId);\r\n                        swal({\r\n                            text: \"ยืนยันข้อมูลสำเร็จ\",\r\n                            icon: \"success\",\r\n                        });\r\n                        setLoading(false);\r\n                    })\r\n                    .catch((error) => {\r\n                        swal({\r\n                            text: \"ไม่สามารถบันทึกได้ กรุณาลองใหม่หรือติดต่อผู้ดูแลระบบ\",\r\n                            icon: \"warning\",\r\n                        });\r\n                        setLoading(false);\r\n                    });\r\n            }\r\n        });\r\n    };\r\n\r\n    const onReject = () => {\r\n        // setLoading(true);\r\n\r\n        if (!description) {\r\n            swal({\r\n                text: \"กรุณาระบุรายละเอียด\",\r\n                icon: \"warning\",\r\n            });\r\n            setLoading(false);\r\n            return;\r\n        }\r\n\r\n        var json = JSON.stringify({\r\n            id: itemId,\r\n            description: description,\r\n            requestUserType: surveType,\r\n            action: \"cancel\",\r\n        });\r\n        onChangeStatusRequest(itemId, json);\r\n\r\n        setIsModalVisibleReject(false);\r\n    };\r\n\r\n    const onChangeStatusRequest = (id, json) => {\r\n        auth\r\n            .fetchWithToken(\r\n                `${url}/api/v1/TransectionStatus/ChangeStatusRequest/${id}`,\r\n                {\r\n                    method: \"PUT\",\r\n                    data: json,\r\n                }\r\n            )\r\n            .then((res) => {\r\n\r\n                onGetData(itemId);\r\n\r\n                swal({ text: \"บันทึกข้อมูลสำเร็จ\", icon: \"success\" });\r\n\r\n                var data = res.data;\r\n                if (data.bodyHtml) {\r\n                    swal({\r\n                        text: `ตัวอย่างการส่งอีเมล\r\n          send email : ${data.email}\r\n          email subject: ${data.subject} \r\n          email body: ${convertToPlain(data.bodyHtml)}`\r\n                        , icon: \"success\"\r\n                    });\r\n                }\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((e) => {\r\n                swal({\r\n                    text: \"ไม่สามารถบันทึกข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    function convertToPlain(html) {\r\n\r\n        // Create a new div element\r\n        var tempDivElement = document.createElement(\"div\");\r\n\r\n        // Set the HTML content with the given value\r\n        tempDivElement.innerHTML = html;\r\n\r\n        // Retrieve the text property of the element \r\n        return tempDivElement.textContent || tempDivElement.innerText || \"\";\r\n    }\r\n\r\n    const blobToFile = (theBlob, fileName) => {\r\n        return new File([theBlob], fileName, {\r\n            lastModified: new Date().getTime(),\r\n            type: theBlob.type,\r\n        });\r\n    };\r\n\r\n    const getFileDoc = (id, filename) => {\r\n        console.log(id);\r\n        auth\r\n            .fetchWithToken(`${url}/api/v1/RequestData/getFileAttach/${id}`, {\r\n                method: \"GET\",\r\n                responseType: \"blob\",\r\n                data: {},\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n\r\n                setLoading(true);\r\n                setTimeout(() => {\r\n                    setLoading(false);\r\n                }, 500);\r\n\r\n                const url = window.URL.createObjectURL(\r\n                    new Blob([_resp_data])\r\n                );\r\n\r\n                const link = document.createElement(\"a\");\r\n                link.href = url;\r\n                link.setAttribute(\"download\", filename); //or any other extension\r\n                document.body.appendChild(link);\r\n                link.click();\r\n\r\n            })\r\n            .catch((error) => { });\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Row style={{ margin: \"0\" }}>\r\n                <Col xs={24} style={{ padding: \"0px\" }}>\r\n                    <DwrLayout\r\n                        title=\"ประวัติการขอรับบริการข้อมูล\"\r\n                        backBtn={true}\r\n                        name=\"search\"\r\n                        handlePage={(e) => window.history.back()}\r\n                    >\r\n                        <ModalAddDoc\r\n                            isModalVisible={isModalVisible}\r\n                            handleOk={handleModelOk}\r\n                            handleCancel={handleModelCancel}\r\n                            fileUpload={fileUpload}\r\n                            setFileUpload={setFileUpload}\r\n                            onUploadDoc={onUploadDoc}\r\n                        />\r\n\r\n                        <RejectModel\r\n                            isModalVisible={isModalVisibleReject}\r\n                            setIsModalVisible={setIsModalVisibleReject}\r\n                            itemId={itemId}\r\n                            setDescription={setDescription}\r\n                            onReject={onReject}\r\n                        />\r\n\r\n                        <Spin spinning={loading}>\r\n                            <Row gutter={8}>\r\n                                <Col xs={24} style={{ textAlign: \"center\", marginBottom: 8 }}>\r\n                                    <div>รายละเอียดคำขอรับบริการข้อมูลเลขที่ {itemId}</div>\r\n                                    <div>\r\n                                        {data\r\n                                            ? data.statusRequestId ? elmStatus.filter((f) =>\r\n                                                f.key.includes(data.statusRequestId)\r\n                                            )[0].text : \"\"\r\n                                            : \"\"}\r\n                                    </div>\r\n                                </Col>\r\n                                <Col xs={24}>\r\n                                    <TableRequestData dataSource={data} />\r\n                                </Col>\r\n                                <Col lg={12} xs={24}>\r\n                                    <Card\r\n                                        title={\r\n                                            <div style={{ textAlign: \"center\" }}>\r\n                                                เลือกรูปแบบข้อมูลที่ต้องการ\r\n                                            </div>\r\n                                        }\r\n                                        headStyle={{ background: \"#ddf4fe\" }}\r\n                                        bordered={true}\r\n                                    >\r\n                                        <Radio.Group\r\n                                            disabled={true}\r\n                                            onChange={(e) => setSurveType(e.target.value)}\r\n                                            value={surveType}\r\n                                        >\r\n                                            <Space direction=\"vertical\">\r\n                                                <Radio value={2} style={{ whiteSpace: \"break-spaces\" }}>ต้องการข้อมูลในรูปแบบดิจิตอล</Radio>\r\n                                                <Radio value={3} style={{ whiteSpace: \"break-spaces\" }}>ต้องการข้อมูลในรูปแบบ pdf</Radio>\r\n                                                <Radio value={1} style={{ whiteSpace: \"break-spaces\" }}>ต้องการข้อมูลในรูปแบบกระดาษ</Radio>\r\n                                            </Space>\r\n                                        </Radio.Group>\r\n                                    </Card>\r\n                                </Col>\r\n                                <Col lg={12} xs={24}>\r\n                                    <Card\r\n                                        title={\r\n                                            <div style={{ textAlign: \"center\" }}>\r\n                                                วิธีรับข้อมูล\r\n                                            </div>\r\n                                        }\r\n                                        headStyle={{ background: \"#ddf4fe\" }}\r\n                                        bordered={true}\r\n                                    >\r\n                                        <Radio.Group\r\n                                            disabled={true}\r\n                                            onChange={(e) => setGetDataType(e.target.value)}\r\n                                            value={getDataType}\r\n                                        >\r\n                                            <Space direction=\"vertical\">\r\n                                               {/* <Radio value={2} style={{ whiteSpace: \"break-spaces\" }}>ส่งทางไปรษณีย์</Radio>*/}\r\n                                                <Radio value={1} style={{ whiteSpace: \"break-spaces\" }}>เดินทางมารับด้วยตัวเอง</Radio>\r\n                                                <Radio value={3} style={{ whiteSpace: \"break-spaces\" }}>ส่งทางอีเมล</Radio>\r\n                                            </Space>\r\n                                        </Radio.Group>\r\n                                    </Card>\r\n                                </Col>\r\n                                <Col xs={24}>\r\n                                    <Card\r\n                                        title={\r\n                                            <div style={{ textAlign: \"center\" }}>\r\n                                                เหตุผลในการขอรับบริการ*\r\n                                            </div>\r\n                                        }\r\n                                        headStyle={{ background: \"#ddf4fe\" }}\r\n                                        bordered={false}\r\n                                    >\r\n                                        <TextArea\r\n                                            disabled={true}\r\n                                            maxLength={450}\r\n                                            autoSize={{ minRows: 5, maxRows: 5 }}\r\n                                            onChange={(e) => setReason(e.target.value)}\r\n                                            value={reason}\r\n                                        />\r\n                                    </Card>\r\n                                </Col>\r\n                                <Col xs={24} style={{ marginBottom: 8 }}>\r\n                                    {\r\n                                        data ? (data.statusRequestId == 30 ?\r\n                                            <a\r\n                                                href=\"/fileSample/paymentinvoice.pdf\"\r\n                                                target=\"_blank\"\r\n                                            >\r\n                                                ใบแจ้งการชำระเงิน ค่าบริการข้อมูล กรมทรัพยากรน้ำ\r\n                                            </a> : null) : null\r\n                                    }\r\n                                </Col>\r\n\r\n                                <Col xs={24}>\r\n                                    <Card\r\n                                        bodyStyle={{ paddingTop: 12 }}\r\n                                        title=\"เอกสารประกอบการขอรับบริการข้อมูล\"\r\n                                        bordered={false}\r\n                                        headStyle={{ background: \"#ddf4fe\" }}\r\n                                        extra={\r\n                                            data ? (\r\n                                                data.statusRequestId == 10 || data.statusRequestId == 30 || data.statusRequestId == 11 || data.statusRequestId == 31 ? (\r\n                                                    <Button\r\n                                                        color=\"primary\"\r\n                                                        onClick={() => setIsModalVisible(true)}\r\n                                                    >\r\n                                                        เพิ่ม\r\n                                                    </Button>\r\n                                                ) : (\r\n                                                        \"\"\r\n                                                    )\r\n                                            ) : (\r\n                                                    \"\"\r\n                                                )\r\n                                        }\r\n                                    >\r\n                                        <TableRefDoc\r\n                                            dataSource={data}\r\n                                            fileUpload={fileUpload}\r\n                                            onRemoveFile={onRemoveFile}\r\n                                            getFileDoc={getFileDoc}\r\n                                        />\r\n                                    </Card>\r\n                                </Col>\r\n                                {data ? (data.statusRequestId ? \"\" : \"\") : \"\"}\r\n                                <Col xs={24} style={{ textAlign: \"center\" }}>\r\n                                    {data ? (\r\n                                        data.statusRequestId == 12 ? (\r\n                                            <div>\r\n                                                <Button color=\"primary\" onClick={onConfirmRequestData} style={{ marginRight: 16 }}>ยืนยันข้อมูล</Button>\r\n                                                <Button color=\"secondary\" onClick={() => setIsModalVisibleReject(true)}>ยกเลิกคำร้อง</Button>\r\n                                            </div>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )\r\n                                    ) : (\r\n                                            \"\"\r\n                                        )}\r\n\r\n\r\n                                </Col>\r\n                                <Col\r\n                                    xs={24}\r\n                                    style={{ textAlign: \"center\", fontSize: 12, marginTop: 16 }}\r\n                                >\r\n                                    <div>\r\n                                        <small>หมายเหตุ* กรณีที่ต้องการข้อมูลในรูปแบบแผ่นซีดี หรืออุปกรณ์สำเนาข้อมูล(Flash drive, Handy drive, External hard disk)\r\n                                <br /> โปรดจัดเตรียมอุปกรณ์ดังกล่าวมาพร้อมในวันรับข้อมูลพร้อมค่าบริการ(หากมี) และ เอกสารการชำระเงินฉบับจริง\r\n                                <br /> หากมีปัญหาโปรดติดต่อสอบถาม หน่วยบริการข้อมูล โทร: 02271-6000 ต่อ 6832 หรือ 6814, FAX:02298-6614\r\n                                </small>\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>\r\n                        </Spin>\r\n                    </DwrLayout>\r\n                </Col>\r\n            </Row>\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React from 'react'\r\nimport SideNavBar from '../sidenavbar/SideNavBar';\r\nimport { Row, Col } from 'reactstrap'\r\nimport { Route, Redirect, BrowserRouter } from \"react-router-dom\";\r\nimport NavBar from '../navbar/NavBar'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport AuthenServices from '../services/authenServices'\r\n\r\nimport MyAccount from './myAccount/MyAccount'\r\n//import ServicesRequestData from './servicesrequestdata/ServicesRequestData'\r\nimport RequestDataHistory from './/requestDataHistory/RequestDataHistory'\r\nimport RequestDataHistoryDetial from './/requestDataHistory/RequestDataHistoryDetial'\r\n\r\nvar auth = new AuthenServices()\r\n\r\nexport default function Admin(props) {\r\n    var path = window.location.pathname\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-device-width: 769px)'\r\n    })\r\n\r\n    if (!auth.loggedIn()) { //ไว้กันพิม /admin url บนbrowser โดยตรง\r\n        return false\r\n    }\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n            <Row style={{ margin: '0' }}>\r\n                {isDesktopOrLaptop ?\r\n                    <Col xl={3} lg={3} style={{ padding: '0' }} className='hideNavXs'>\r\n                        <SideNavBar name='admin' currentpath={path} />\r\n                    </Col>\r\n                    : ''}\r\n                <Col xl={9} lg={9} style={{ padding: '0px' }}>\r\n                        <Route exact path=\"/admin\">\r\n                        <Redirect from='/admin' to='/admin/myaccount' />\r\n                        </Route>\r\n                        <Route path={`${props.match.path}/myaccount`} component={MyAccount} />\r\n                        <Route path={`${props.match.path}/requestDataHistory`} component={RequestDataHistory} />\r\n                        <Route path={`${props.match.path}/requestDataHistoryDetial`} component={RequestDataHistoryDetial} />\r\n                        \r\n                </Col>\r\n            </Row>\r\n        </React.Fragment>\r\n    )\r\n}","import React from \"react\";\r\nimport { Row, Col, Select } from \"antd\";\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function SelectYear({onChange,style,value}) {\r\n  const currentYear = new Date().getFullYear();\r\n  const oldestYear = 1962;\r\n  const years = [];\r\n\r\n  for (var i = currentYear; i >= oldestYear; i--) {\r\n    years.push(i);\r\n  }\r\n\r\n  return (\r\n    <Select style={{ width: \"calc(100% - 25px)\",...style}} onChange={onChange} value={value}>\r\n      {years.map((year) => (\r\n        <Option value={year}>{year}</Option>\r\n      ))}\r\n    </Select>\r\n  );\r\n}\r\n","export const parseJwt = () => {\r\n    var token = localStorage.getItem(\"id_token\");\r\n    var base64Url = token.split('.')[1];\r\n    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\r\n    var jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {\r\n        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\r\n    }).join(''));\r\n\r\n    return JSON.parse(jsonPayload);\r\n};","import React, { useState, useEffect } from 'react'\r\nimport { Row, Col, Button, Radio, Checkbox, Modal, Input } from \"antd\";\r\nimport moment from 'moment';\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport SelectYear from '../stationdetail/component/SelectYear';\r\nimport swal from \"sweetalert\";\r\nimport { parseJwt } from \"../Helper/JwtDecode\";\r\nimport { ready } from 'jquery';\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\nexport default function ModalSelType({ stnTypeData, isModalVisible, handleOk, setviceSelect, onSelectService, stationList, stationall }) {\r\n    const [loading, setLoading] = useState(false);\r\n    const [stationData, setStationData] = useState({\r\n        stationTh: \"\",\r\n        stationEn: \"\",\r\n        StationCode: \"\",\r\n    });\r\n    const stylemdR8 = { marginRight: 8 };\r\n    const styleTextRight = window.screen.width < 576 ? { textAlign: \"left\" } : { textAlign: \"right\" };\r\n    const stylemdB8 = { marginBottom: 8 };\r\n    useEffect(() => {\r\n\r\n    }, [])\r\n\r\n    const typeoption = []\r\n    stnTypeData ? stnTypeData.map((item, key) => {\r\n        typeoption.push({ key, value: item.dataTypeId, label: item.dataTypeTh + ' (' + item.dataTypeEn + ')' })\r\n    }) : typeoption = []\r\n\r\n    function changtype(e) {\r\n        alert(e)\r\n    }\r\n    let radioBtn = window.screen.width < 576 ? { width: 200, display: \"inline-block\", textOverflow: \"ellipsis\", overflow: \"hidden\", whiteSpace: \"nowrap\", border: \"1px solid #d9d9d9\" } : {};\r\n\r\n    const onAddDB = () => {\r\n        if (setviceSelect.yearStart > setviceSelect.yearEnd) {\r\n            swal({\r\n                text: \"กรุณาเลือกปีสิ้นสุดมากกว่าปีเริ่มต้น\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (stationList == '') {\r\n            swal({\r\n                text: \"กรุณาเลือกสถานี\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (setviceSelect.stationType.length == 0) {\r\n            swal({\r\n                text: \"กรุณาเลือกชนิดข้อมูล\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n       \r\n\r\n        var newdataselection = []\r\n       \r\n        stationList.map((sid) => {\r\n\r\n            var getstationid = stationall.filter(f => f.stationId == sid);\r\n            console.log(JSON.stringify(getstationid))\r\n            console.log(JSON.stringify(setviceSelect))\r\n            if (setviceSelect.serviceType == 1) {\r\n\r\n                setviceSelect.stationType.map((item) => {\r\n                    newdataselection.push({                       \r\n                        stationLabel: getstationid[0].stationLabel,\r\n                        stationId: sid,\r\n                        stationTh: getstationid[0].stationTh,\r\n                        dataTypeId: item,\r\n                        dataTypeTh: stnTypeData.filter(f => f.dataTypeId == item)[0].dataTypeTh,\r\n                        yearbookTypeId: null,\r\n                        yearbookTypeTh: null,\r\n                        yearStart: moment(setviceSelect.yearStart, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        yearEnd: moment(setviceSelect.yearEnd, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        isDaily: setviceSelect.type == \"everyDay\" ? \"Y\" : \"N\",\r\n                        isMonthly: setviceSelect.type == \"everyMonth\" ? \"Y\" : \"N\",\r\n                    })\r\n             \r\n                });\r\n            }\r\n        });\r\n     \r\n        if (parseJwt().userid) {\r\n            onSaveToDB(newdataselection);\r\n        } else {\r\n\r\n            var requestData = sessionStorage.getItem(\"requestData\");\r\n\r\n            if (requestData) {\r\n                let data = JSON.parse(requestData);\r\n                let req = JSON.parse(newdataselection);\r\n                req[\"key\"] = data[data.length - 1].key + 1;\r\n                sessionStorage.setItem(\"requestData\", JSON.stringify([...data, req]));\r\n            } else {\r\n                let data = JSON.parse(newdataselection);\r\n                data[\"key\"] = 1;\r\n                sessionStorage.setItem(\"requestData\", JSON.stringify([data]));\r\n            }\r\n\r\n            swal({\r\n                text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n            });\r\n        }\r\n\r\n    }\r\n\r\n\r\n    const onAddService = () => {\r\n\r\n        if (setviceSelect.yearStart > setviceSelect.yearEnd) {\r\n            swal({\r\n                text: \"กรุณาเลือกปีสิ้นสุดมากกว่าปีเริ่มต้น\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n\r\n        if (stationList == '') {\r\n            swal({\r\n                text: \"กรุณาเลือกสถานี\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n      \r\n        if (setviceSelect.stationType.length == 0) {\r\n            swal({\r\n                text: \"กรุณาเลือกชนิดข้อมูล\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n     \r\n        stationList.map((sid) => {\r\n\r\n            var getstationid = stationall.filter(f => f.stationId == sid);\r\n            if (setviceSelect.serviceType == 1) {\r\n\r\n                setviceSelect.stationType.map((item) => {\r\n\r\n                    var json = \"\";\r\n\r\n                    json = JSON.stringify({\r\n                        stationLabel: getstationid[0].stationLabel,\r\n                        stationId: sid,\r\n                        stationTh: getstationid[0].stationTh,\r\n                        dataTypeId: item,\r\n                        dataTypeTh: stnTypeData.filter(f => f.dataTypeId == item)[0].dataTypeTh,\r\n                        yearbookTypeId: null,\r\n                        yearbookTypeTh: null,\r\n                        yearStart: moment(setviceSelect.yearStart, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        yearEnd: moment(setviceSelect.yearEnd, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        isDaily: setviceSelect.type == \"everyDay\" ? \"Y\" : \"N\",\r\n                        isMonthly: setviceSelect.type == \"everyMonth\" ? \"Y\" : \"N\",\r\n                    });\r\n\r\n\r\n                    if (parseJwt().userid) {\r\n                        onSave(json);\r\n                    } else {\r\n\r\n                        var requestData = sessionStorage.getItem(\"requestData\");\r\n\r\n                        if (requestData) {\r\n                            let data = JSON.parse(requestData);\r\n                            let req = JSON.parse(json);\r\n                            req[\"key\"] = data[data.length - 1].key + 1;\r\n                            sessionStorage.setItem(\"requestData\", JSON.stringify([...data, req]));\r\n                        } else {\r\n                            let data = JSON.parse(json);\r\n                            data[\"key\"] = 1;\r\n                            sessionStorage.setItem(\"requestData\", JSON.stringify([data]));\r\n                        }\r\n\r\n                        swal({\r\n                            text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                        });\r\n                    }\r\n                });\r\n\r\n            } else if (setviceSelect.serviceType == 2) {\r\n                var json = \"\";\r\n                json = JSON.stringify({\r\n                    stationLabel: getstationid[0].stationLabel,\r\n                    stationId: sid,\r\n                    stationTh: getstationid[0].stationTh,\r\n                    dataTypeId: null,\r\n                    dataTypeTh: null,\r\n                    yearbookTypeId: setviceSelect.yearbookTypeId,\r\n                    yearbookTypeTh: setviceSelect.yearbookTypeId == 1 ? \"หนังสือสถิติอุทกวิทยาฯ (1 ชุด มี 2 เล่ม)\" : setviceSelect.yearbookTypeId == 2 ? \"CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2)\" : \"\",\r\n                    yearStart: moment(setviceSelect.yearStart, \"YYYY\").format(\"YYYY-01-01\"),\r\n                    yearEnd: moment(setviceSelect.yearEnd, \"YYYY\").format(\"YYYY-01-01\"),\r\n                    isDaily: null,\r\n                    isMonthly: null,\r\n                });\r\n\r\n\r\n                if (parseJwt().userid) {\r\n                    onSave(json);\r\n                } else {\r\n\r\n                    var requestData = sessionStorage.getItem(\"requestData\");\r\n\r\n                    if (requestData) {\r\n                        let data = JSON.parse(requestData);\r\n                        let req = JSON.parse(json);\r\n                        req[\"key\"] = data[data.length - 1].key + 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([...data, req]));\r\n                    } else {\r\n                        let data = JSON.parse(json);\r\n                        data[\"key\"] = 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([data]));\r\n                    }\r\n\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                }\r\n\r\n            }\r\n        });\r\n    }\r\n    const onSaveToDB = (json) => {\r\n\r\n        \r\n        setLoading(true);\r\n        auth.fetchWithToken(url + \"/api/v1/stations/SelTypeRequestData\", {\r\n            method: 'POST',            \r\n            data: json,\r\n        })      \r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถบันทึกข้อมูลได้\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"พบข้อผิดพลาด ไม่สามารถบันทึกข้อมูลได้\",\r\n                    icon: \"warning\",\r\n                });\r\n\r\n                if (error.response) {\r\n                    // Request made and server responded\r\n                    // console.log(error.response.data);\r\n                    // console.log(error.response.status);\r\n                    // console.log(error.response.headers);\r\n                } else if (error.request) {\r\n                    // The request was made but no response was received\r\n                    // console.log(error.request);\r\n                } else {\r\n                    // Something happened in setting up the request that triggered an Error\r\n                    // console.log('Error', error.message);\r\n                }\r\n\r\n                setLoading(false);\r\n            });\r\n    }\r\n\r\n    const onSave = (json) => {\r\n        setLoading(true);\r\n        auth.fetchWithToken(url + \"/api/v1/stations/RequestData\", {\r\n            method: \"PUT\",\r\n            data: json,\r\n        })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถบันทึกข้อมูลได้\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"พบข้อผิดพลาด ไม่สามารถบันทึกข้อมูลได้\",\r\n                    icon: \"warning\",\r\n                });\r\n\r\n                if (error.response) {\r\n                    // Request made and server responded\r\n                    // console.log(error.response.data);\r\n                    // console.log(error.response.status);\r\n                    // console.log(error.response.headers);\r\n                } else if (error.request) {\r\n                    // The request was made but no response was received\r\n                    // console.log(error.request);\r\n                } else {\r\n                    // Something happened in setting up the request that triggered an Error\r\n                    // console.log('Error', error.message);\r\n                }\r\n\r\n                setLoading(false);\r\n            });\r\n    }\r\n   \r\n    return (\r\n        <Modal\r\n            visible={isModalVisible}\r\n            onCancel={handleOk}\r\n            // maskClosable={false}\r\n            footer={false}\r\n            \r\n        >\r\n            <div>\r\n                <Col xs={24} style={{ textAlign: \"center\", background: '#d1d4f9', paddingTop: 4 }}>\r\n                    <label className=\"text-bold\">เลือกข้อมูลขอรับบริการ</label>\r\n                </Col>\r\n\r\n                <Row gutter={8} style={stylemdB8}>\r\n                    <Col xs={24} md={6} style={styleTextRight}>\r\n                        <Radio.Group onChange={(e) => onSelectService({ ...setviceSelect, serviceType: e.target.value })} value={setviceSelect.serviceType}>\r\n                            <Radio value={1} style={{ marginTop: 14 }}>ชนิดข้อมูล</Radio>\r\n                        </Radio.Group>\r\n                    </Col>\r\n\r\n                    <Col xs={24} md={18}>\r\n                       \r\n\r\n                         {/* <Checkbox.Group disabled={setcheckboox} options={typeoption} onChange={(e) => onSelectService({ ...setviceSelect, stationType: e })} style={{ ...stylemdR8, marginTop: 8, fontWeight: 900, ...radioBtn }} />*/}\r\n                        <Checkbox.Group options={typeoption} onChange={(e) => onSelectService({ ...setviceSelect, stationType: e })} style={{ ...stylemdR8, marginTop: 8, fontWeight: 900, ...radioBtn }} />\r\n                        <Row style={{ ...stylemdR8, marginTop: 8 }}>\r\n                            <Col xs={24}>\r\n                                <span style={{ ...stylemdR8, fontSize: 14 }}>ประเภท : </span>\r\n                                <Radio.Group buttonStyle=\"solid\" onChange={(e) => onSelectService({ ...setviceSelect, type: e.target.value })} value={setviceSelect.type} disabled={setviceSelect.serviceType !== 1}>\r\n                                    <Radio.Button style={{ ...stylemdR8 }} value=\"everyDay\">รายวัน</Radio.Button>\r\n                                    <Radio.Button value=\"everyMonth\">รายเดือน</Radio.Button>\r\n                                </Radio.Group>\r\n\r\n\r\n                            </Col>\r\n                        </Row>\r\n                    </Col>\r\n                </Row>\r\n\r\n                {/*<Row gutter={8} style={stylemdB8}>*/}\r\n                {/*    <Col xs={24} md={6} style={styleTextRight}>*/}\r\n                {/*        <Radio.Group onChange={(e) => onSelectService({ ...setviceSelect, serviceType: e.target.value })} value={setviceSelect.serviceType}>*/}\r\n                {/*            <Radio value={2} style={{ marginTop: 14 }}>หนังสือ : </Radio>*/}\r\n                {/*        </Radio.Group>*/}\r\n                {/*    </Col>*/}\r\n\r\n                {/*    <Col xs={24} md={18}>*/}\r\n                {/*        <Radio.Group buttonStyle=\"solid\" onChange={(e) => onSelectService({ ...setviceSelect, yearbookTypeId: e.target.value })} value={setviceSelect.yearbookTypeId} disabled={setviceSelect.serviceType !== 2}>*/}\r\n                {/*            <Radio.Button style={{ ...stylemdR8, marginTop: 8, fontWeight: 900, ...radioBtn }} value=\"1\">หนังสือสถิติอุทกวิทยาฯ (1 ชุด มี 2 เล่ม)</Radio.Button>*/}\r\n                {/*            <Radio.Button style={{ ...stylemdR8, marginTop: 8, fontWeight: 900, ...radioBtn }} value=\"2\">CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2 )</Radio.Button>*/}\r\n                {/*        </Radio.Group>*/}\r\n                {/*    </Col>*/}\r\n                {/*</Row>*/}\r\n                <Row gutter={8} style={stylemdB8}>\r\n                    <Col xs={24} md={6} style={{ ...styleTextRight, marginTop: 4, paddingRight: 21 }}>\r\n                        <span style={{ fontSize: 14 }}>ปี : </span>\r\n                    </Col>\r\n                    <Col xs={24} md={18}>\r\n                        <Row>\r\n                            <Col xs={24}>\r\n                                <SelectYear\r\n                                    value={setviceSelect.yearStart}\r\n                                    onChange={(e) => onSelectService({ ...setviceSelect, yearStart: e })}\r\n                                    style={{ width: 80, marginRight: 8 }}\r\n                                />\r\n\r\n                                <span>ถึง : </span>\r\n                                <SelectYear\r\n                                    value={setviceSelect.yearEnd}\r\n                                    onChange={(e) => onSelectService({ ...setviceSelect, yearEnd: e })}\r\n                                    style={{ width: 80 }}\r\n                                />\r\n                            </Col>\r\n                        </Row>\r\n                    </Col>\r\n                </Row>\r\n                <Row type=\"flex\" justify=\"center\">\r\n                    <Col xs={24} style={{ textAlign: \"center\" }}>\r\n                      {/* <Button style={{ marginTop: 16, color: '#fff', backgroundColor: '#6c757d', borderColor: '#6c757d' }} onClick={onAddService}>เพิ่มรายการ</Button> ดวงกมล  16/10/2024 แก้เนื่องจาก ตอนเพิ่มข้อมูลหลายสถานีหลายประเภทแล้ว ตอนบันทึกลง database ข้อมูลเข้าหลาย row จึงทำให้ข้อมูลผิด   */}\r\n                         <Button style={{ marginTop: 16, color: '#fff', backgroundColor: '#6c757d', borderColor: '#6c757d' }} onClick={onAddDB}>เพิ่มรายการ</Button>\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n        </Modal>\r\n    )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport NavBar from '.././navbar/NavBar'\r\nimport AuthenServices from '../services/authenServices'\r\nimport { Row, Col, Input, Button, Table, FormGroup, Label, } from 'reactstrap'\r\nimport SelectSearch from '../componentreuse/SelectSearch'\r\nimport swal from 'sweetalert'\r\nimport { encodedString } from \"../Helper/ConvertBase64\";\r\nimport moment from 'moment'\r\nimport { LoopCircleLoading } from 'react-loadingg'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ModalSelType from './ModalSelType'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function InfoServiceMain(props) {\r\n    const [stationSearch, setStationSearch] = useState('')\r\n    const [basin, setBasin] = useState({ selected: { value: null, label: null }, list: null, loading: true, name: 'basin' })\r\n    const [province, setProvince] = useState({ selected: { value: null, label: null }, list: null, loading: true })\r\n    const [district, setDistrict] = useState({ selected: { value: null, label: null }, list: null, loading: true })\r\n    const [subDistrict, setSubDistrict] = useState({ selected: { value: null, label: null }, list: null, loading: true })\r\n    const [villageSearch, setVillageSearch] = useState('')\r\n    //const [nearbyPlaceSearch, setNearbyPlaceSearch] = useState('')\r\n    const [stationTypeData, setStationTypeData] = useState([]);\r\n    const [stationall, setStationAll] = useState([])\r\n    const [stationSearchedList, setStationSearchedList] = useState([])\r\n    const [stationList, setStationList] = useState([]);\r\n  \r\n    const [loading, setLoading] = useState(false)\r\n    const { t } = useTranslation();\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    //*********************************************************************************************************************\r\n    const [setviceSelect, setServiceSelect] = useState({\r\n        serviceType: 1,\r\n        stationType: [],\r\n        type: \"everyDay\",\r\n        yearbookTypeId: \"1\",\r\n        yearStart: new Date().getFullYear(),\r\n        yearEnd: new Date().getFullYear(),\r\n    });\r\n\r\n\r\n    useEffect(() => {\r\n        var stationServiceSession = JSON.parse(sessionStorage.getItem(\"stationService\"))\r\n\r\n        if (stationServiceSession != null) {\r\n            setStationSearch(stationServiceSession.stationSearch)\r\n            setBasin(stationServiceSession.basin)\r\n            setProvince(stationServiceSession.province)\r\n            setDistrict(stationServiceSession.district)\r\n            setSubDistrict(stationServiceSession.subDistrict)\r\n            setVillageSearch(stationServiceSession.villageSearch)\r\n            //setNearbyPlaceSearch(stationServiceSession.nearbyPlaceSearch)\r\n            setStationSearchedList(stationServiceSession.stationSearchedList)\r\n        }\r\n        else {\r\n            getData()\r\n        }\r\n\r\n    }, [])\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function getData() {\r\n        setStationList([])\r\n        auth.fetchWithToken(url + '/api/v1/Basin', \"method:'GET'\")\r\n            .then(res => {\r\n                let basinOption = []\r\n\r\n                res.data ? res.data.map((item, key) => {\r\n                    basinOption.push({ key: key, value: item.basinId, label: item.basinId + ' : ' + item.basinTh })\r\n                }) : basinOption = []\r\n\r\n                setBasin(prev => ({ ...prev, list: basinOption, loading: false }))\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setBasin(prev => ({ ...prev, loading: false }))\r\n            })\r\n\r\n        auth.fetchWithToken(url + '/api/v1/Province', \"method:'GET'\")\r\n            .then(res => {\r\n                let provinceOption = []\r\n\r\n                res.data ? res.data.map((item, key) => {\r\n                    provinceOption.push({ key: key, value: item.provinceId, label: item.provinceId + ': ' + item.provinceTh })\r\n                }) : provinceOption = []\r\n\r\n                setProvince(prev => ({ ...prev, list: provinceOption, loading: false }))\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setProvince(prev => ({ ...prev, loading: false }))\r\n            })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function handleDropdownChange(value, setFunction, name, nameId) {\r\n        setStationList([])\r\n        if (value == null) {\r\n            if (nameId == 'province') {\r\n                setProvince(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n                setDistrict(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n                setSubDistrict(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n            }\r\n            else if (nameId == 'district') {\r\n                setDistrict(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n                setSubDistrict(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n            }\r\n            else if (nameId == 'subDistrict') {\r\n                setSubDistrict(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n            }\r\n            else {\r\n                setBasin(prev => ({ ...prev, selected: { value: null, label: null } }))\r\n            }\r\n        }\r\n        else {\r\n            console.log(JSON.stringify(value))\r\n            setFunction({ ...name, selected: value })\r\n            if (nameId == 'province') {\r\n                getDistrictByProvinceId(value.value)\r\n            }\r\n            else if (nameId == 'district') {\r\n                getSubDistrictByDistrictId(value.value)\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function changePageToStationDetail(selectedId) {\r\n        setStationList([])\r\n       \r\n        var stationServiceSession = {\r\n            stationSearch: stationSearch,\r\n            basin: basin,\r\n            province: province,\r\n            district: district,\r\n            subDistrict: subDistrict,\r\n            villageSearch: villageSearch,\r\n            //nearbyPlaceSearch: nearbyPlaceSearch,\r\n            stationSearchedList: stationSearchedList\r\n        }\r\n\r\n        sessionStorage.setItem('stationService', JSON.stringify(stationServiceSession))\r\n\r\n        var id = encodedString(selectedId);\r\n        var urlString = '/station/detail?id=' + id\r\n        props.history.push(urlString)\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function handleSearch() {\r\n        var urlString = `/api/v1/Stations/SearchBy?stationDataIn=${stationSearch}&basinIdDataIn=${basin.selected.value != null ? basin.selected.value : ''}&provinceIdDataIn=${province.selected.value != null ? province.selected.value : ''}&districtIdDataIn=${district.selected.value != null ? district.selected.value : ''}&subDistrictIdDataIn=${subDistrict.selected.value != null ? subDistrict.selected.value : ''}&villageDataIn=${villageSearch}`\r\n        setStationList([])\r\n        setLoading(true)\r\n        auth.fetchWithToken(url + urlString, \"method:'GET'\")\r\n            .then(res => {\r\n\r\n                if (res.data && res.data.length > 0) {\r\n                    setStationSearchedList(res.data)\r\n                    setLoading(false)\r\n                }\r\n                else {\r\n                    setLoading(false)\r\n                    setStationSearchedList([])\r\n                    swal({ text: 'ไม่พบข้อมูล', icon: 'warning' })\r\n                }\r\n            })\r\n            .catch(e => {\r\n                swal({ text: 'ไม่สามารถทำรายการได้ กรุณาลองใหม่ภายหลัง', icon: 'warning' })\r\n                console.log(e)\r\n                setLoading(false)\r\n                setStationSearchedList([])\r\n            })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function getDistrictByProvinceId(id) {\r\n        setStationList([])\r\n        auth.fetchWithToken(url + '/api/v1/District/Province/' + id, \"method:'GET'\")\r\n            .then(res => {\r\n                let districtOption = []\r\n\r\n                res.data ? res.data.map((item, key) => {\r\n                    var districtTh = item.districtTh ? item.districtTh : ''\r\n                    var districtEn = item.districtEn ? ` (${item.districtEn})` : ''\r\n\r\n                    districtOption.push({ key: key, value: item.districtId, label: item.districtId + ': ' + districtTh + districtEn, data: item })\r\n                }) : districtOption = []\r\n\r\n                setDistrict({ selected: { value: null, label: null }, list: districtOption, loading: false })\r\n                setSubDistrict({ selected: { value: null, label: null }, list: null, loading: true })\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n            })\r\n    }\r\n\r\n    //*********************************************************************************************************************\r\n\r\n    function getSubDistrictByDistrictId(id) {\r\n        setStationList([])\r\n        auth.fetchWithToken(url + '/api/v1/SubDistrict/District/' + id, \"method:'GET'\")\r\n            .then(res => {\r\n                let subDistrictOption = []\r\n\r\n                res.data ? res.data.map((item, key) => {\r\n                    var subDistrictTh = item.subDistrictTh ? item.subDistrictTh : ''\r\n                    var subDistrictEn = item.subDistrictEn ? ` (${item.subDistrictEn})` : ''\r\n\r\n                    subDistrictOption.push({ key: key, value: item.subDistrictId, label: item.subDistrictId + ': ' + subDistrictTh + subDistrictEn, data: item })\r\n                }) : subDistrictOption = []\r\n\r\n                setSubDistrict({ selected: { value: null, label: null }, list: subDistrictOption, loading: false })\r\n\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n            })\r\n    }\r\n\r\n\r\n    function handleCheckBoxChange(e, id) {\r\n        let SelStationList = stationList\r\n\r\n        if (e.target.checked) {\r\n            SelStationList.push(id)\r\n          \r\n        }\r\n        else {\r\n            var indexToRemove = SelStationList.indexOf(id)\r\n            SelStationList.splice(indexToRemove, 1)\r\n        }\r\n\r\n        setStationList(SelStationList)\r\n    }\r\n    const ViewModal = () => {\r\n        getallstation();\r\n        getDatatype();\r\n        showModal();\r\n    }\r\n    const showModal = () => {\r\n        setIsModalVisible(true);\r\n    };\r\n\r\n    const handleOk = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n    const getallstation = () => {\r\n        setLoading(true);\r\n        auth.fetchWithToken(url + '/api/v1/stations', \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.status == 200) {\r\n                    setStationAll(res.data)\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่พบข้อมูลในระบบ\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    }\r\n    const getDatatype = () => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/datatype/\", {\r\n                method: \"GET\",\r\n            })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    setStationTypeData(res.data);\r\n                    //setServiceSelect({ ...setviceSelect, stationType: res.data[0].dataTypeId });\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่พบข้อมูลในระบบ\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n    //*********************************************************************************************************************\r\n    const onSelectService = (e) => {\r\n        setServiceSelect(e);\r\n    }\r\n    return (\r\n        <React.Fragment>\r\n            <ModalSelType\r\n                stnTypeData={stationTypeData}\r\n                isModalVisible={isModalVisible}\r\n                handleOk={handleOk}\r\n                setviceSelect={setviceSelect}\r\n                onSelectService={onSelectService}\r\n                stationList={stationList}\r\n                stationall={stationall}\r\n            />\r\n            <NavBar />\r\n            <DwrLayout title={t('navbar.nav2')}>\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <Input\r\n                                    placeholder={t('searchStation.placeHolder1')}\r\n                                    value={stationSearch}\r\n                                    onChange={e => setStationSearch(e.target.value)}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <SelectSearch\r\n                                    key={basin.selected.value}\r\n                                    value={basin.selected.value}\r\n                                    label={basin.selected.label}\r\n                                    name={basin}\r\n                                    options={basin.list}\r\n                                    loading={basin.loading}\r\n                                    setFunction={setBasin}\r\n                                    handleDropdownChange={handleDropdownChange}\r\n                                    placeholder={t('searchStation.placeHolder2')}\r\n                                    isClearable\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <SelectSearch\r\n                                    key={province.selected.value}\r\n                                    value={province.selected.value}\r\n                                    label={province.selected.label ? province.selected.label : null}\r\n                                    name={province}\r\n                                    nameId='province'\r\n                                    options={province.list}\r\n                                    loading={province.loading}\r\n                                    setFunction={setProvince}\r\n                                    handleDropdownChange={handleDropdownChange}\r\n                                    isClearable\r\n                                    placeholder={t('searchStation.placeHolder3')}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <SelectSearch\r\n                                    key={district.selected.value}\r\n                                    value={district.selected.value}\r\n                                    label={district.selected.label}\r\n                                    name={district}\r\n                                    nameId='district'\r\n                                    options={district.list}\r\n                                    loading={district.loading}\r\n                                    setFunction={setDistrict}\r\n                                    handleDropdownChange={handleDropdownChange}\r\n                                    isDisabled={province.selected.value == null ? true : false}\r\n                                    isClearable\r\n                                    placeholder={t('searchStation.placeHolder4')}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <SelectSearch\r\n                                    key={subDistrict.selected.value}\r\n                                    value={subDistrict.selected.value}\r\n                                    label={subDistrict.selected.label}\r\n                                    name={subDistrict}\r\n                                    nameId='subDistrict'\r\n                                    options={subDistrict.list}\r\n                                    loading={subDistrict.loading}\r\n                                    setFunction={setSubDistrict}\r\n                                    handleDropdownChange={handleDropdownChange}\r\n                                    isDisabled={district.selected.value == null ? true : false}\r\n                                    isClearable\r\n                                    placeholder={t('searchStation.placeHolder5')}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <Input\r\n                                    placeholder={t('searchStation.placeHolder6')}\r\n                                    value={villageSearch}\r\n                                    onChange={e => setVillageSearch(e.target.value)}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n\r\n                { /*\r\n                 \r\n                                 <Row className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <FormGroup row>\r\n                            <Col sm={12}>\r\n                                <Input\r\n                                    placeholder='ป้อนชื่อสถานีใกล้เคียง'\r\n                                    value={nearbyPlaceSearch}\r\n                                    onChange={e => setNearbyPlaceSearch(e.target.value)}\r\n                                />\r\n                            </Col>\r\n                        </FormGroup>\r\n                    </Col>\r\n                </Row>\r\n                 \r\n                */ }\r\n\r\n\r\n\r\n                <Row style={{ marginBottom: '10px' }} className=\"justify-content-md-center\">\r\n                    <Col lg={5} md={12} sm={12}>\r\n                        <Button onClick={handleSearch} color='primary' block>{t('searchStation.search')}</Button>\r\n                    </Col>\r\n                </Row>\r\n\r\n                {stationSearchedList.length > 0 ?\r\n                    <React.Fragment>\r\n\r\n                        <Col lg={{ size: 10, offset: 10 }} style={{ marginBottom: '10px', marginLeft: '85%' }}>\r\n                            <Button onClick={() => ViewModal()} color=\"primary\" size='sm'>{t('searchStation.brequestservice')}</Button>\r\n                        </Col>\r\n\r\n                        <Row>\r\n\r\n                            <Col lg={{ size: 10, offset: 1 }}>\r\n                                <Table responsive>\r\n                                    <thead>\r\n                                        <tr style={{ textAlign: 'center' }}>\r\n                                            <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('searchStation.tableHeader1')}</th>\r\n                                            <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('searchStation.tableHeader2')}</th>\r\n                                            <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('searchStation.tableHeader3')}</th>\r\n                                            <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('searchStation.tableHeader4')}</th>\r\n                                            <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('searchStation.tableHeader5')}</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        {stationSearchedList.map((item, key) => {\r\n                                            return (\r\n                                                <tr key={key}>\r\n                                                    <td style={{ textAlign: 'left' }}>\r\n                                                        รหัสสถานี: {item.stationLabel}\r\n                                                        <br />ชื่อสถานี: {item.stationTh ? item.stationTh : ''} {item.stationEn ? item.stationEn : ''}\r\n                                                        <br />ลุ่มน้ำ: {item.subBasin && item.subBasin.basin && item.subBasin.basin.basinTH ? item.subBasin.basin.basinTH : ''} {item.subBasin && item.subBasin.basin && item.subBasin.basin.basinEN ? item.subBasin.basin.basinEN : ''}\r\n                                                    </td>\r\n                                                    <td style={{ textAlign: 'left' }}>\r\n                                                        จังหวัด: {item.location && item.location.subDistrict && item.location.subDistrict && item.location.subDistrict.district && item.location.subDistrict.district.province && item.location.subDistrict.district.province.provinceTH ? item.location.subDistrict.district.province.provinceTH : ''} { }\r\n                                                        {item.location && item.location.subDistrict && item.location.subDistrict && item.location.subDistrict.district && item.location.subDistrict.district.province && item.location.subDistrict.district.province.provinceTH ? item.location.subDistrict.district.province.provinceEN : ''} { }\r\n                                                        <br />อำเภอ: {item.location && item.location.subDistrict && item.location.subDistrict && item.location.subDistrict.district && item.location.subDistrict.district.districtTH ? item.location.subDistrict.district.districtTH : ''} { }\r\n                                                        {item.location && item.location.subDistrict && item.location.subDistrict && item.location.subDistrict.district && item.location.subDistrict.district.districtTH ? item.location.subDistrict.district.districtEN : ''} { }\r\n                                                        <br />ตำบล: {item.location && item.location.subDistrict && item.location.subDistrict.subDistrictTH ? item.location.subDistrict.subDistrictTH : ''} { }\r\n                                                        {item.location && item.location.subDistrict && item.location.subDistrict.subDistrictEN ? item.location.subDistrict.subDistrictEN : ''} { }\r\n                                                        <br />หมู่บ้าน: {item.location && item.location.village ? item.location.village : '-'}\r\n                                                        <br />สถานที่ใกล้เคียง: {item.location && item.location.nearbyPlace ? item.location.nearbyPlace : '-'}\r\n                                                        <br />Latitude: {item.location && item.location.latitudeDms ? item.location.latitudeDms : '-'}\r\n                                                        <br /> Longitude: {item.location && item.location.longitudeDms ? item.location.longitudeDms : '-'}\r\n                                                    </td>\r\n                                                    <td style={{ textAlign: 'left' }}>\r\n                                                        {item.stationData && item.stationData.length > 0 ?\r\n                                                            item.stationData.map((sd, key) => {\r\n\r\n                                                                return (\r\n                                                                    <div key={key}>\r\n                                                                        <div>{sd.dataTypeTH ? sd.dataTypeTH : ''} ({sd.dataTypeEN ? sd.dataTypeEN : ''})</div>\r\n                                                                        <div>{moment(sd.startYear).format('YYYY')} - {moment(sd.endYear).format('YYYY')}</div>\r\n                                                                    </div>\r\n                                                                )\r\n                                                            })\r\n                                                            : ''}\r\n                                                    </td>\r\n                                                    <td style={{ textAlign: 'center' }}>\r\n                                                        <Button onClick={() => changePageToStationDetail(item.stationId)} color=\"primary\" size='sm'>{t('searchStation.select')}</Button>\r\n                                                    </td>\r\n                                                    <td style={{ textAlign: 'center' }}>\r\n                                                        <Input onChange={(e) => handleCheckBoxChange(e, item.stationId)} style={{ position: 'unset', margin: '0' }} type='checkbox' />\r\n                                                    </td>\r\n                                                </tr>\r\n                                            )\r\n                                        })}\r\n                                    </tbody>\r\n                                </Table>\r\n                            </Col>\r\n                        </Row>\r\n                    </React.Fragment>\r\n                    : ''}\r\n\r\n                {loading ?\r\n                    <LoopCircleLoading style={{ zIndex: '9999', top: '50%', left: '50%' }} />\r\n                    : ''}\r\n\r\n            </DwrLayout>\r\n\r\n        </React.Fragment>\r\n    )\r\n}","import React, { useState } from \"react\";\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport { Row, Col,Input,Spin } from \"antd\";\r\nimport { Button } from \"reactstrap\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport {ValidateEmail} from \"../Helper/ValidateEmail\";\r\nimport swal from \"sweetalert\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function ForgotPassword(props) {\r\n    const [email, setEmail] = useState(\"\");\r\n    const [loading, setLoading] = useState(false);\r\n\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 769px)\",\r\n  });\r\n\r\n  const onSend = () => {\r\n\r\n\r\n    if(!email){\r\n      swal({ text: \"กรุณาระบุอีเมล\", icon: \"warning\" });\r\n    }\r\n    else if(!ValidateEmail(email)){\r\n        swal({ text: \"รูปแบบอีเมลไม่ถูกต้อง\", icon: \"warning\" });\r\n    }else{\r\n      setLoading(true);\r\n    auth\r\n      .fetchWithToken(url + \"/api/v1/ForgotPassword/\", {\r\n        method: \"POST\",\r\n        data: JSON.stringify({email}),\r\n      })\r\n      .then((res) => {\r\n        var _resp_data = res.data;\r\n\r\n        if (res.status == 200) {\r\n          swal({ text: \"รหัสผ่านได้ถูกตั้งค่าใหม่และการแจ้งเตือนได้ถูกส่งไปยังบัญชีอีเมลของคุณ\", icon: \"success\" });\r\n          setEmail(\"\");\r\n        }else{\r\n          swal({\r\n            text: \"ไม่พบอีเมลในระบบ\",\r\n            icon: \"warning\",\r\n          });\r\n        }\r\n\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        swal({\r\n          text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n          icon: \"warning\",\r\n        });\r\n        setLoading(false);\r\n      });\r\n    }\r\n  }\r\n\r\n  const check = auth.loggedIn() && isDesktopOrLaptop;\r\n  return (\r\n    <React.Fragment>\r\n       <Spin style={{position:\"fixed\",maxHeight:'100%'}} spinning={loading}>\r\n      <NavBar />\r\n      <Row style={{ margin: \"0\" }}>\r\n        <Col xs={24}>\r\n          <DwrLayout title=\"ลืมรหัสผ่าน\" name=\"search\">\r\n            <Row justify=\"center\">\r\n              <Col xs={24} style={{textAlign:\"center\"}}>\r\n                <Row gutter={[8,8]}>\r\n                  <Col xs={24}>กรุณากรอกอีเมลที่ลงทะเบียนไว้เพื่อขอรับรหัสผ่าน </Col>\r\n                  <Col xs={24}><Input placeholder=\"อีเมล (Email)\" value={email} style={{maxWidth:250}} onChange={(e)=> setEmail(e.target.value)} /> </Col>\r\n                  <Col xs={24}><label style={{color:\"#9d9d9d\"}}>*ระบบจะทำการส่งรหัสผ่านไปยังอีเมลที่ท่านระบุไว้</label> </Col>\r\n                  <Col xs={24}><Button  color=\"info\" onClick={onSend} >ส่ง</Button></Col>\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          </DwrLayout>\r\n        </Col>\r\n      </Row>\r\n      </Spin>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport { Row, Col, Input, Spin } from \"antd\";\r\nimport { Button } from \"reactstrap\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport { ValidateEmail } from \"../Helper/ValidateEmail\";\r\nimport swal from \"sweetalert\";\r\nimport { FaEye, FaEyeSlash } from \"react-icons/fa\";\r\nimport \"./register.css\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function Register() {\r\n    const [loading, setLoading] = useState(false);\r\n    const [member, setMember] = useState({\r\n        username: \"\",\r\n        password: \"\",\r\n        passwordConf: \"\",\r\n        idCard: \"\",\r\n        email: \"\",\r\n        tel: \"\",\r\n        organization: \"\",\r\n        url: \"\"\r\n    });\r\n\r\n    const [verify, SetVerify] = useState(false);\r\n\r\n    useEffect(() => {\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        const code = urlParams.get(\"code\");\r\n\r\n        if (code) {\r\n            SetVerify(true);\r\n            onVerify(code);\r\n        }\r\n\r\n    }, []);\r\n\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: \"(min-device-width: 769px)\",\r\n    });\r\n\r\n    const onChange = (e) => {\r\n        const { name, value } = e.target;\r\n        setMember((p) => ({ ...p, [name]: value }));\r\n    };\r\n\r\n    const onSave = () => {\r\n        if (!member.username) {\r\n            swal({ text: \"กรุณากรอกข้อมูลให้ครบถ้วน\", icon: \"warning\" });\r\n            return;\r\n        }\r\n\r\n        member.idCard = member.idCard ? member.idCard : \"\";\r\n\r\n        // if (member.idCard.length != 13) {\r\n        //   swal({ text: \"กรุณาระบุตัวเลข 13 หลัก\", icon: \"warning\" });\r\n        //   return;\r\n        // }\r\n\r\n        if (member.password.length < 6 || member.passwordConf.length < 6) {\r\n            swal({ text: \"รหัสผ่านอย่างน้อย 6 ตัวอักษร\", icon: \"warning\" });\r\n            return;\r\n        }\r\n\r\n        if (member.password !== member.passwordConf) {\r\n            swal({ text: \"รหัสผ่านไม่ตรงกัน\", icon: \"warning\" });\r\n            return;\r\n        }\r\n\r\n        if (!ValidateEmail(member.email)) {\r\n            swal({ text: \"รูปแบบอีเมลไม่ถูกต้อง\", icon: \"warning\" });\r\n            return;\r\n        }\r\n\r\n        //เมลถูกใช้งานแล้ว กรุณาระบุอีเมลใหม่ หรือติดต่อผู้ดูแลระบบ\r\n\r\n        setLoading(true);\r\n        var location = window.location;\r\n\r\n        var json = JSON.stringify({\r\n            UserName: member.username,\r\n            Password: member.password,\r\n            IdcardNo: member.idCard,\r\n            Email: member.email,\r\n            Tel: member.tel,\r\n            Organization: member.organization,\r\n            Position: \"\",\r\n            Url: location.origin + location.pathname\r\n        });\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/Register/\", {\r\n                method: \"PUT\",\r\n                data: json,\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n                if (res.status == 200) {\r\n                    //setInputValue(prevState => ({ ...prevState, [\"input\"+id]: _resp_data.webSettingValue }));\r\n\r\n                    setMember({\r\n                        username: \"\",\r\n                        password: \"\",\r\n                        passwordConf: \"\",\r\n                        idCard: \"\",\r\n                        email: \"\",\r\n                        tel: \"\",\r\n                        organization: \"\",\r\n                        url: \"\"\r\n                    });\r\n\r\n                    swal({ text: \"ระบบได้รับข้อมูลการลงทะเบียนของท่านเรียบร้อยแล้ว โปรดยืนยัน ในอีเมลที่ได้ลงทะเบียนไว้อีกครั้ง\", icon: \"success\" });\r\n                }\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                if (error.response) {\r\n                    if (error.response.data == \"email duplicate\") {\r\n                        swal({\r\n                            text: \"อีเมลถูกใช้งานแล้ว กรุณาระบุอีเมลใหม่ หรือติดต่อผู้ดูแลระบบ\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    }\r\n                    else if (error.response.data == \"user duplicate\") {\r\n                        swal({\r\n                            text: \"ชื่อผู้ใช้งานถูกใช้งานแล้ว กรุณาระบุชื่อผู้ใช้งานใหม่ หรือติดต่อผู้ดูแลระบบ\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    } else {\r\n                        swal({\r\n                            text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                            icon: \"warning\",\r\n                        });\r\n                    }\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const onVerify = (code) => {\r\n\r\n        console.log(\"code\", code);\r\n\r\n        setLoading(true);\r\n\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/Register/\" + code, {\r\n                method: \"GET\",\r\n                data: {},\r\n            })\r\n            .then((res) => {\r\n                var _resp_data = res.data;\r\n\r\n                console.log(\"_resp_data\", _resp_data);\r\n\r\n                if (res.status == 200) {\r\n                    swal({\r\n                        text: 'ยืนยันตัวตนสำเร็จ',\r\n                        closeOnClickOutside: false,\r\n                        icon: \"success\",\r\n                        buttons: {\r\n                            ok: 'ตกลง',\r\n                        }\r\n                    }).then((value) => {\r\n                        window.close();\r\n                    })\r\n                }\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถติดต่อเซอร์เวอร์ได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const check = auth.loggedIn() && isDesktopOrLaptop;\r\n    const inputStyle = { maxWidth: 250 };\r\n    const inputStyle2 = { marginLeft: \"-8px\", textAlign: \"left\" };\r\n    const inputStyle3 = { marginLeft: \"12px\", textAlign: \"left\" };\r\n    const inputStyleฺBackGroundBlue = { background: \"#c1ecff\" };\r\n\r\n    const verifyDisplay = { display: \"none\" };\r\n    return (\r\n        <React.Fragment>\r\n            <Spin style={{ position: \"fixed\", maxHeight: \"100%\" }} spinning={loading}>\r\n                <NavBar />\r\n                <Row style={{ margin: \"0\" }}>\r\n                    <Col xs={24} style={verify ? verifyDisplay : \"\"}>\r\n                        <DwrLayout title=\"สมัครเป็นผู้ใช้งาน (Register)\" name=\"search\">\r\n                            <Row justify=\"center\">\r\n                                <Col xs={24} style={{ textAlign: \"center\" }}>\r\n                                    <Row gutter={[8, 8]}>\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                    <label style={{ fontSize: \"15px\" }}>ชื่อผู้ใช้</label></Col>\r\n                                                <Col sm={6}>\r\n                                                    <Input\r\n                                                        style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                        value={member.username}\r\n                                                        onChange={onChange}\r\n                                                        name=\"username\"\r\n                                                        placeholder=\"ชื่อผู้ใช้ (Username)\"\r\n                                                    />\r\n                                                    *\r\n\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                    <label style={{ fontSize: \"15px\" }}>รหัสผ่าน</label></Col>\r\n                                                <Col sm={6}>\r\n                                                    <Input.Password\r\n                                                        style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                        value={member.password}\r\n                                                        onChange={onChange}\r\n                                                        name=\"password\"\r\n                                                        className=\"password\"\r\n                                                        placeholder=\"รหัสผ่าน (Password)\"\r\n                                                        iconRender={(visible) =>\r\n                                                            visible ? <FaEye /> : <FaEyeSlash />\r\n                                                        }\r\n                                                    />\r\n                                                    *\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                    <label style={{ fontSize: \"15px\" }}>ยืนยันรหัสผ่าน</label></Col>\r\n                                                <Col sm={6}>\r\n                                                    <Input.Password\r\n                                                        style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                        value={member.passwordConf}\r\n                                                        onChange={onChange}\r\n                                                        name=\"passwordConf\"\r\n                                                        className=\"password\"\r\n                                                        placeholder=\"ยืนยันรหัสผ่าน (Confirm password)\"\r\n                                                        iconRender={(visible) =>\r\n                                                            visible ? <FaEye /> : <FaEyeSlash />\r\n                                                        }\r\n                                                    />\r\n                                                    *\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        {/* <Col xs={24}>\r\n                      <Input\r\n                        style={inputStyle}\r\n                        value={member.idCard}\r\n                        onChange={(e) =>\r\n                          e.target.value.length > 13 ? null : onChange(e)\r\n                        }\r\n                        name=\"idCard\"\r\n                        placeholder=\"รหัสบัตรประชาชน (ID card no)\"\r\n                        type=\"number\"\r\n                      />\r\n                      *\r\n                    </Col> */}\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                </Col>\r\n                                                <Col sm={6}>\r\n                                                    <label>*รหัสผ่านอย่างน้อย 6 ตัวอักษร</label>\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                </Col>\r\n                                                <Col sm={6}>\r\n                                                    <label>*สำหรับการขอรับบริการข้อมูล</label>\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                    <label style={{ fontSize: \"15px\" }}>อีเมล</label></Col>\r\n                                                <Col sm={6}>\r\n                                                    <Input\r\n                                                        style={{ ...inputStyle, ...inputStyleฺBackGroundBlue }}\r\n                                                        value={member.email}\r\n                                                        onChange={onChange}\r\n                                                        name=\"email\"\r\n                                                        placeholder=\"อีเมล (Email)\"\r\n                                                    />*\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                        {/* <Col xs={24} className=\"label-phone\">\r\n                      <Input\r\n                        style={{...inputStyle,...inputStyle2}}\r\n                        value={member.tel}\r\n                        onChange={(e) =>\r\n                          e.target.value.length > 10 ? null : onChange(e)\r\n                        }\r\n                        name=\"tel\"\r\n                        placeholder=\"เบอร์โทรศัพท์\"\r\n                        type=\"number\"\r\n                      />{\" \"}  (ถ้าประสงค์จะแสดงข้อมูล)\r\n                    </Col> */}\r\n\r\n                                        <Col xs={24} >\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                    <label style={{ fontSize: \"15px\" }}>หน่วยงาน</label></Col>\r\n                                                <Col sm={6} >\r\n                                                    <div className=\"label-organize\">\r\n                                                        <Input\r\n                                                            style={{ ...inputStyle, ...inputStyle3 }}\r\n                                                            value={member.organization}\r\n                                                            onChange={onChange}\r\n                                                            name=\"organization\"\r\n                                                            placeholder=\"หน่วยงาน\"\r\n\r\n                                                        />{\"  \"}(ถ้ามี)\r\n                                                    </div>\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n\r\n                                        <Col xs={24}>\r\n                                            <Row justify=\"center\" >\r\n                                                <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                                </Col>\r\n                                                <Col sm={6}>\r\n                                                    <Button color=\"secondary\" onClick={onSave}>\r\n                                                        สมัคร\r\n                                                    </Button>{\" \"}\r\n                                                </Col>\r\n                                            </Row>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </Col>\r\n                                <Col xs={24}>\r\n                                    <Row justify=\"center\" >\r\n                                        <Col sm={4} style={{ textAlign: \"right\" }}>\r\n                                        </Col>\r\n                                        <Col sm={3}>\r\n                                            <span>*ข้อมูลจำเป็นต้องกรอก</span>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </Col>\r\n                            </Row>\r\n                        </DwrLayout>\r\n                    </Col>\r\n                </Row>\r\n            </Spin>\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React from \"react\";\r\nimport { Row, Col } from \"antd\";\r\n\r\nexport default function StationDetails({stationData}) {\r\n  return (\r\n    <Row className=\"text-bold\">\r\n      <Col xs={24}>\r\n        <label>สถานี : {stationData.stationTh}</label>\r\n      </Col>\r\n      <Col xs={24}>{stationData.stationEn} ({stationData.stationLabel})</Col>\r\n    </Row>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Row, Col } from \"antd\";\r\n\r\nexport default function LocationDetails({stationData}) {\r\n\r\nconst convertLocation = (value) => {\r\n   try {\r\n    //Latitude 17&deg; 58\\' 48\\\" N, Longitude 97&deg; 44\\' 24\\\" E, at Ban Mae Samlaeb, Amphoe sop moei, Mae Hong Son.\r\n\r\n    value = value.replaceAll(\"@\",\"°\");\r\n    value = value.replaceAll(/\\\\/g,\"\");\r\n    value = value.replaceAll(\"&deg;\",\"°\");\r\n\r\n    return value;\r\n   } catch (error) {\r\n    return value;\r\n   }\r\n}\r\n\r\nfunction numberWithCommas(x) {\r\n  var parts = x.toString().split(\".\");\r\n    parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    let value = parts.join(\".\");\r\n    return parts.length ==1 ?value + \".00\":value;\r\n}\r\n\r\n  return (\r\n    <Row>\r\n      <Col xs={24} style={{wordBreak:\"break-all\"}}>\r\n        <label className=\"text-bold\">Location : </label> {convertLocation(stationData.location)}\r\n      </Col>\r\n      <Col xs={24} style={{wordBreak:\"break-all\"}}>\r\n        <label className=\"text-bold\">Gage : </label> {stationData.gage}\r\n      </Col>\r\n      <Col xs={24} style={{wordBreak:\"break-all\"}}>\r\n        <label className=\"text-bold\">Gage Datum : </label> {stationData.gageDatum}\r\n      </Col>\r\n      <Col xs={24} style={{wordBreak:\"break-all\"}}>\r\n        <label className=\"text-bold\">Record Available :</label> {stationData.recordAvailable}\r\n      </Col>\r\n      <Col xs={24} style={{wordBreak:\"break-all\"}}>\r\n        <label className=\"text-bold\">Drainage Area : </label> {stationData.drainageArea?numberWithCommas(stationData.drainageArea): \"-\"} Square Kilometers\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n","import React, { useState,useEffect } from \"react\";\r\nimport { Row, Col, Table } from \"antd\";\r\n\r\nexport default function TableLocationDetails({ stationState }) {\r\n  const [dataSource, setDataSource] = useState([])\r\n\r\n  useEffect(() => {\r\n    if(stationState){\r\n      var data = [{\r\n        name: \"Gage Height (meters)\",\r\n        period: stationState.gageHeightPeriod,\r\n        maximum: stationState.gageHeightMaximum,\r\n        minimum: stationState.gageHeightMinimum,\r\n        average: stationState.gageHeightAverage\r\n      },\r\n      {\r\n        name: \"Discharge (cms)\",\r\n        period: stationState.dischargePeriod,\r\n        maximum: stationState.dischargeMaximum,\r\n        minimum: stationState.dischargeMinimum,\r\n        average: stationState.dischargeAverage\r\n      },\r\n      {\r\n        name: \"Annual Sediment (Tons/Year)\",\r\n        period: stationState.sedimentPeriod,\r\n        maximum: stationState.sedimentMaximum,\r\n        minimum: stationState.sedimentMinimum,\r\n        average: stationState.sedimentAverage\r\n      },\r\n      {\r\n        name: \"Annual Precipitation (millimeter)\",\r\n        period: stationState.precipitationPeriod,\r\n        maximum: stationState.precipitationMaximum,\r\n        minimum: stationState.precipitationMinimum,\r\n        average: stationState.precipitationAverage\r\n      },\r\n      {\r\n        name: \"Annual Evaporation (Class A Plan) (millimeter)\",\r\n        period: stationState.evaporationPeriod,\r\n        maximum: stationState.evaporationMaximum,\r\n        minimum: stationState.evaporationMinimum,\r\n        average: stationState.evaporationAverage\r\n      },\r\n    ];\r\n    setDataSource(data);\r\n    }\r\n  }, [stationState])\r\n\r\n  const columns = [\r\n    {\r\n      title: <span className=\"text-bold text-center\">DATA</span>,\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      render: (text) => <span className=\"text-bold\">{(text ? text : \"-\")}</span>,\r\n    },\r\n    {\r\n      title: <span className=\"text-bold text-center\">Period</span>,\r\n      dataIndex: \"period\",\r\n      key: \"period\",\r\n      align:\"center\",\r\n      render: (text) => (text ? text : \"-\") ,\r\n    },\r\n    {\r\n      title: <span className=\"text-bold text-center\">Maximum</span>,\r\n      dataIndex: \"maximum\",\r\n      key: \"maximum\",\r\n      align:\"center\",\r\n      render: (text) => <span className=\"text-whitespace\">{(text ? text : \"-\")}</span> ,\r\n    },\r\n    {\r\n        title: <span className=\"text-bold text-center\">Minimum</span>,\r\n        dataIndex: \"minimum\",\r\n        key: \"minimum\",\r\n        align :\"center\",\r\n        render: (text) => <span className=\"text-whitespace\">{(text ? text : \"-\")}</span> ,\r\n      },\r\n    {\r\n      title: <span className=\"text-bold text-center\">Average</span>,\r\n      dataIndex: \"average\",\r\n      key: \"average\",\r\n      align:\"center\",\r\n      render: (text) => (text ? text : \"-\") ,\r\n    },\r\n  ];\r\n\r\n  const convertNumber = (value) => {\r\n    try {\r\n      return value.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n    } catch (error) {\r\n      return value;\r\n     \r\n    }\r\n  }\r\n  \r\n  return (\r\n    <Row>\r\n      <Col xs={24}>\r\n        <Table dataSource={dataSource} columns={columns} pagination={false} bordered className=\"table-stationDetail\" />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { Row, Col, Table } from \"antd\";\r\n\r\nexport default function ServicePrice({\r\n  dataSource1,\r\n  dataSource2,\r\n  dataSource3,\r\n}) {\r\n  const columns1 = [\r\n    {\r\n      title: \"\",\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      width:'40%',\r\n      className:'column-location column-minwidth140'\r\n    \r\n    },\r\n    {\r\n      title: <span style={{fontWeight:900}}>รายวัน <br/> บาท/สถานี/ปี</span>,\r\n      dataIndex: \"value1\",\r\n      key: \"value1\",\r\n      align:'center',\r\n      width:115,\r\n    },\r\n    {\r\n      title: <span style={{fontWeight:900}}>รายเดือน <br/> บาท/สถานี/ปี</span>,\r\n      dataIndex: \"value2\",\r\n      key: \"value2\",\r\n      align:'center',\r\n      width:115,\r\n    },\r\n  ];\r\n\r\n  const columns2 = [\r\n    {\r\n      title: \"\",\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      width:'190px',\r\n      className:'column-location'\r\n    },\r\n    {\r\n      title: <span style={{fontWeight:900}}>เริ่ม</span>,\r\n      dataIndex: \"value1\",\r\n      key: \"value1\",\r\n      align:'center'\r\n    },\r\n    {\r\n      title: <span style={{fontWeight:900}}>2006 - ปัจจุบัน</span>,\r\n      dataIndex: \"value2\",\r\n      key: \"value2\",\r\n      align:'center',\r\n      width:120,\r\n    },\r\n  ];\r\n\r\n  const columns3 = [\r\n    {\r\n      title: \"\",\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      width:'40%',\r\n      className:'column-location '\r\n    },\r\n    {\r\n      title: \"เริ่ม\",\r\n      dataIndex: \"value1\",\r\n      key: \"value1\",\r\n      align:'center'\r\n    },\r\n    {\r\n      title: \"2006 - ปัจจุบัน\",\r\n      dataIndex: \"value2\",\r\n      key: \"value2\",\r\n      align:'center'\r\n    },\r\n  ];\r\n  return (\r\n    <Row gutter={[8,8]}>\r\n        <Col xs={24} style={{textAlign:\"center\",background:'#d1d4f9',paddingTop:4 }}>\r\n        <label className=\"text-bold\">อัตราค่าบริการขอรับข้อมูล</label>\r\n      </Col>\r\n      <Col xs={24} md={24} lg={12}>\r\n        <Table dataSource={dataSource1} columns={columns1} pagination={false} className=\"table-stationDetail2\"/>\r\n      </Col>\r\n      <Col xs={24} md={24} lg={12}>\r\n        <Table dataSource={dataSource2} columns={columns2} pagination={false}className=\"table-stationDetail2\" />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n","import React, { useffect, useState } from \"react\";\r\nimport { Row, Col, Button, Radio, Checkbox } from \"antd\";\r\nimport SelectYear from \"./SelectYear\";\r\nimport Item from \"antd/lib/list/Item\";\r\n\r\nexport default function ServiceSelect({ dataType, setviceSelect ,onSelectService }) {\r\n  const stylemdR8 = { marginRight: 8 };\r\n  const styleTextRight = window.screen.width < 576 ?{ textAlign: \"left\" }:{ textAlign: \"right\" };\r\n  const stylemdB8 = { marginBottom: 8 };\r\n \r\n   \r\n\r\n  // const [rValue, setRvalue] = React.useState(undefined)\r\n   \r\n      React.useEffect(() => {\r\n\r\n        \r\n\r\n    }, [setviceSelect])\r\n    const typeoption = []\r\n          dataType ? dataType.map((item, key) => {\r\n              typeoption.push({ key, value: item.dataTypeId, label: item.dataTypeTh + ' (' + item.dataTypeEn + ')' })\r\n          }) : typeoption = []\r\n   \r\n  let radioBtn = window.screen.width < 576 ? {width:200,display:\"inline-block\",textOverflow:\"ellipsis\",overflow:\"hidden\",whiteSpace:\"nowrap\",border:\"1px solid #d9d9d9\" } : {};\r\n    var setcheckboox = false;\r\n    if (setviceSelect.serviceType == 2) {\r\n\r\n        setcheckboox = true;\r\n    }\r\n \r\n   \r\n  return (\r\n    <div>\r\n      <Col xs={24} style={{textAlign:\"center\",background:'#d1d4f9',paddingTop:4 }}>\r\n        <label className=\"text-bold\">เลือกข้อมูลที่ต้องการขอรับบริการ </label>\r\n      </Col>\r\n        \r\n        <Row gutter={8} style={stylemdB8}>\r\n          <Col xs={24} md={6} style={styleTextRight}>\r\n          <Radio.Group onChange={(e)=> onSelectService({...setviceSelect,serviceType : e.target.value}) } value={setviceSelect.serviceType}>\r\n            <Radio value={1} style={{marginTop:14}}>ชนิดข้อมูล :</Radio>\r\n            </Radio.Group>\r\n          </Col>\r\n\r\n          <Col xs={24} md={18}>\r\n          {/*<Radio.Group buttonStyle=\"solid\" onChange={(e)=> onSelectService({...setviceSelect,stationType : e.target.value}) } value={setviceSelect.stationType} disabled={setviceSelect.serviceType!==1}>*/}\r\n          {/*  {dataType.map((item) => (*/}\r\n          {/*      <Radio.Button  style={{...stylemdR8,marginTop:8,fontWeight:900, ...radioBtn}} key={item.dataTypeId} value={item.dataTypeId}>{item.dataTypeTh} ({item.dataTypeEn})</Radio.Button>               */}\r\n          {/*            ))}*/}\r\n                     \r\n          {/*        </Radio.Group>*/}\r\n                  <Checkbox.Group disabled={setcheckboox} options={typeoption} onChange={(e) => onSelectService({ ...setviceSelect, stationType: e })} style={{ ...stylemdR8, marginTop: 8, fontWeight: 900, ...radioBtn }} />\r\n\r\n            <Row style={{...stylemdR8,marginTop:8}}>\r\n              <Col xs={24}>\r\n                <span style={{...stylemdR8,fontSize:14}}>ประเภท : </span>\r\n                <Radio.Group buttonStyle=\"solid\" onChange={(e)=> onSelectService({...setviceSelect,type : e.target.value}) } value={setviceSelect.type} disabled={setviceSelect.serviceType!==1}>\r\n                  <Radio.Button style={{...stylemdR8}} value=\"everyDay\">รายวัน</Radio.Button>\r\n                  <Radio.Button  value=\"everyMonth\">รายเดือน</Radio.Button>\r\n                </Radio.Group>\r\n\r\n                {/* <Button style={stylemdR8}>รายวัน</Button>\r\n                <Button style={stylemdR8}>รายเดือน</Button> */}\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n          </Row>\r\n         \r\n        <Row gutter={8} style={stylemdB8}>\r\n          <Col xs={24} md={6} style={styleTextRight}>\r\n          <Radio.Group onChange={(e)=> onSelectService({...setviceSelect,serviceType : e.target.value}) } value={setviceSelect.serviceType}>\r\n            <Radio value={2} style={{marginTop:14}}>หนังสือ :</Radio>\r\n            </Radio.Group>\r\n          </Col>\r\n\r\n          <Col xs={24} md={18}>\r\n          <Radio.Group buttonStyle=\"solid\" onChange={(e)=> onSelectService({...setviceSelect,yearbookTypeId: e.target.value}) } value={setviceSelect.yearbookTypeId} disabled={setviceSelect.serviceType!==2}>\r\n                  <Radio.Button style={{...stylemdR8,marginTop:8,fontWeight:900,...radioBtn}} value=\"1\"> หนังสือสถิติอุทกวิทยาฯ (1 ชุด มี 2 เล่ม)</Radio.Button>\r\n                  <Radio.Button style={{...stylemdR8,marginTop:8,fontWeight:900,...radioBtn}} value=\"2\">CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2)</Radio.Button>\r\n                </Radio.Group>\r\n          </Col>\r\n        </Row>\r\n        <Row gutter={8} style={stylemdB8}>\r\n          <Col xs={24} md={6} style={{...styleTextRight,marginTop:4,paddingRight:21}}>\r\n            <span style={{fontSize:14}}>ปี : </span>\r\n          </Col>\r\n          <Col xs={24} md={18}>\r\n            <Row>\r\n              <Col xs={24}>\r\n                <SelectYear\r\n                  value={setviceSelect.yearStart}\r\n                  onChange={(e) => onSelectService({...setviceSelect,yearStart : e})}\r\n                  style={{ width: 80,marginRight:8 }}\r\n                />\r\n            \r\n                <span>ถึง : </span>\r\n                <SelectYear\r\n                value={setviceSelect.yearEnd}\r\n                  onChange={(e) => onSelectService({...setviceSelect,yearEnd : e})}\r\n                  style={{ width: 80 }}\r\n                />\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n        </Row>\r\n    </div>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport { Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Row, Col, Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport \"../css/JumboTron.css\";\r\nimport { decodedString } from \"../Helper/ConvertBase64\";\r\nimport StationDetails from \"./component/StationDetails\";\r\nimport LocationDetails from \"./component/LocationDetails\";\r\nimport TableLocationDetails from \"./component/TableLocationDetails\";\r\nimport ServicePrice from \"./component/ServicePrice\";\r\nimport ServiceSelect from \"./component/ServiceSelect\";\r\nimport \"./Service.css\";\r\nimport swal from \"sweetalert\";\r\nimport { parseJwt } from \"../Helper/JwtDecode\";\r\nimport moment from \"moment\";\r\nimport { each } from \"jquery\";\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function StationDetail() {\r\n    const [stationId, setStationId] = useState(undefined);\r\n    const [loading, setLoading] = useState(false);\r\n    const [stationData, setStationData] = useState({\r\n        stationTh: \"\",\r\n        stationEn: \"\",\r\n        StationCode: \"\",\r\n    });\r\n    const [stationTypeData, setStationTypeData] = useState([]);\r\n    const [webSetting, setWebSetting] = useState([]);\r\n\r\n    const [setviceSelect, setServiceSelect] = useState({\r\n        serviceType: 1,\r\n        stationType:[],\r\n        type: \"everyDay\",\r\n        yearbookTypeId: \"1\",\r\n        yearStart: new Date().getFullYear(),\r\n        yearEnd: new Date().getFullYear(),\r\n    });\r\n\r\n    useEffect(() => {\r\n        getIdParameter();\r\n        getWebSettingValue();\r\n    }, []);\r\n\r\n    const getIdParameter = () => {\r\n        const queryString = window.location.search;\r\n        const urlParams = new URLSearchParams(queryString);\r\n        var id = urlParams.get(\"id\");\r\n        if (id) {\r\n            try {\r\n                id = decodedString(id);\r\n\r\n                setStationId(id);\r\n                getStationById(id);\r\n                getDatatype(id);\r\n            } catch (error) {\r\n                setStationId(undefined);\r\n            }\r\n        } else {\r\n            swal({\r\n                text: \"ไม่พบข้อมูลในระบบ\",\r\n                icon: \"warning\",\r\n            });\r\n        }\r\n    };\r\n\r\n    const getStationById = (id) => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/stations/nameStation/\" + id, {\r\n                method: \"GET\",\r\n            })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    setStationData(res.data);\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่พบข้อมูลในระบบ\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const getDatatype = (id) => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/stations/datatype/\" + id, {\r\n                method: \"GET\",\r\n            })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    setStationTypeData(res.data);\r\n                    setServiceSelect({ ...setviceSelect, stationType: res.data[0].dataTypeId });\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่พบข้อมูลในระบบ\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    const onSelectService = (e) => {\r\n        setServiceSelect(e);\r\n    }\r\n\r\n    const onAddService = () => {\r\n\r\n      \r\n        if (setviceSelect.yearStart > setviceSelect.yearEnd) {\r\n            swal({\r\n                text: \"กรุณาเลือกปีสิ้นสุดมากกว่าปีเริ่มต้น\",\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n      \r\n      \r\n        if (setviceSelect.serviceType == 1) {\r\n            if (setviceSelect.stationType.length == undefined) {\r\n                swal({\r\n                    text: \"กรุณาเลือกชนิดข้อมูล\",\r\n                    icon: \"warning\",\r\n                });\r\n                return;\r\n            }\r\n            setviceSelect.stationType.map((item,key) => {\r\n\r\n                var json = \"\";\r\n              \r\n                    json = JSON.stringify({\r\n                        stationLabel: stationData.stationLabel,\r\n                        stationId: stationData.stationId,\r\n                        stationTh: stationData.stationTh,\r\n                        dataTypeId: item,\r\n                        dataTypeTh: stationTypeData.filter(f => f.dataTypeId == item)[0].dataTypeTh,\r\n                        yearbookTypeId: null,\r\n                        yearbookTypeTh: null,\r\n                        yearStart: moment(setviceSelect.yearStart, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        yearEnd: moment(setviceSelect.yearEnd, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        isDaily: setviceSelect.type == \"everyDay\" ? \"Y\" : \"N\",\r\n                        isMonthly: setviceSelect.type == \"everyMonth\" ? \"Y\" : \"N\",\r\n                    });\r\n                \r\n\r\n                if (parseJwt().userid) {\r\n                    onSave(json);\r\n                } else {\r\n\r\n                    var requestData = sessionStorage.getItem(\"requestData\");\r\n\r\n                    if (requestData) {\r\n                        let data = JSON.parse(requestData);\r\n                        let req = JSON.parse(json);\r\n                        req[\"key\"] = data[data.length - 1].key + 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([...data, req]));\r\n                    } else {\r\n                        let data = JSON.parse(json);\r\n                        data[\"key\"] = 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([data]));\r\n                    }\r\n\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                }\r\n            });\r\n\r\n\r\n        } else if (setviceSelect.serviceType == 2) {\r\n         \r\n\r\n                var json = \"\";\r\n          \r\n                    json = JSON.stringify({\r\n                        stationLabel: stationData.stationLabel,\r\n                        stationId: stationData.stationId,\r\n                        stationTh: stationData.stationTh,\r\n                        dataTypeId: null,\r\n                        dataTypeTh: null,\r\n                        yearbookTypeId: setviceSelect.yearbookTypeId,\r\n                        yearbookTypeTh: setviceSelect.yearbookTypeId == 1 ? \"หนังสือสถิติอุทกวิทยาฯ (1 ชุด มี 2 เล่ม)\" : setviceSelect.yearbookTypeId == 2 ? \"CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2)\" : \"\",\r\n                        yearStart: moment(setviceSelect.yearStart, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        yearEnd: moment(setviceSelect.yearEnd, \"YYYY\").format(\"YYYY-01-01\"),\r\n                        isDaily: null,\r\n                        isMonthly: null,\r\n                    });\r\n              \r\n\r\n                if (parseJwt().userid) {\r\n                    onSave(json);\r\n                } else {\r\n\r\n                    var requestData = sessionStorage.getItem(\"requestData\");\r\n\r\n                    if (requestData) {\r\n                        let data = JSON.parse(requestData);\r\n                        let req = JSON.parse(json);\r\n                        req[\"key\"] = data[data.length - 1].key + 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([...data, req]));\r\n                    } else {\r\n                        let data = JSON.parse(json);\r\n                        data[\"key\"] = 1;\r\n                        sessionStorage.setItem(\"requestData\", JSON.stringify([data]));\r\n                    }\r\n\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                }\r\n           \r\n\r\n        }\r\n      \r\n    }\r\n\r\n    const onSave = (json) => {\r\n        setLoading(true);\r\n        auth.fetchWithToken(url + \"/api/v1/stations/RequestData\", {\r\n            method: \"PUT\",\r\n            data: json,\r\n        })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    swal({\r\n                        text: \"คุณได้ทำการเพิ่มข้อมูลลงในรายการเรียบร้อยแล้ว \\n ดูรายการข้อมูลที่เพิ่มทั้งหมด ได้ที่หน้าขอรับบริการข้อมูล\",\r\n                    });\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่สามารถบันทึกข้อมูลได้\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"พบข้อผิดพลาด ไม่สามารถบันทึกข้อมูลได้\",\r\n                    icon: \"warning\",\r\n                });\r\n\r\n                if (error.response) {\r\n                    // Request made and server responded\r\n                    // console.log(error.response.data);\r\n                    // console.log(error.response.status);\r\n                    // console.log(error.response.headers);\r\n                } else if (error.request) {\r\n                    // The request was made but no response was received\r\n                    // console.log(error.request);\r\n                } else {\r\n                    // Something happened in setting up the request that triggered an Error\r\n                    // console.log('Error', error.message);\r\n                }\r\n\r\n                setLoading(false);\r\n            });\r\n    }\r\n\r\n    const getWebSettingValue = () => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(url + \"/api/v1/WebSettings\", {\r\n                method: \"GET\",\r\n            })\r\n            .then((res) => {\r\n                if (res.status == 200) {\r\n                    setWebSetting(res.data);\r\n                    console.log(res.data)\r\n                } else {\r\n                    swal({\r\n                        text: \"ไม่พบข้อมูลในระบบ\",\r\n                        icon: \"warning\",\r\n                    });\r\n                }\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n            <Spin spinning={loading}>\r\n                <Row>\r\n                    <Col xs={24}>\r\n                        <DwrLayout\r\n                            title=\"รายละเอียดข้อมูลสถานี\"\r\n                            backBtn={true}\r\n                            name=\"search\"\r\n                            handlePage={(e) => window.history.back()}\r\n                        >\r\n                            <Row gutter={[8, 8]} justify=\"center\">\r\n                                <Col xs={2}></Col>\r\n\r\n                                <Col xs={20}>\r\n                                    <hr />\r\n                                    <Row>\r\n                                        <Col xs={24}>\r\n\r\n                                            <StationDetails stationData={stationData} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                    <hr />\r\n                                    <Row>\r\n                                        <Col xs={24}>\r\n                                            <LocationDetails stationData={stationData} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                    <hr />\r\n                                    <Row>\r\n                                        <Col xs={24}>\r\n                                            <TableLocationDetails stationState={stationData.stationState} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                    <hr />\r\n                                    <Row>\r\n                                        <Col xs={24}>\r\n                                            <ServicePrice\r\n                                                dataSource1={[\r\n                                                    {\r\n                                                        name: \"ข้อมูล Digital Files\",\r\n                                                        value1: webSetting.length > 0 ? webSetting.filter(f => f.webSettingId == 4)[0].webSettingValue : 0,\r\n                                                        value2: webSetting.length > 0 ? webSetting.filter(f => f.webSettingId == 3)[0].webSettingValue : 0,\r\n                                                    },\r\n                                                ]}\r\n                                                dataSource2={[\r\n                                                    {\r\n                                                        name: <span>หนังสือสถิติอุทกวิทยาฯ <br />(1 ชุด มี 2 เล่ม)</span>,\r\n                                                        value1: <p>1,700 บาท </p>,\r\n                                                        value2: <p>2,200 บาท </p>,\r\n                                                    },\r\n                                                    {\r\n                                                        name: <span>CD หนังสือสถิติอุทกวิทยาฯ <br />(รวมเล่ม 1,2)</span>,\r\n                                                        value1: <p>1,700 บาท </p>,\r\n                                                        value2: <p>2,200 บาท </p>,\r\n                                                    },\r\n                                                ]}\r\n                                                dataSource3={[\r\n                                                    {\r\n                                                        name: \"CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2)\",\r\n                                                        value1: \"1,700 บาท\",\r\n                                                        value2: \"2,200 บาท\",\r\n                                                    },\r\n                                                ]}\r\n                                            />\r\n                                        </Col>\r\n                                    </Row>\r\n                                    <hr />\r\n                                    <Row>\r\n                                        <Col xs={24}>\r\n                                            <ServiceSelect dataType={stationTypeData} setviceSelect={setviceSelect} onSelectService={onSelectService} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                    <Row type=\"flex\" justify=\"center\">\r\n                                        <Col xs={24} style={{ textAlign: \"center\" }}>\r\n                                            <Button style={{ marginTop: 16 }} onClick={onAddService}>เพิ่มรายการ</Button>\r\n                                        </Col>\r\n                                    </Row>\r\n                                </Col>\r\n                                <hr />\r\n                                <Col xs={2}></Col>\r\n                            </Row>\r\n                        </DwrLayout>\r\n                    </Col>\r\n                </Row>\r\n            </Spin>\r\n            <br/> <br/> <br/> <br/> <br/> <br/> <br/>\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Row, Col, Button, Table, Input, FormGroup, Label, Modal, ModalBody, ModalHeader } from 'reactstrap'\r\nimport NavBar from '.././navbar/NavBar'\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport AuthenServices from '../services/authenServices'\r\nimport { BsFillTrashFill } from 'react-icons/bs'\r\nimport { FaPen } from 'react-icons/fa'\r\nimport moment from 'moment'\r\nimport swal from 'sweetalert'\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Radio, Select } from \"antd\";\r\nimport Lightbox from 'react-image-lightbox';\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst { Option } = Select;\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\n\r\nexport default function Services_Request() {\r\n    let history = useHistory()\r\n    const [requestReasonTextArea, setRequestReasonTextArea] = useState('')\r\n    const [textTypeRadio, setTextTypeRadio] = useState('digital') //digital, paper, pdf\r\n    const [receiveMethodRadio, setReceiveMethodRadio] = useState('walkin') // postal, walkin, email\r\n    const [dataSelection, setDataSelection] = useState([])\r\n    const [editModal, setEditModal] = useState({ show: false, data: null })\r\n    const [survey, setSurvey] = useState(\"https://docs.google.com/forms/d/e/1FAIpQLScRLzh9VupDSCWF_rSppHrY9Rx29e965D8Tyb2NbaZmqBz9gQ/viewform?usp=pp_url\")\r\n    const [documentModal, setDocumentModal] = useState({\r\n        show: false,\r\n        documentName: '',\r\n        documentFile: null,\r\n        filename: null,\r\n        description: '',\r\n    })\r\n    const [fileList, setFileList] = useState([])\r\n    const [requestDataId, setRequestDataId] = useState(null)\r\n    const [showPic, setShowPic] = useState(false)\r\n    const { t } = useTranslation();\r\n\r\n    //************************************************************************************************\r\n\r\n    const toggleEditModal = () => setEditModal(!editModal);\r\n    const toggleDocumentModal = () => setDocumentModal(prev => ({ ...prev, show: !prev.show }));\r\n\r\n    useEffect(() => {\r\n        getData()\r\n    }, [])\r\n\r\n    useEffect(() => { \r\n        getTransectionStatus()\r\n        getWebSettings();\r\n    }, [requestDataId])\r\n\r\n    //************************************************************************************************\r\n\r\n    function getData() {\r\n        if (auth.loggedIn()) {\r\n            var dataSelectedSession = JSON.parse(sessionStorage.getItem(\"requestData\"))\r\n            var requestDataChoice_Reason_Session = JSON.parse(sessionStorage.getItem(\"requestDataChoice_Reason\"))\r\n\r\n            //เช็คว่ามีข้อมูลใน Session ไหม ถ้ามี ก็ Post แล้ว Get\r\n            if (dataSelectedSession != null) {\r\n                var dataSelectionInSession = dataSelectedSession\r\n\r\n                auth.fetchWithToken(url + '/api/v1/DataSelection', { method: 'POST', data: dataSelectionInSession })\r\n                    .then(res2 => {\r\n                        if (auth._IsSuccessResponse(res2)) {\r\n                            getDataSelection()\r\n                            sessionStorage.removeItem('requestData')\r\n                        }\r\n                        else {\r\n                            swal({ text: t('requestData.swal.warning.session') , icon: 'warning' })\r\n                            getDataSelection()\r\n                            sessionStorage.removeItem('requestData')\r\n                        }\r\n                    })\r\n                    .catch(err => {\r\n                        swal({ text: t('requestData.swal.warning.session'), icon: 'warning' })\r\n                        sessionStorage.removeItem('requestData')\r\n                        console.log(err)\r\n                    })\r\n            } else {\r\n                //ไม่มีข้อมูลใน Session Fetch ปกติ\r\n                getDataSelection()\r\n            }\r\n\r\n            if (requestDataChoice_Reason_Session != null) {\r\n                setTextTypeRadio(requestDataChoice_Reason_Session.textTypeRadio)\r\n                setReceiveMethodRadio(requestDataChoice_Reason_Session.receiveMethodRadio)\r\n                setRequestReasonTextArea(requestDataChoice_Reason_Session.requestReasonTextArea)\r\n                sessionStorage.removeItem('requestDataChoice_Reason')\r\n            }\r\n        }\r\n        else {\r\n            var dataSelectedSession = JSON.parse(sessionStorage.getItem(\"requestData\"))\r\n            if (dataSelectedSession != null) {\r\n                setDataSelection(dataSelectedSession)\r\n            }\r\n            else {\r\n                setDataSelection([])\r\n            }\r\n\r\n            sessionStorage.setItem('requestDataChoice_Reason', JSON.stringify({ textTypeRadio: 'digital', receiveMethodRadio: 'postal', requestReasonTextArea: '' }))\r\n        }\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function getDataSelection() {\r\n        if (auth.loggedIn()) {\r\n            auth.fetchWithToken(url + '/api/v1/DataSelection', \"method:'GET'\")\r\n                .then(res => {\r\n                    if (res.data && res.data.length > 0) {\r\n                        const formattedArray = []\r\n                        res.data.map((item, key) => {\r\n                            formattedArray.push(\r\n                                {\r\n                                    stationId: item.station && item.station.stationId ? item.station.stationId : null,\r\n                                    stationLabel: item.station && item.station.stationLabel ? item.station.stationLabel : null,\r\n                                    stationTh: item.station && item.station.stationTh ? item.station.stationTh : null,\r\n                                    dataTypeId: item.dataType && item.dataType.dataTypeID ? item.dataType.dataTypeID : null,\r\n                                    dataTypeTh: item.dataType && item.dataType.dataTypeTH ? item.dataType.dataTypeTH : null,\r\n                                    yearbookTypeId: item.yearbookTypeId,\r\n                                    yearbookTypeTh: item.yearbookTypeId && item.yearbookTypeId == 1 ? ' หนังสือสถิติอุทกวิทยาฯ (1 ชุด มี 2 เล่ม)' : item.yearbookTypeId && item.yearbookTypeId == 2 ? 'CD หนังสือสถิติอุทกวิทยาฯ (รวมเล่ม 1,2)' : null,\r\n                                    yearStart: item.yearStart,\r\n                                    yearEnd: item.yearEnd,\r\n                                    isDaily: item.isDaily,\r\n                                    isMonthly: item.isMonthly,\r\n                                    requestDataId: item.requestDataId,\r\n                                    dataSelectionId: item.dataSelectionId,\r\n                                    key: item.dataSelectionId\r\n                                })\r\n                        })\r\n                        if (formattedArray.length > 0) {\r\n                            setRequestDataId(formattedArray[0].requestDataId)\r\n                        }\r\n                        setDataSelection(formattedArray)\r\n                    }\r\n                    else {\r\n                        setDataSelection([])\r\n                        setRequestDataId(null)\r\n                    }\r\n                })\r\n                .catch(e => {\r\n                    console.log(e)\r\n                    setRequestDataId(null)\r\n                    setDataSelection([])\r\n                })\r\n        }\r\n        else {\r\n            var dataSelectedSession = JSON.parse(sessionStorage.getItem(\"requestData\"))\r\n            if (dataSelectedSession != null) {\r\n                setDataSelection(dataSelectedSession)\r\n            }\r\n            else {\r\n                setDataSelection([])\r\n            }\r\n        }\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function getTransectionStatus() {\r\n\r\n        if (auth.loggedIn()) {\r\n            auth.fetchWithToken(url + '/api/v1/TransectionStatus/Member' , \"method:'GET'\")\r\n                .then(res => {\r\n                    if (res.data) {\r\n                        setFileList(res.data)\r\n                    }\r\n                    else {\r\n                        setFileList([])\r\n                    }\r\n                })\r\n                .catch(e => {\r\n                    console.log(e)\r\n                    setFileList([])\r\n                })\r\n        }\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function getWebSettings() {\r\n\r\n            auth.fetchWithToken(url + '/api/v1/webSettings/5' , \"method:'GET'\")\r\n                .then(res => {\r\n                    if (res.data) {\r\n                        setSurvey(res.data.webSettingValue)//webSettingValue\r\n                    }\r\n                    \r\n                })\r\n                .catch(e => {\r\n                    console.log(e)\r\n                })\r\n    }\r\n\r\n     //************************************************************************************************\r\n\r\n    function handleDownload(transectionId, docName) {\r\n        auth.fetchWithToken(url + '/api/v1/TransectionStatus/' + transectionId + '/Download', { method: 'GET', responseType: 'blob', params: {}, arrayFormat: 'repeat' })\r\n            .then(res => {\r\n                if (auth._IsSuccessResponse(res)) {\r\n                    const url = window.URL.createObjectURL(new Blob([res.data]));\r\n                    const link = document.createElement('a');\r\n\r\n                    link.href = url;\r\n                    link.setAttribute('download', docName);\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                }\r\n            }).catch((err) => {\r\n                console.log(err)\r\n                swal({ text: t('requestData.swal.warning.download'), icon: 'warning' })\r\n            })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleEdit(rowData) {\r\n        setEditModal({ show: true, data: rowData })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleAddDocument() {\r\n        if (fileList.length >= 5) {\r\n            swal({ text: t('requestData.swal.warning.attach'), icon: 'warning' })\r\n            return\r\n        }\r\n        setDocumentModal({ documentName: '', documentFile: null, filename: null, description: '', show: true })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleDelete(deleteId) {\r\n        swal({\r\n            text: t('requestData.swal.warning.delete'),\r\n            icon: 'warning',\r\n            buttons: {\r\n                ok: 'ตกลง',\r\n                cancel: 'ยกเลิก'\r\n            }\r\n        }).then((value) => {\r\n            switch (value) {\r\n                case 'ok':\r\n                    if (auth.loggedIn()) {\r\n                        auth.fetchWithToken(url + \"/api/v1/DataSelection/\" + deleteId, { method: \"DELETE\" })\r\n                            .then(res => {\r\n                                if (auth._IsSuccessResponse) {\r\n                                    swal({ text: t('requestData.swal.success.delete'), icon: \"success\" });\r\n                                    getData()\r\n                                }\r\n                            })\r\n                            .catch(e => {\r\n                                console.log(e)\r\n                                swal({ text: t('requestData.swal.warning.cannotDelete'), icon: \"warning\", });\r\n                            })\r\n                    }\r\n                    else {\r\n                        const item = JSON.parse(sessionStorage.getItem(\"requestData\"))\r\n                        const filtered = item.filter(item => item.key != deleteId)\r\n\r\n                        if (filtered.length > 0) {\r\n                            sessionStorage.setItem('requestData', JSON.stringify(filtered))\r\n                        } else {\r\n                            sessionStorage.removeItem('requestData')\r\n                        }\r\n                        getData()\r\n                    }\r\n\r\n                    break;\r\n            }\r\n        })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleDeleteDocument(transectionId) {\r\n        swal({\r\n            text: t('requestData.swal.warning.delete'),\r\n            icon: 'warning',\r\n            buttons: {\r\n                ok: 'ตกลง',\r\n                cancel: 'ยกเลิก'\r\n            }\r\n        }).then((value) => {\r\n            switch (value) {\r\n                case 'ok':\r\n                    if (auth.loggedIn) {\r\n                        auth.fetchWithToken(url + \"/api/v1/TransectionStatus/\" + transectionId, { method: \"DELETE\" })\r\n                            .then(res => {\r\n                                if (auth._IsSuccessResponse) {\r\n                                    getTransectionStatus()\r\n                                    swal({ text: t('requestData.swal.success.delete'), icon: \"success\" });\r\n                                }\r\n                            })\r\n                            .catch(e => {\r\n                                console.log(e)\r\n                                swal({ text: t('requestData.swal.warning.delete'), icon: \"warning\", });\r\n                            })\r\n                    }\r\n                    else {\r\n                        setDocumentModal({ show: false, documentName: '', documentFile: null, filename: null, description: '' })\r\n                    }\r\n\r\n                    break;\r\n            }\r\n        })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleRequestData() {\r\n        if (!auth.loggedIn()) {\r\n            swal({ text: t('requestData.swal.warning.login'), icon: \"warning\" });\r\n            return\r\n        }\r\n\r\n        var jsondata = {\r\n            reason: requestReasonTextArea,\r\n            serveType: textTypeRadio === 'paper' ? 1 : textTypeRadio === 'digital' ? 2 : 3,\r\n            getDataType: receiveMethodRadio === 'walkin' ? 1 : receiveMethodRadio === 'postal' ? 2 : 3\r\n        }\r\n\r\n        auth.fetchWithToken(url + '/api/v1/RequestData/Member', { method: 'PUT', data: jsondata })\r\n            .then(res => {\r\n                if (auth._IsSuccessResponse(res)) {\r\n                    swal({ text: t('requestData.swal.success.submitRequest'), icon: \"success\", });\r\n                    setFileList([])\r\n                    setRequestDataId(null)\r\n                    setDataSelection([])\r\n                    setRequestReasonTextArea('')\r\n                    setTextTypeRadio('digital')\r\n                    setReceiveMethodRadio('postal')\r\n                }\r\n            })\r\n            .catch((error) => {\r\n                console.log(error)\r\n                if (error.response && error.response.data && error.response.data.message) {\r\n                    const wrapper = document.createElement('a')\r\n                    wrapper.style.cssText = 'color:blue;text-decoration:underline'\r\n                    wrapper.onclick = () => {\r\n                        history.push('/admin/myaccount')\r\n                        swal.close()\r\n                    }\r\n\r\n                    let text = t('requestData.swal.warning.toMemberPage');\r\n                    wrapper.innerHTML = text;\r\n\r\n                    swal({ text: error.response.data.message, icon: 'warning', content: wrapper })\r\n                }\r\n                else {\r\n                    swal({ text: t('requestData.swal.warning.submitRequest'), icon: \"warning\", });\r\n                }\r\n            })\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function changePage(urlString) {\r\n        history.push(urlString)\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleRadioChange(e, setFunction) {\r\n        const { name, value } = e.target\r\n\r\n        setFunction(value)\r\n\r\n        if (!auth.loggedIn()) {\r\n            var requestDataChoice_Reason_Session = JSON.parse(sessionStorage.getItem(\"requestDataChoice_Reason\"))\r\n\r\n            if (requestDataChoice_Reason_Session != null) {\r\n                requestDataChoice_Reason_Session[name] = value\r\n                sessionStorage.setItem('requestDataChoice_Reason', JSON.stringify(requestDataChoice_Reason_Session))\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    function handleTextBoxChange(e) {\r\n        const { value } = e.target\r\n        setRequestReasonTextArea(value)\r\n\r\n        if (!auth.loggedIn()) {\r\n            var requestDataChoice_Reason_Session = JSON.parse(sessionStorage.getItem(\"requestDataChoice_Reason\"))\r\n\r\n            if (requestDataChoice_Reason_Session != null) {\r\n                requestDataChoice_Reason_Session.requestReasonTextArea = value\r\n                sessionStorage.setItem('requestDataChoice_Reason', JSON.stringify(requestDataChoice_Reason_Session))\r\n            }\r\n        }\r\n    }\r\n\r\n    //************************************************************************************************\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n            <DwrLayout title={t('navbar.nav3')}>\r\n                <Row>\r\n                    <Col lg={{ size: 10, offset: 1 }} style={{ padding: '0px' }}>\r\n                        {dataSelection.length > 0 ?\r\n                            <Table style={{ textAlign: 'center' }} responsive>\r\n                                <thead>\r\n                                    <tr style={{ textAlign: 'center' }}>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader1')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader2')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader3')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader4')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader5')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader6')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader7')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader8')}</th>\r\n                                        <th style={{ backgroundColor: '#DDF4FF', border: '1px solid white' }}>{t('requestData.tableHeader9')}</th>\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    {dataSelection.map((item, key) => {\r\n                                        return (\r\n                                            <tr key={key}>\r\n                                                <td>{item.dataTypeId ? 'Digital Files' : item.yearbookTypeTh ? item.yearbookTypeTh : '-'}</td>\r\n                                                <td>{item.dataTypeId ? (item.stationLabel ? item.stationLabel : '-'):\"-\"}</td>\r\n                                                <td>{item.dataTypeId ? (item.stationTh ? item.stationTh : '-'):\"-\" }</td>\r\n                                                <td>{item.dataTypeTh ? item.dataTypeTh : '-'}</td>\r\n                                                <td>{item.dataTypeId ? item.isDaily == 'Y' ? 'รายวัน' : 'รายเดือน' : '-'}</td>\r\n                                                <td>{new Date(item.yearStart).getFullYear()}</td>\r\n                                                <td>{new Date(item.yearEnd).getFullYear()}</td>\r\n                                                <td><a><FaPen onClick={() => handleEdit(item)} /></a></td>\r\n                                                <td><a><BsFillTrashFill onClick={() => handleDelete(item.key)} /></a></td>\r\n                                            </tr>\r\n                                        )\r\n                                    })\r\n                                    }\r\n                                </tbody>\r\n                            </Table>\r\n                            : ''\r\n                        }\r\n\r\n                        <Row>\r\n                            <Col lg={6}>\r\n                                <div style={{ backgroundColor: '#DDF4FF', padding: '10px', fontWeight: 'bold' }}>{t('requestData.formatHeader')}</div>\r\n                                <div style={{ backgroundColor: '#F7F7F7', minHeight: '150px', padding: '10px' }}>\r\n                                    <FormGroup>\r\n                                        <Label>\r\n                                            <Input type=\"radio\"\r\n                                                name=\"textTypeRadio\"\r\n                                                checked={textTypeRadio === 'digital' ? true : false}\r\n                                                style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}\r\n                                                value='digital'\r\n                                                onChange={(e) => handleRadioChange(e, setTextTypeRadio)}\r\n                                            />\r\n                                            {t('requestData.formatDigital')}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n\r\n                                    <FormGroup>\r\n                                        <Label>\r\n                                            <Input type=\"radio\"\r\n                                                name=\"textTypeRadio\"\r\n                                                checked={textTypeRadio === 'pdf' ? true : false}\r\n                                                style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}\r\n                                                value='pdf'\r\n                                                onChange={(e) => handleRadioChange(e, setTextTypeRadio)}\r\n                                            />\r\n                                            {t('requestData.formatPdf')}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n\r\n                                    <FormGroup>\r\n                                        <Label>\r\n                                            <Input type=\"radio\"\r\n                                                name=\"textTypeRadio\"\r\n                                                checked={textTypeRadio === 'paper' ? true : false}\r\n                                                style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}\r\n                                                value='paper'\r\n                                                onChange={(e) => handleRadioChange(e, setTextTypeRadio)}\r\n                                            />\r\n                                            {t('requestData.formatPaper')}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n                                </div>\r\n                            </Col>\r\n                            <Col lg={6}>\r\n                                <div style={{ backgroundColor: '#DDF4FF', padding: '10px', fontWeight: 'bold' }}>{t('requestData.receiveMethod')}</div>\r\n                                <div style={{ backgroundColor: '#F7F7F7', minHeight: '150px', padding: '10px' }}>\r\n                                    {/*<FormGroup>*/}\r\n                                    {/*    <Label>*/}\r\n                                    {/*        <Input type=\"radio\"*/}\r\n                                    {/*            name=\"receiveMethodRadio\"*/}\r\n                                    {/*            checked={receiveMethodRadio === 'postal' ? true : false}*/}\r\n                                    {/*            style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}*/}\r\n                                    {/*            value='postal'*/}\r\n                                    {/*            onChange={(e) => handleRadioChange(e, setReceiveMethodRadio)}*/}\r\n                                    {/*        />*/}\r\n                                    {/*        {t('requestData.methodPost')}*/}\r\n                                    {/*            </Label>*/}\r\n                                    {/*</FormGroup>*/}\r\n                                    <FormGroup>\r\n                                        <Label>\r\n                                            <Input type=\"radio\"\r\n                                                name=\"receiveMethodRadio\"\r\n                                                checked={receiveMethodRadio === 'walkin' ? true : false}\r\n                                                style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}\r\n                                                value='walkin'\r\n                                                onChange={(e) => handleRadioChange(e, setReceiveMethodRadio)}\r\n                                            />\r\n                                            {t('requestData.methodWalk')}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n                                    <FormGroup>\r\n                                        <Label>\r\n                                            <Input type=\"radio\"\r\n                                                name=\"receiveMethodRadio\"\r\n                                                checked={receiveMethodRadio === 'email' ? true : false}\r\n                                                style={{ marginLeft: '0', position: 'relative', marginRight: '10px' }}\r\n                                                value='email'\r\n                                                onChange={(e) => handleRadioChange(e, setReceiveMethodRadio)}\r\n                                            />\r\n                                            {t('requestData.methodEmail')}\r\n                                                </Label>\r\n                                    </FormGroup>\r\n\r\n                                </div>\r\n                            </Col>\r\n                        </Row>\r\n\r\n                        <Row style={{ marginTop: '10px' }}>\r\n                            <Col>\r\n                                <div style={{ backgroundColor: '#DDF4FF', padding: '10px', fontWeight: 'bold' }}>{t('requestData.reason')}</div>\r\n                                <div style={{ backgroundColor: '#F7F7F7', minHeight: '150px', padding: '10px' }}>\r\n                                    <Input\r\n                                        style={{ height: '130px', maxHeight: '130px' }}\r\n                                        maxLength={450}\r\n                                        type=\"textarea\"\r\n                                        name=\"requestReasonTextArea\"\r\n                                        value={requestReasonTextArea}\r\n                                        onChange={handleTextBoxChange}\r\n                                    />\r\n                                </div>\r\n                            </Col>\r\n                        </Row>\r\n\r\n                        {auth.loggedIn() ?\r\n\r\n                            <Row style={{ marginTop: '10px' }}>\r\n                                <Col>\r\n                                    <div style={{ backgroundColor: '#DDF4FF', padding: '10px', fontWeight: 'bold' }}>{t('requestData.document')}\r\n                                                <Button\r\n                                            size=\"sm\"\r\n                                            color='primary'\r\n                                            style={{ float: 'right', position: 'relative', bottom: '3px' }}\r\n                                            onClick={handleAddDocument}\r\n                                        >\r\n                                            {t('requestData.add')}\r\n                                                </Button>\r\n                                    </div>\r\n                                    <div style={{ backgroundColor: '#F7F7F7', padding: '10px' }}>\r\n                                        {fileList.length > 0 ? fileList.map(item => {\r\n                                            var docName = item.documentName != null ? item.documentName.substring(0, item.documentName.lastIndexOf('.')) : ''\r\n\r\n                                            return (\r\n                                                <React.Fragment key={item.transectionStatusId}>\r\n                                                    <a onClick={() => handleDownload(item.transectionStatusId, item.documentName)}><span style={{ textDecoration: 'underline' }} >{docName}</span> {item.description != null ? item.description : ''}</a>\r\n                                                    {item.transectionStatusId != null ?\r\n                                                        <a>\r\n                                                            <BsFillTrashFill\r\n                                                                style={{ float: 'right' }}\r\n                                                                onClick={() => handleDeleteDocument(item.transectionStatusId)}\r\n                                                            />\r\n                                                        </a>\r\n                                                        : ''}\r\n\r\n                                                    <div style={{ clear: 'both' }}></div>\r\n                                                </React.Fragment>\r\n                                            )\r\n                                        })\r\n                                            : t('requestData.noDocument')\r\n                                        }\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>\r\n\r\n                            : ''}\r\n\r\n                        { /*\r\n                        <div style={{ textAlign: 'center', margin: '50px 0 100px 0' }}>\r\n                            {loading ? 'Loading...' : 'ท่านยังไม่ได้เลือกข้อมูล'}\r\n                        </div>\r\n                        */ }\r\n\r\n                        <Row style={{ marginTop: '10px', textAlign: 'center' }}>\r\n                            <Col>\r\n                                <Button onClick={handleRequestData}>{t('requestData.submitRequest')}</Button>\r\n                            </Col>\r\n                        </Row>\r\n\r\n\r\n                        <Row style={{ textAlign: 'center', marginTop: '10px' }}>\r\n                            <Col>\r\n                                <p>{t('requestData.p1')} <a onClick={() => changePage('/home')} style={{ color: 'blue', textDecoration: 'underline' }}>{t('requestData.u1')}</a> {t('requestData.and')} <a onClick={() => changePage('/services')} style={{ color: 'blue', textDecoration: 'underline' }}>{t('requestData.u2')}</a>\r\n                                </p>\r\n\r\n                                <a style={{ color: 'blue', textDecoration: 'underline' }} onClick={() => setShowPic(true)}>{t('requestData.u3')}</a>\r\n                                <div>\r\n                                    <Button\r\n                                        onClick={() => window.open(survey?survey:'https://docs.google.com/forms/d/e/1FAIpQLScRLzh9VupDSCWF_rSppHrY9Rx29e965D8Tyb2NbaZmqBz9gQ/viewform?usp=pp_url')}\r\n                                        style={{ margin: '10px' }}\r\n                                        size='md'\r\n                                        color='primary'>\r\n                                        {t('requestData.survey')}\r\n                                    </Button>\r\n                                </div>\r\n                                <div>\r\n                                    <small>{t('requestData.small1')}\r\n                                        <br /> {t('requestData.small2')}\r\n                                        <br /> {t('requestData.small3')}\r\n                                </small>\r\n                                </div>\r\n                            </Col>\r\n                        </Row>\r\n\r\n                    </Col>\r\n                </Row>\r\n            </DwrLayout>\r\n\r\n            {editModal.show ?\r\n                <EditServiceRequest\r\n                    editModal={editModal}\r\n                    setEditModal={setEditModal}\r\n                    toggleEditModal={toggleEditModal}\r\n                    dataSelection={dataSelection}\r\n                    getData={getData}\r\n                />\r\n                : ''}\r\n\r\n            {documentModal.show ?\r\n                <AttachedDocumentModal\r\n                    documentModal={documentModal}\r\n                    setDocumentModal={setDocumentModal}\r\n                    toggleDocumentModal={toggleDocumentModal}\r\n                    getTransectionStatus={getTransectionStatus}\r\n                    requestDataId={requestDataId}\r\n                    setRequestDataId={setRequestDataId}\r\n                />\r\n                : ''}\r\n\r\n            {showPic && (\r\n                <Lightbox\r\n                    mainSrc={process.env.PUBLIC_URL + '/img/serviceprocess.jpeg'}\r\n                    onCloseRequest={() => setShowPic(false)}\r\n                />\r\n            )}\r\n\r\n\r\n        </React.Fragment>\r\n\r\n    )\r\n}\r\n\r\n//************************************************************************************************\r\n\r\nconst EditServiceRequest = ({ editModal, toggleEditModal, setEditModal, dataSelection, getData }) => {\r\n    const { t } = useTranslation();\r\n\r\n    function confirmEdit() {\r\n        //setDataSelectionState เป็นค่าที่ edit แล้ว\r\n\r\n        var newDataSelection = dataSelection\r\n\r\n        if (moment(editModal.data.yearStart).isAfter(moment(editModal.data.yearEnd))) {\r\n            swal({ text: t('requestData.swal.warning.year'), icon: \"warning\" });\r\n            return\r\n        }\r\n\r\n        if (auth.loggedIn()) {\r\n            var dataselectionId = editModal.data.dataSelectionId\r\n            var jsondata = {\r\n                dataSelectionId: dataselectionId,\r\n                isDaily: editModal.data.isDaily,\r\n                isMonthly: editModal.data.isMonthly,\r\n                yearStart: moment(editModal.data.yearStart).local().format(),\r\n                yearEnd: moment(editModal.data.yearEnd).local().format()\r\n\r\n            }\r\n            auth.fetchWithToken(url + \"/api/v1/DataSelection/\" + dataselectionId, { method: \"PUT\", data: jsondata })\r\n                .then(res => {\r\n                    if (auth._IsSuccessResponse) {\r\n                        swal({ text: t('requestData.swal.success.save'), icon: \"success\" });\r\n                        getData()\r\n                    }\r\n                })\r\n                .catch(e => {\r\n                    console.log(e)\r\n                    swal({ text: t('requestData.swal.warning.save'), icon: \"warning\", });\r\n                })\r\n        }\r\n        else {\r\n            var foundIndex = dataSelection.findIndex(x => x.key == editModal.data.key)\r\n            newDataSelection[foundIndex] = editModal.data\r\n            sessionStorage.setItem('requestData', JSON.stringify(newDataSelection))\r\n            getData()\r\n        }\r\n        toggleEditModal()\r\n\r\n    }\r\n\r\n    function handleRadioChange(e) {\r\n        if (e.target.value == 'daily') {\r\n            setEditModal(prev => ({ ...prev, data: { ...prev.data, isDaily: 'Y', isMonthly: 'N' } }))\r\n        }\r\n        else {\r\n            setEditModal(prev => ({ ...prev, data: { ...prev.data, isDaily: 'N', isMonthly: 'Y' } }))\r\n        }\r\n    }\r\n\r\n    return (\r\n\r\n        <Modal isOpen={editModal.show} toggle={toggleEditModal}>\r\n            <ModalHeader toggle={toggleEditModal}>{t('requestData.edit')}</ModalHeader>\r\n            <ModalBody>\r\n                <Row style={{ marginBottom: '10px' }}>\r\n                    <Col lg={2}>\r\n                        {t('requestData.type')}:\r\n                    </Col>\r\n                    <Col lg={8}>\r\n                        <Radio.Group\r\n                            disabled={!editModal.data.isDaily && !editModal.data.isMonthly}\r\n                            onChange={handleRadioChange}\r\n                            buttonStyle=\"solid\"\r\n                            value={editModal.data.dataTypeId ? editModal.data.isDaily == 'Y' ? 'daily' : 'monthly' : null}\r\n                        >\r\n                            <Radio.Button value=\"daily\">{t('requestData.daily')}</Radio.Button>\r\n                            <Radio.Button value=\"monthly\">{t('requestData.monthly')}</Radio.Button>\r\n                        </Radio.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col lg={2}>\r\n                        {t('requestData.year')}:\r\n                    </Col>\r\n                    <Col lg={4}>\r\n                        <SelectYear\r\n                            value={editModal.data.yearStart}\r\n                            onChange={year => setEditModal(prev => ({ ...prev, data: { ...prev.data, yearStart: new Date(year, 0, 1) } }))}\r\n                        />\r\n                    </Col>\r\n                    <Col lg={2}>\r\n                        {t('requestData.to')}:\r\n                    </Col>\r\n                    <Col lg={4}>\r\n                        <SelectYear\r\n                            value={editModal.data.yearEnd}\r\n                            onChange={year => setEditModal(prev => ({ ...prev, data: { ...prev.data, yearEnd: new Date(year, 0, 1) } }))}\r\n                        />\r\n                    </Col>\r\n\r\n                </Row>\r\n\r\n            </ModalBody>\r\n            <div style={{ textAlign: 'center' }}>\r\n                <Button style={{ margin: '5px' }} color=\"primary\" onClick={confirmEdit}>{t('requestData.ok')}</Button>\r\n                <Button style={{ margin: '5px' }} color=\"secondary\" onClick={toggleEditModal}>{t('requestData.cancel')}</Button>\r\n            </div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\n//************************************************************************************************\r\n\r\nconst AttachedDocumentModal = ({ documentModal, setDocumentModal, toggleDocumentModal, getTransectionStatus, requestDataId, setRequestDataId }) => {\r\n    const { t } = useTranslation();\r\n    const [documentData, setDocumentData] = useState({\r\n        show: false,\r\n        documentName: '',\r\n        documentFile: null,\r\n        filename: null,\r\n        description: ''\r\n    })\r\n\r\n    useEffect(() => {\r\n        setDocumentData(documentModal)\r\n    }, [])\r\n\r\n    function confirmAddDocument() {\r\n\r\n        if (!documentData.documentFile) {\r\n            swal({ text: t('requestData.swal.warning.docAttach'), icon: \"warning\" });\r\n            return\r\n        }\r\n        else if (!documentData.documentName || !documentData.documentName.trim()) {\r\n            swal({ text: t('requestData.swal.warning.docDesc'), icon: \"warning\" });\r\n            return\r\n        }\r\n\r\n        if (auth.loggedIn()) {\r\n\r\n            if (!documentData.documentName || !documentData.documentFile) {\r\n                swal({\r\n                    text: t('requestData.swal.warning.inputAll'),\r\n                    icon: \"warning\",\r\n                });\r\n            } else {\r\n                const formData = new FormData();\r\n\r\n                let _filename = documentData.documentFile.name;\r\n                let ext = _filename.split(\".\").pop();\r\n                formData.append(\"DocumentName\", documentData.documentName.substring(0, 40) + \".\" + ext,)\r\n                formData.append(\"Description\", documentData.description)\r\n                formData.append(\"myFile\", documentData.documentFile)\r\n\r\n                auth.fetchWithToken(url + \"/api/v1/TransectionStatus\", {\r\n                    method: \"POST\",\r\n                    data: formData\r\n                })\r\n                    .then((res) => {\r\n                        if (auth._IsSuccessResponse(res)) {\r\n                            swal({ text: t('requestData.swal.success.save'), icon: \"success\" });\r\n                            toggleDocumentModal()\r\n\r\n                            //ไว้ใช้ getFile ในกระณี requesDataId เดิม เพราะมันจะไม่เข้า useEffect [requestDataId]\r\n                            if (requestDataId == res.data.requestDataId) {\r\n                                getTransectionStatus()\r\n                            } else {\r\n                                setRequestDataId(res.data.requestDataId)\r\n                            }\r\n                        }\r\n\r\n                    })\r\n                    .catch((error) => {\r\n                        if (error.response && error.response.data && error.response.data.message) {\r\n                            swal({ text: error.response.data.message, icon: \"warning\" });\r\n                        } else {\r\n                            swal({\r\n                                text: t('requestData.swal.warning.save'),\r\n                                icon: \"warning\",\r\n                            });\r\n                        }\r\n                    });\r\n            }\r\n        }\r\n        else {\r\n            toggleDocumentModal()\r\n            setDocumentModal(documentData)\r\n        }\r\n\r\n    }\r\n\r\n    function handleDocChange(e) {\r\n        var name = e.target.name\r\n        var value = e.target.value\r\n        setDocumentData(prev => ({ ...prev, [name]: value }))\r\n    }\r\n\r\n    function onAttachFile() {\r\n        let attachFile = document.getElementById(\"attachImage\");\r\n        attachFile.click();\r\n    };\r\n\r\n    function handleFileUpload(e) {\r\n        const file = e.target.files[0]\r\n        if (file.type.split(\"/\")[0] !== \"image\" && file.type !== \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\" && file.type !== \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\" && file.type !== \"application/pdf\") {\r\n            swal({\r\n                text: t('requestData.swal.warning.ext'),\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n\r\n        var sizeInMB = (file.size / (1024 * 1024)).toFixed(2);\r\n        if (sizeInMB > 20.00) {\r\n            swal({\r\n                text: t('requestData.swal.warning.above20mb'),\r\n                icon: \"warning\",\r\n            });\r\n            return;\r\n        }\r\n\r\n        setDocumentData(prev => ({ ...prev, documentFile: file, filename: file.name }))\r\n\r\n    };\r\n\r\n    return (\r\n        <Modal isOpen={documentModal.show} toggle={toggleDocumentModal}>\r\n            <ModalHeader toggle={toggleDocumentModal}>{t('requestData.addDoc')}</ModalHeader>\r\n            <ModalBody>\r\n                <Row>\r\n                    <Col>\r\n                        <Input name='documentName' onChange={handleDocChange} value={documentData.documentName} placeholder={t('requestData.docName')} />\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col>\r\n                        <Button\r\n                            outline\r\n                            size=\"sm\"\r\n                            style={{ margin: \"10px 5px 10px 0\" }}\r\n                            onClick={() => onAttachFile()}\r\n                        >\r\n                            {t('requestData.selectFile')}\r\n                        </Button>\r\n                        <span>{documentData.filename ? documentData.filename : ''}</span>\r\n                        <Input\r\n                            onChange={(e) => handleFileUpload(e)}\r\n                            type=\"file\"\r\n                            name=\"attachImage\"\r\n                            id=\"attachImage\"\r\n                            style={{ display: \"none\" }}\r\n                        />\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col>\r\n                        <Input name='description' onChange={handleDocChange} value={documentData.description} type='textarea' placeholder={t('requestData.docDesc')} />\r\n                    </Col>\r\n                </Row>\r\n            </ModalBody>\r\n            <div style={{ textAlign: 'center' }}>\r\n                <Button style={{ margin: '5px' }} color=\"primary\" onClick={confirmAddDocument}>{t('requestData.ok')}</Button>\r\n                <Button style={{ margin: '5px' }} color=\"secondary\" onClick={toggleDocumentModal}>{t('requestData.cancel')}</Button>\r\n            </div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\n\r\n//************************************************************************************************\r\n\r\nconst SelectYear = ({ onChange, value }) => {\r\n    const currentYear = new Date().getFullYear();\r\n    const oldestYear = 1962;\r\n    const years = [];\r\n\r\n    for (var i = currentYear; i >= oldestYear; i--) {\r\n        years.push(i);\r\n    }\r\n\r\n    return (\r\n        <Select style={{ width: \"calc(100% - 25px)\" }} onChange={onChange} value={new Date(value).getFullYear()}>\r\n            {years.map((year, key) => (\r\n                <Option key={key} value={year}>{year}</Option>\r\n            ))}\r\n        </Select>\r\n    );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Table, Tag, Select } from \"antd\";\r\nimport moment from \"moment\";\r\nimport TablePagination from '../../componentreuse/TablePagination'\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function TableFileData({\r\n  dataSource,\r\n  type,\r\n  onDownloadFile,\r\n  page,\r\n  setPage,\r\n  handlePagination,\r\n}) {\r\n  const [pagesCount, setPagesCount] = useState(0);\r\n\r\n  useEffect(() => {\r\n    setPagesCount(dataSource.length > 0 ? dataSource[0].total : 0);\r\n  }, [dataSource]);\r\n\r\n  const classNames= {\r\n    show: { display: 'block' }, \r\n      hide: { display: 'none' }\r\n  }\r\n\r\n  const columns = [\r\n    {\r\n      title: \"\",\r\n      dataIndex: \"fileId\",\r\n      key: \"fileId\",\r\n      align: \"left\",\r\n      width: 60,\r\n      className: \"hide\",\r\n      render: (text) => (\r\n        <img\r\n          src={\r\n            process.env.PUBLIC_URL +\r\n            (type == \"1\" ? \"/img/doc_icon.png\" : \"/img/data_icon.png\")\r\n          }\r\n        />\r\n      ),\r\n    },\r\n    {\r\n      title: \"\",\r\n      dataIndex: \"fileName\",\r\n      key: \"fileName\",\r\n      align: \"left\",\r\n      className: \"hide\",\r\n      render: (text, item) => (\r\n        <span>\r\n          <div>{item.fileName}</div>\r\n          <div>\r\n            {item.updateDate\r\n              ? moment(item.updateDate).format(\"DD/MM/YYYY\")\r\n              : \"\"}\r\n          </div>\r\n        </span>\r\n      ),\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <Row justify=\"center\" gutter={[8, 8]}>\r\n      <Col xs={24}>\r\n        <Table\r\n          columns={columns}\r\n          dataSource={dataSource?dataSource:[]}\r\n          rowKey=\"fileId\"\r\n          style={{ cursor: \"pointer\" }}\r\n          pagination={false}\r\n          onRow={(record, rowIndex) => {\r\n            return {\r\n              onClick: (e) => {\r\n                onDownloadFile(record.fileId,record.fileDownloadName);\r\n              },\r\n            };\r\n          }}\r\n        />\r\n      </Col>\r\n\r\n      <Col xs={12} style={{textAlign:\"left\"}}>\r\n        <Select\r\n            defaultValue=\"10\"\r\n            style={{\r\n              width: \"100px\",\r\n              display: page.totalPage >= 2 ? \"inline-block\" : \"none\",\r\n            }}\r\n            value={page.pageSize}\r\n            onChange={(e) => setPage({ ...page, pageSize: e, currentPage: 1 })}\r\n          >\r\n            <Option value=\"10\">10</Option>\r\n            <Option value=\"50\">50</Option>\r\n            <Option value=\"100\">100</Option>\r\n          </Select>\r\n        </Col>\r\n        <Col xs={12} style={{ textAlign: \"right\"}}>\r\n        <TablePagination handlePagination={handlePagination}\r\n                        totalPage={page.totalPage}\r\n                        totalItems={page.totalItems}\r\n                        currentPage={page.currentPage}\r\n                    />\r\n        </Col>\r\n     \r\n    </Row>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport { Row, Col, Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport \"../css/JumboTron.css\";\r\nimport TableFileData from \"./component/TableFileData\";\r\nimport { getParameterByName } from \"../Helper/ReadQueryUrl\";\r\n\r\nimport swal from \"sweetalert\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function InfoPublish() {\r\n  const [loading, setLoading] = useState(false);\r\n  const [currentTab, setCurrentTab] = useState(1);\r\n  const [dataSource, setDataSource] = useState([]);\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n\r\n  useEffect(() => {\r\n    onGetData();\r\n  }, [currentTab, currentPage]);\r\n\r\n  useEffect(() => {\r\n    let menuId = getParameterByName(\"menuId\");\r\n    if(menuId) setCurrentTab(menuId);\r\n  }, []);\r\n\r\n  const onGetData = () => {\r\n    setLoading(true);\r\n    auth\r\n      .fetchWithToken(\r\n        `${url}/api/v1/InfoPublish/info?page=${currentPage}&type=${currentTab}`,\r\n        {\r\n          method: \"GET\",\r\n          data: {},\r\n        }\r\n      )\r\n      .then((res) => {\r\n        setDataSource(res.data);\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        swal({\r\n          text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n          icon: \"warning\",\r\n        });\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const onDownloadFile = (id, filename) => {\r\n    setLoading(true);\r\n    auth\r\n      .fetchWithToken(`${url}/api/v1/InfoPublish/download/${id}`, {\r\n        method: \"GET\",\r\n        data: {},\r\n        responseType: \"blob\",\r\n      })\r\n      .then((res) => {\r\n        if (res.status == 204) {\r\n          swal({\r\n            text: \"ไม่พบไฟล์\",\r\n            icon: \"warning\",\r\n          });\r\n        } else {\r\n          const url = window.URL.createObjectURL(new Blob([res.data]));\r\n          const link = document.createElement(\"a\");\r\n          link.href = url;\r\n          link.setAttribute(\"download\", filename); //or any other extension\r\n          document.body.appendChild(link);\r\n          link.click();\r\n        }\r\n\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        swal({\r\n          text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n          icon: \"warning\",\r\n        });\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const handleChangeTab = (e) => {\r\n    setCurrentPage(1);\r\n\r\n    var name = e.currentTarget.getAttribute(\"name\");\r\n\r\n    if (name === \"tab1\") {\r\n      setCurrentTab(1);\r\n    } else if (name === \"tab2\") {\r\n      setCurrentTab(2);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <NavBar />\r\n      <Spin spinning={loading}>\r\n        <Row style={{ margin: \"0\" }}>\r\n          <Col style={{ padding: \"0px\" }}>\r\n            <DwrLayout title=\"ข้อมูลเผยแพร่\">\r\n              <Row>\r\n                <Col xl={3} lg={3} md={4}>\r\n                  <Jumbotron\r\n                    name=\"tab1\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab === 1 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                      <div>เอกสาร</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                  <Jumbotron\r\n                    name=\"tab2\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab === 2 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                      <div>ข้อมูล</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                </Col>\r\n                <Col xl={9} lg={9} md={8}>\r\n                  <div\r\n                    style={{\r\n                      backgroundColor: \"#F7F7F7\",\r\n                      minHeight: \"200px\",\r\n                      padding: \"10px\",\r\n                    }}\r\n                  >\r\n                    {currentTab == 1 || currentTab == 2 ? (\r\n                      <TableFileData\r\n                        dataSource={dataSource}\r\n                        type={currentTab}\r\n                        currentPage={currentPage}\r\n                        setCurrentPage={setCurrentPage}\r\n                        onDownloadFile={onDownloadFile}\r\n                      />\r\n                    ) : (\r\n                      \"\"\r\n                    )}\r\n                  </div>\r\n                </Col>\r\n              </Row>\r\n            </DwrLayout>\r\n          </Col>\r\n        </Row>\r\n      </Spin>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport {  Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Row, Col } from 'antd';\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport \"../css/JumboTron.css\";\r\nimport { Empty } from \"antd\";\r\nimport swal from \"sweetalert\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function Link() {\r\n  const [loading, setLoading] = useState(false);\r\n  const [dataSource, setDataSource] = useState([]);\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n\r\n  useEffect(() => {\r\n    onGetData();\r\n  }, []);\r\n\r\n  const onGetData = () => {\r\n    setLoading(true);\r\n    auth\r\n      .fetchWithToken(url + `/api/v1/webLink/page=${1}&pageLength=${9999999}`, {\r\n        method: \"GET\",\r\n        data: {},\r\n      })\r\n      .then((res) => {\r\n        var _resp_data = res.data;\r\n\r\n        if (res.status == 200) {\r\n          var data = _resp_data.map((item) => {\r\n            var _item = item;\r\n            if (_item.weblinkImageByte) {\r\n              _item.weblinkImageByte = convertBase64ToFile(\r\n                item.weblinkImageByte\r\n              );\r\n            }\r\n            return item;\r\n          });\r\n          console.log(\"data\", data);\r\n          setDataSource(data);\r\n        }\r\n\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        swal({\r\n          text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n          icon: \"warning\",\r\n        });\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const convertBase64ToFile = (image) => {\r\n    const byteString = atob(image.split(\",\")[1]);\r\n    const ab = new ArrayBuffer(byteString.length);\r\n    const ia = new Uint8Array(ab);\r\n    for (let i = 0; i < byteString.length; i += 1) {\r\n      ia[i] = byteString.charCodeAt(i);\r\n    }\r\n    const newBlob = new Blob([ab], {\r\n      type: \"image/*\",\r\n    });\r\n    return newBlob;\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      {/* <NavBar /> */}\r\n      <Spin spinning={loading}>\r\n        <Row style={{ margin: \"0\" }}>\r\n          <Col xs={24} style={{ padding: \"0px\" }}>\r\n              <Row>\r\n                <Col lg={2} md={0}></Col>\r\n                <Col lg={20} md={24}>\r\n                  <Row gutter={[16,16]} align=\"middle\" justify=\"center\">\r\n                    {dataSource.map((items) => (\r\n                      <Col xs={24} sm={12} md={6} >\r\n                        {/* <div style={{ border:'solid #33333352 3px',borderRadius: 6, }}> */}\r\n                        <div >\r\n                          <a\r\n                            key={items.webLinkId}\r\n                            href={items.webLinkUrl}\r\n                            target=\"_blank\"\r\n                          >\r\n                            {items.weblinkImageByte ? (\r\n                              <img\r\n                              style={{ borderRadius: 6, }}\r\n                                width=\"100%\"\r\n                                height=\"auth\"\r\n                                src={window.URL.createObjectURL(\r\n                                  items.weblinkImageByte\r\n                                )}\r\n                                className=\"img-weblink-table\"\r\n                              />\r\n                            ) : (\r\n                              <Empty description={false} />\r\n                            )}\r\n                          </a>\r\n                        </div>\r\n                      </Col>\r\n                    ))}\r\n                  </Row>\r\n                </Col>\r\n                <Col lg={2} md={0}></Col>\r\n              </Row>\r\n          </Col>\r\n        </Row>\r\n      </Spin>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Link} from 'react-router-dom'\r\nimport SideNavBar from \"../sidenavbar/SideNavBar\";\r\nimport { Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Row, Col } from \"antd\";\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport \"../css/JumboTron.css\";\r\nimport { Empty } from \"antd\";\r\nimport swal from \"sweetalert\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\n\r\n\r\nexport default function SiteMap() {\r\n  const { t, i18n } = useTranslation();\r\n\r\n  const sitemap = [\r\n    { key: 1, name: t('navbar.nav1'), link: \"/home\", children: [] },\r\n    { key: 2, name: t('navbar.nav2'), link: \"services\", children: [] },\r\n    { key: 3, name: t('navbar.nav3'), link: \"/services_request\", children: [] },\r\n    {\r\n      key: 5,\r\n      name: t('navbar.nav4'),\r\n      link: \"/information\",\r\n      children: [\r\n        { key: 1, name: t('navbar.nav4sub.item1'), link: \"/information?menuId=1\" },\r\n        { key: 2, name: t('navbar.nav4sub.item2'), link: \"/information?menuId=2\" },\r\n        { key: 3, name: t('navbar.nav4sub.item3'), link: \"/information?menuId=3\" },\r\n        { key: 4, name: t('navbar.nav4sub.item4'), link: \"/information?menuId=4\" },\r\n        { key: 5, name: t('navbar.nav4sub.item5'), link: \"/information?menuId=5\" },\r\n      ],\r\n    },\r\n    {\r\n      key: 6,\r\n      name: t('navbar.nav5'),\r\n    link: \"/organization\",\r\n      children: [\r\n        { key: 1, name: t('navbar.nav5sub.item1'), link: \"/organization?menuId=1\" },\r\n        { key: 2, name: t('navbar.nav5sub.item2'), link: \"/organization?menuId=2\" },\r\n        { key: 3, name: t('navbar.nav5sub.item3'), link: \"/organization?menuId=3\" },\r\n        { key: 4, name: t('navbar.nav5sub.item4'), link: \"/organization?menuId=4\" },\r\n      ],\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <NavBar />\r\n      <Row style={{ margin: \"0\" }}>\r\n        <Col xs={24} style={{ padding: \"0px\" }}>\r\n          <DwrLayout title={t('siteMap')}>\r\n            <Row justify=\"center\">\r\n              <Col md={24}>\r\n                <Row gutter={[8, 8]} justify=\"center\">\r\n                \r\n                  {sitemap.map((items, index) => (\r\n                    <Col\r\n                      key={index}\r\n                      md={20}\r\n                      lg={4}\r\n                      xl={3}\r\n                    >\r\n                      <Link to={items.link}>\r\n                        <div style={{ marginBottom: 16 }}>{items.name}</div>\r\n                      </Link>\r\n                      {items.children.map((children, cindex) => (\r\n                        <Link to={children.link}>\r\n                          <div\r\n                            key={cindex}\r\n                            style={{ textIndent: \"1em\", marginBottom: 8 }}\r\n                          >\r\n                            {children.name}\r\n                          </div>\r\n                        </Link>\r\n                      ))}\r\n                    </Col>\r\n                  ))}\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          </DwrLayout>\r\n        </Col>\r\n      </Row>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport { getParameterByName } from \"../Helper/ReadQueryUrl\";\r\nimport Link from \"../link/Link\";\r\nimport ContactUs from \"../contactus/ContactUs\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport default function Organization() {\r\n  const [loading, setLoading] = useState(false);\r\n  const [currentTab, setCurrentTab] = useState(1);\r\n  const { t } = useTranslation();\r\n\r\n  useEffect(() => {\r\n    let menuId = getParameterByName(\"menuId\");\r\n    if (menuId) setCurrentTab(menuId);\r\n  }, []);\r\n  \r\n  const handleChangeTab = (e) => {\r\n    var name = e.currentTarget.getAttribute(\"name\");\r\n\r\n    if (name === \"tab1\") {\r\n      setCurrentTab(1);\r\n    } else if (name === \"tab2\") {\r\n      setCurrentTab(2);\r\n    } else if (name === \"tab3\") {\r\n      setCurrentTab(3);\r\n    } else if (name === \"tab4\") {\r\n      setCurrentTab(4);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <React.Fragment>\r\n      <NavBar />\r\n      <Spin spinning={loading}>\r\n        <Row style={{ margin: \"0\" }}>\r\n          <Col style={{ padding: \"0px\" }}>\r\n                      <DwrLayout title={t('navbar.nav5')}>\r\n              <Row>\r\n                <Col xl={3} lg={3} md={4}>\r\n                  <Jumbotron\r\n                    name=\"tab1\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab == 1 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                       <div>{t('organization.tabMenu1')}</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                  <Jumbotron\r\n                    name=\"tab2\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab == 2 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                        <div>{t('organization.tabMenu2')}</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                  <Jumbotron\r\n                    name=\"tab3\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab == 3 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                      <div>{t('organization.tabMenu3')}</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                  <Jumbotron\r\n                    name=\"tab4\"\r\n                    onClick={(e) => handleChangeTab(e)}\r\n                    fluid\r\n                    className=\"jumboBtn\"\r\n                    style={{\r\n                      backgroundColor: currentTab == 4 ? \"#C1ECFF\" : \"\",\r\n                    }}\r\n                  >\r\n                    <Container fluid>\r\n                       <div>{t('organization.tabMenu4')}</div>\r\n                    </Container>\r\n                  </Jumbotron>\r\n                </Col>\r\n                <Col xl={9} lg={9} md={8}>\r\n                  <div\r\n                    style={{\r\n                      backgroundColor: \"#F7F7F7\",\r\n                      minHeight: \"200px\",\r\n                      padding: \"10px\",\r\n                    }}\r\n                  >\r\n                    {currentTab == 1 ? (\r\n                    <DwrLayout title={t('navbar.nav5')}>\r\n                         {t('organization.organization.detail')}\r\n                        <br />\r\n                        <br /> {t('organization.organization.subHeader')}\r\n                        <br /> {t('organization.organization.a')}\r\n                        <br /> {t('organization.organization.b')}\r\n                        <br /> {t('organization.organization.c')}\r\n                        <br /> {t('organization.organization.d')}\r\n                        <br /> {t('organization.organization.e')}\r\n                      </DwrLayout>\r\n                    ) : (\r\n                      \"\"\r\n                    )}\r\n\r\n                    {currentTab == 2 ? (\r\n                     <DwrLayout title={t('organization.tabMenu2')}>\r\n                                              {t('organization.vision')}\r\n                      </DwrLayout>\r\n                    ) : (\r\n                      \"\"\r\n                    )}\r\n                    {currentTab == 3 ? (\r\n                      <DwrLayout title={t('organization.tabMenu3')}><Link/></DwrLayout>\r\n                    ) : (\r\n                      \"\"\r\n                    )}\r\n\r\n                    {currentTab == 4 ? (\r\n                      <DwrLayout title={t('organization.tabMenu4')}><ContactUs/></DwrLayout>\r\n                    ) : (\r\n                      \"\"\r\n                    )}\r\n                  </div>\r\n                </Col>\r\n              </Row>\r\n            </DwrLayout>\r\n          </Col>\r\n        </Row>\r\n      </Spin>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport TablePagination from '../componentreuse/TablePagination'\r\nimport { Row, Col } from 'reactstrap'\r\nimport AuthenServices from '../services/authenServices'\r\nimport { Spin } from \"antd\";\r\nimport moment from 'moment'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\nvar noimg = process.env.PUBLIC_URL + '/img/No_Image.png'\r\n\r\nexport default function ActivityTable(props) {\r\n\r\n    const [stationList, setStationList] = useState([])\r\n    const [page, setPage] = useState({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n    const [loading, setLoading] = useState(false)\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        getStationList()\r\n    }, [page.pageNumber])\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function getStationList() {\r\n\r\n        setLoading(true)\r\n        auth.fetchWithToken(url + '/api/v1/Interesting/Interesting_IS/' + props.tableNewsType + '?PageNumber=' + page.pageNumber + '&PageSize=' + page.pageSize, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    setStationList(res.data.items)\r\n                    setPage(res.data.paging)\r\n                    setLoading(false)\r\n                }\r\n                else {\r\n                    setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                    setLoading(false)\r\n                    setStationList([])\r\n                }\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                setLoading(false)\r\n                setStationList([])\r\n            })\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function handlePagination(pagenum) {\r\n        const totalpage = page.totalPage\r\n        if (pagenum < 1) {\r\n            pagenum = 1\r\n        }\r\n        else if (pagenum > totalpage) {\r\n            pagenum = totalpage\r\n        }\r\n\r\n        setPage(prev => ({ ...prev, pageNumber: pagenum }))\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Spin spinning={loading} >\r\n                <Row>\r\n                    {stationList.length > 0 ? stationList.map((item, key) => {\r\n                        var img = item.imageAttachfile != null && item.imageAttachfile.length > 0 ? item.imageAttachfile[0] : null\r\n\r\n                        return (\r\n                            <React.Fragment key={key}>\r\n                                <Col xl={4} lg={4} md={6} sm={6} xs={12} style={{ margin: '10px 0' }}>\r\n                                    <div className='cardTrans' onClick={() => props.handlePage('stationedit', item.intTopicID, item.intTopicTitle)}>\r\n                                        <img\r\n                                            style={{ width: '100%', minHeight: '100px', maxHeight: '100px', objectFit: img == null ? 'contain' : 'cover', borderTopLeftRadius: '6px', borderTopRightRadius: '6px' }}\r\n                                            src={img == null ? noimg : img}\r\n                                            onClick={() => props.handlePage('stationedit', item.intTopicID, item.intTopicTitle)}\r\n                                            onError={(e) => {\r\n                                                e.target.src = noimg\r\n                                                e.target.style.objectFit = 'contain'\r\n                                            }}\r\n                                        />\r\n                                        <div className='slimscrolltext' style={{ overflow: 'auto',padding:'5px' }}>\r\n                                            <div style={{ fontWeight: 'bold', fontSize: '14px' }}>{item.intTopicTitle}</div>\r\n                                            <small style={{ wordBreak: 'break-word' }}>{item.intTopicDetail}</small> <br />\r\n                                            <small>{moment(item.intTopicStartDate).format('DD/MM/YYYY')}</small>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </Col>\r\n                            </React.Fragment>\r\n                        )\r\n                    }) : ''}\r\n                </Row>\r\n                <Row>\r\n                    <Col>\r\n                        <TablePagination \r\n                            handlePagination={handlePagination}\r\n                            itemsCountPerPage={page.pageSize}\r\n                            totalItems={page.totalItems}\r\n                            currentPage={page.pageNumber}\r\n                            totalPage={page.totalPages}\r\n                        />\r\n                    </Col>\r\n                </Row>\r\n            </Spin>\r\n        </React.Fragment>\r\n    )\r\n\r\n}","import React, { useState, useEffect } from 'react'\r\nimport DwrLayout from '../componentreuse/DwrLayout'\r\nimport SelectSearch from '../componentreuse/SelectSearch'\r\nimport DwrDatePicker from '../componentreuse/DwrDatePicker'\r\nimport { Row, Col, FormGroup, Label, Input, ButtonGroup, Button, CustomInput, InputGroup, InputGroupAddon, InputGroupText, Form, Table } from 'reactstrap'\r\nimport '../css/Sediment.css'\r\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap';\r\nimport AuthenServices from '../services/authenServices'\r\nimport { Bar } from 'react-chartjs-2'\r\nimport TextArea from 'antd/lib/input/TextArea'\r\nimport swal from \"sweetalert\";\r\n\r\nvar auth = new AuthenServices()\r\nexport default function ActivityImageModal(props) {\r\n    var url = process.env.REACT_APP_DWR_API;\r\n    var datenow = new Date(Date.now())\r\n    const [dataRemark, setDataRemark] = useState({ selected: { value: props.newsImageModal.remarkid, label: props.newsImageModal.remarkComment }, list: null, loading: true })\r\n    const rt1 = []\r\n    const rt2 = []\r\n    const [itemId, setItemid] = useState(undefined);\r\n    const dischargeObserve = []\r\n    const [postBy, setPostBy] = useState(\"\")\r\n    const [topic, setTopic] = useState(\"\")\r\n    const [message, setMessage] = useState(\"\")\r\n    const [showinput, setShowInput] = useState(0)\r\n    const [data, setData] = useState({ publish: \"Y\", WebBoardImageByte: \"\" });\r\n    const [loading, setLoading] = useState(false)\r\n\r\n    //newsImageData\r\n\r\n    function toggleModal() {\r\n        props.setNewsImageModal(prev => ({ ...prev, click: !prev.click }))\r\n    }\r\n    const convertBase64ToFile = (image) => {\r\n        const byteString = atob(image.split(',')[1]);\r\n        const ab = new ArrayBuffer(byteString.length);\r\n        const ia = new Uint8Array(ab);\r\n        for (let i = 0; i < byteString.length; i += 1) {\r\n            ia[i] = byteString.charCodeAt(i);\r\n        }\r\n        const newBlob = new Blob([ab], {\r\n            type: 'image/*',\r\n        });\r\n        return newBlob;\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <Modal isOpen={props.newsImageModal.click ? true : false} toggle={toggleModal} size='lg' >\r\n                <ModalHeader toggle={toggleModal} style={{ borderBottom: 'none', paddingBottom: '0px' }}>\r\n                </ModalHeader>\r\n                <ModalBody>\r\n                    <div>\r\n                        <Row style={{ marginBottom: '10px' }} className=\"justify-content-md-center\">\r\n                            <Col xs lg=\"8\" md={12} sm={12}>\r\n                                <FormGroup style={{ justifyContent: 'center' }} row>\r\n                                    <React.Fragment>\r\n                                        <div style={{ backgroundSize: 'cover' }}>\r\n                                            <img src={props.newsImageModal.data}\r\n                                                className=\"img-weblink\" />\r\n                                        </div>\r\n                                    </React.Fragment>\r\n                                </FormGroup>\r\n                            </Col>\r\n                        </Row>\r\n                    </div>\r\n                    <div></div>\r\n                </ModalBody>\r\n            </Modal>\r\n        </React.Fragment>\r\n    )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Row, Col, FormGroup, Label } from 'reactstrap'\r\nimport AuthenServices from '../services/authenServices'\r\nimport swal from 'sweetalert'\r\nimport { FaPaperclip } from 'react-icons/fa'\r\nimport { LoopCircleLoading } from 'react-loadingg'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport Lightbox from 'react-image-lightbox'\r\nimport 'react-image-lightbox/style.css'\r\nimport NewsImageModal from './ActivityImageModal'\r\nimport ReactPlayer from 'react-player'\r\nimport 'video-react/dist/video-react.css';\r\nimport moment from 'moment'\r\n\r\nvar novideo = process.env.PUBLIC_URL + '/img/no-video.png'\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function NewsDetail(props) {\r\n    const isDesktopOrLaptop = useMediaQuery({\r\n        query: '(min-device-width: 769px)'\r\n    })\r\n\r\n    const [news, setNews] = useState(null)\r\n    const [loading, setLoading] = useState(true)\r\n    const [lightBox, setLightBox] = useState({\r\n        photoIndex: 0,\r\n        isOpen: false,\r\n    })\r\n    const [newsImageData, setNewsImageData] = useState(null)\r\n    const [newsImageModal, setNewsImageModal] = useState({ data: null, click: false, id: \"0\", idx: 0, remarkid: 0, remarkDesc: \"\", remarkComment: \"\" })\r\n    const [images, setImages] = useState([])\r\n\r\n    function getStationData() {\r\n        auth.fetchWithToken(url + '/api/v1/Interesting/getInfo/' + props.editNewsId, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    if (res.data.imageAttachfile.length > 0) {\r\n                        res.data.imageAttachfile.forEach(x => x = convertBase64ToFile(x))\r\n                    }\r\n                    setNews(res.data)\r\n                    setImages(res.data.imageAttachfile)\r\n                }\r\n\r\n                setLoading(false)\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setLoading(false)\r\n            })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (props.name === 'detail') {\r\n            getStationData()\r\n        }\r\n    }, [])\r\n\r\n    const convertBase64ToFile = (image) => {\r\n        const byteString = atob(image.split(',')[1]);\r\n        const ab = new ArrayBuffer(byteString.length);\r\n        const ia = new Uint8Array(ab);\r\n        for (let i = 0; i < byteString.length; i += 1) {\r\n            ia[i] = byteString.charCodeAt(i);\r\n        }\r\n        const newBlob = new Blob([ab], {\r\n            type: 'image/*',\r\n        });\r\n        return newBlob;\r\n    };\r\n\r\n    const DownloadFile = (pathname) => {\r\n        auth.fetchWithToken(url + \"/api/v1/WebSettings/WebBoardDownload?filename=\" + pathname, { method: 'GET', responseType: 'blob', params: {}, arrayFormat: 'repeat' })\r\n            .then(res => {\r\n                if (auth._IsSuccessResponse(res)) {\r\n                    var ext = pathname.substr(pathname.lastIndexOf('.') + 1);\r\n                    ext = '.' + ext;\r\n                    const url = window.URL.createObjectURL(new Blob([res.data]));\r\n                    const link = document.createElement('a');\r\n                    link.href = url;\r\n                    link.setAttribute('download', `DownloadFile${ext}`);\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                }\r\n            }).catch((err) => {\r\n                console.log(err)\r\n                swal({ text: 'ไม่สามารถดาวโหลดไฟลได้ กรุณาลองใหม่ภายหลัง', icon: 'warning' })\r\n            })\r\n    };\r\n\r\n    return (\r\n        <React.Fragment>\r\n            {props.name === 'detail' && loading === true ? <LoopCircleLoading style={{ position: 'fixed', top: '50%', left: isDesktopOrLaptop ? '60%' : '50%', zIndex: '50' }} />\r\n                :\r\n                <React.Fragment>\r\n                    <Row className=\"justify-content-md-center\">\r\n                        <Col className='customColStI' lg={12} md={12} sm={12} xs={12}>\r\n                            <FormGroup row>\r\n                                <Label sm={7} style={{ fontWeight: 'bold' }}> {props.editNewsName} </Label>\r\n                                <div style={{ width: '100%' }}>\r\n                                    <Row style={{ marginLeft: '0px' }}>\r\n                                        <Label lg=\"8\" md={8} sm={12} > {moment(news.intTopicStartDate).format('DD/MM/YYYY')} </Label>\r\n                                        <Col lg=\"3\" md={3} sm={12} style={{ display: news.fileAttach ? 'block' : 'none', cursor: 'pointer' }}>\r\n                                            <Label lg=\"11\" md={11} sm={12} style={{ textAlign: 'right' }}> เอกสารแนบ</Label>\r\n                                            <FaPaperclip lg=\"1\" md={1} sm={12} onClick={e => DownloadFile(news.fileAttach)} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                </div>\r\n                                <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\r\n                                    {news.intTopicVideo ? <ReactPlayer controls={true} url={news.intTopicVideo} /> :\r\n                                        <img\r\n                                            style={{ width: 'auto', height: '230px' }}\r\n                                            src={novideo}\r\n                                        />\r\n                                    }\r\n\r\n                                </div>\r\n                                <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\r\n                                    {news.intTopicSound ?\r\n                                        <ReactPlayer\r\n                                            height='100px'\r\n                                            controls={true}\r\n                                            url={news.intTopicSound}\r\n                                        />\r\n                                        :\r\n                                        ''\r\n                                    }\r\n                                </div>\r\n                                <div style={{ marginTop: '15px', wordBreak: 'break-word' }}> {news.intTopicDetail ? news.intTopicDetail : ''} </div>\r\n                            </FormGroup>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    {news && news.imageAttachfile.length > 0 ?\r\n                        <div style={{ marginTop: '10px', display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start' }}>\r\n                            {news.imageAttachfile.map((item, key) => {\r\n                                return (\r\n                                    <React.Fragment key={key}>\r\n                                        <img\r\n                                            style={{ width: 'auto', height: '120px', margin:'5px', cursor: 'pointer' }}\r\n                                            src={item}\r\n                                            onClick={() => setLightBox(prev => ({ photoIndex: key, isOpen: true }))}\r\n                                        />\r\n                                    </React.Fragment>\r\n                                )\r\n                            })}\r\n                        </div>\r\n\r\n                        : ''}\r\n\r\n                </React.Fragment>\r\n\r\n            }\r\n            {lightBox.isOpen && (\r\n                <Lightbox\r\n                    mainSrc={images[lightBox.photoIndex]}\r\n                    nextSrc={images[(lightBox.photoIndex + 1) % images.length]}\r\n                    prevSrc={images[(lightBox.photoIndex + images.length - 1) % images.length]}\r\n                    onCloseRequest={() => setLightBox(prev => ({ ...prev, isOpen: false }))}\r\n                    onMovePrevRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + images.length - 1) % images.length }))}\r\n                    onMoveNextRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + 1) % images.length }))}\r\n\r\n                />\r\n            )}\r\n            {newsImageModal.click &&\r\n                <NewsImageModal\r\n                    newsImageModal={newsImageModal}\r\n                    setNewsImageModal={setNewsImageModal}\r\n                    newsImageData={newsImageData}\r\n                    setNewsImageData={setNewsImageData}\r\n                />}\r\n        </React.Fragment>\r\n\r\n    )\r\n}","import React, { useEffect, useState } from 'react'\r\nimport { Row, Col } from 'reactstrap'\r\nimport TablePagination from '../../componentreuse/TablePagination'\r\nimport AuthenServices from '../../services/authenServices'\r\nimport { Spin } from \"antd\";\r\nimport moment from 'moment'\r\n\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\nvar noimg = process.env.PUBLIC_URL + '/img/No_Image.png'\r\n\r\nexport default function InterestingTopic(props) {\r\n    const [topicData, setTopicData] = useState([])\r\n    const [page, setPage] = useState({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n    const [loading, setLoading] = useState(false)\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        getTopicData()\r\n    }, [page.pageNumber])\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function getTopicData() {\r\n        setLoading(true)\r\n        auth.fetchWithToken(url + '/api/v1/Interesting/Interesting_IS/2?PageNumber=' + page.pageNumber + '&PageSize=' + page.pageSize, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    setPage(res.data.paging)\r\n                    setTopicData(res.data.items)\r\n                    setLoading(false)\r\n                }\r\n                else {\r\n                    setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                    setLoading(false)\r\n                    setTopicData([])\r\n                }\r\n\r\n            })\r\n            .catch(e => {\r\n                setPage({ totalPages: 0, totalItems: 0, pageNumber: 1, pageSize: 12 })\r\n                setTopicData([])\r\n                console.log(e)\r\n                setLoading(false)\r\n            })\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function handlePagination(pagenum) {\r\n        const totalpage = page.totalPages\r\n        if (pagenum < 1) {\r\n            pagenum = 1\r\n        }\r\n        else if (pagenum > totalpage) {\r\n            pagenum = totalpage\r\n        }\r\n\r\n        setPage(prev => ({ ...prev, pageNumber: pagenum }))\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    return (\r\n        <Spin spinning={loading}>\r\n            <Row>\r\n                {topicData.map((item, key) => {\r\n                    var img = item.imageAttachfile != null && item.imageAttachfile.length > 0 ? item.imageAttachfile[0] : null \r\n\r\n                    return (\r\n                        <React.Fragment key={key}>\r\n                            <Col xl={4} lg={4} md={6} sm={6} xs={12} style={{ margin: '10px 0' }}>\r\n                                <div onClick={() => props.handlePage('stationedit', item.intTopicID)} className='cardTrans'>\r\n                                    <img\r\n                                        style={{ width: '100%', minHeight: '100px', maxHeight: '100px', objectFit: img == null ? 'contain' : 'cover', borderTopLeftRadius: '6px', borderTopRightRadius: '6px' }}\r\n                                        src={img == null ? noimg : img}\r\n                                        onClick={() => props.handlePage('stationedit', item.intTopicID)}\r\n                                        onError={(e) => {\r\n                                            e.target.src = noimg\r\n                                            e.target.style.objectFit = 'contain'\r\n                                        }}\r\n                                    />\r\n                                    <div className='slimscrolltext' style={{ overflow: 'auto', padding: '5px' }}>\r\n                                        <div style={{ fontWeight: 'bold', fontSize: '14px' }}>{item.intTopicTitle}</div>\r\n                                        <small style={{ wordBreak: 'break-word' }}>{item.intTopicDetail}</small> <br />\r\n                                        <small>{moment(item.intTopicStartDate).format('DD/MM/YYYY')}</small>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </Col>\r\n                        </React.Fragment>\r\n                    )\r\n                })}\r\n            </Row>\r\n            <div style={{ marginTop: '15px' }}>\r\n                <TablePagination\r\n                    handlePagination={handlePagination}\r\n                    itemsCountPerPage={page.pageSize}\r\n                    totalItems={page.totalItems}\r\n                    currentPage={page.pageNumber}\r\n                    totalPage={page.totalPages}\r\n                />\r\n            </div>\r\n\r\n        </Spin>\r\n    )\r\n}\r\n\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Row, Col, FormGroup, Label } from 'reactstrap'\r\nimport ReactPlayer from 'react-player'\r\nimport { Spin } from \"antd\";\r\nimport 'video-react/dist/video-react.css';\r\nimport Lightbox from 'react-image-lightbox';\r\nimport AuthenServices from '../../services/authenServices'\r\nimport swal from 'sweetalert'\r\nimport { FaPaperclip } from 'react-icons/fa'\r\nimport moment from 'moment'\r\n\r\nvar novideo = process.env.PUBLIC_URL + '/img/no-video.png'\r\nvar auth = new AuthenServices()\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function InterestingTopicDetail({ topicId }) {\r\n    const [topicData, setTopicData] = useState(null)\r\n    const [loading, setLoading] = useState(false)\r\n    const [lightBox, setLightBox] = useState({\r\n        photoIndex: 0,\r\n        isOpen: false,\r\n    })\r\n    const [images,setImages] = useState([])\r\n\r\n    useEffect(() => {\r\n        getTopicDataById()\r\n    }, [])\r\n\r\n    function getTopicDataById() {\r\n        setLoading(true)\r\n        auth.fetchWithToken(url + '/api/v1/Interesting/getInfo/' + topicId, \"method:'GET'\")\r\n            .then(res => {\r\n                if (res.data) {\r\n                    if (res.data.imageAttachfile.length > 0) {\r\n                        res.data.imageAttachfile.forEach(x => x = convertBase64ToFile(x))\r\n                    }\r\n\r\n                    setTopicData(res.data)\r\n                    setImages(res.data.imageAttachfile)\r\n                }\r\n                setLoading(false)\r\n            })\r\n            .catch(e => {\r\n                console.log(e)\r\n                setLoading(false)\r\n            })\r\n    }\r\n\r\n    const convertBase64ToFile = (image) => {\r\n        const byteString = atob(image.split(',')[1]);\r\n        const ab = new ArrayBuffer(byteString.length);\r\n        const ia = new Uint8Array(ab);\r\n        for (let i = 0; i < byteString.length; i += 1) {\r\n            ia[i] = byteString.charCodeAt(i);\r\n        }\r\n        const newBlob = new Blob([ab], {\r\n            type: 'image/*',\r\n        });\r\n        return newBlob;\r\n    };\r\n\r\n    const DownloadFile = (pathname) => {\r\n        auth.fetchWithToken(url + \"/api/v1/WebSettings/WebBoardDownload?filename=\" + pathname, { method: 'GET', responseType: 'blob', params: {}, arrayFormat: 'repeat' })\r\n            .then(res => {\r\n                if (auth._IsSuccessResponse(res)) {\r\n                    var ext = pathname.substr(pathname.lastIndexOf('.') + 1);\r\n                    ext = '.' + ext;\r\n                    const url = window.URL.createObjectURL(new Blob([res.data]));\r\n                    const link = document.createElement('a');\r\n                    link.href = url;\r\n                    link.setAttribute('download', `DownloadFile${ext}`);\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                }\r\n            }).catch((err) => {\r\n                console.log(err)\r\n                swal({ text: 'ไม่สามารถดาวโหลดไฟล์ได้ กรุณาลองใหม่ภายหลัง', icon: 'warning' })\r\n            })\r\n    };\r\n\r\n    return (\r\n        <Spin spinning={loading}>\r\n            <div>\r\n                {topicData ?\r\n                    <Row className=\"justify-content-md-center\">\r\n                        <Col className='customColStI' lg={12} md={12} sm={12} xs={12}>\r\n                            <FormGroup row>\r\n                                <Label sm={7} style={{ fontWeight: 'bold' }}> {topicData.intTopicTitle ? topicData.intTopicTitle : '' } </Label>\r\n                                <div style={{ width: '100%' }}>\r\n                                    <Row style={{ marginLeft: '0px' }}>\r\n                                        <Label lg={8} md={8} sm={12} > {topicData.intTopicStartDate != null ? moment(topicData.intTopicStartDate).format('DD/MM/YYYY') : ''} </Label>\r\n                                        <Col lg={3} md={3} sm={12} style={{ display: topicData.fileAttach ? 'block' : 'none', cursor: 'pointer' }}>\r\n                                            <Label xs lg=\"11\" md={11} sm={12} style={{ textAlign: 'right' }}> เอกสารแนบ</Label>\r\n                                            <FaPaperclip xs lg=\"1\" md={1} sm={12} onClick={e => DownloadFile(topicData.fileAttach)} />\r\n                                        </Col>\r\n                                    </Row>\r\n                                </div>\r\n                                <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\r\n                                    {topicData.intTopicVideo ? <ReactPlayer controls={true} url={topicData.intTopicVideo} /> :\r\n                                        <img\r\n                                            style={{ width: 'auto', height: '230px' }}\r\n                                            src={novideo}\r\n                                        />\r\n                                    }\r\n                                    \r\n                                </div>\r\n                                <div style={{ width: '100%', display: 'flex', justifyContent: 'center' }}>\r\n                                    {topicData.intTopicSound ?\r\n                                        <ReactPlayer\r\n                                            height='100px'\r\n                                            controls={true}\r\n                                            url={topicData.intTopicSound}\r\n                                        />\r\n                                        :\r\n                                        ''\r\n                                    }\r\n                                </div>\r\n                                <div style={{ marginTop: '15px', wordBreak: 'break-word' }}> {topicData.intTopicDetail ? topicData.intTopicDetail : ''} </div>\r\n                            </FormGroup>\r\n                        </Col>\r\n                    </Row>\r\n\r\n                    : ''}\r\n\r\n                {topicData && topicData.imageAttachfile.length > 0 ?\r\n                    <div style={{ marginTop: '10px', display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-start' }}>\r\n                        {topicData.imageAttachfile.map((item, key) => {\r\n                            return (\r\n                                <React.Fragment key={key}>\r\n                                    <img\r\n                                        style={{ width: 'auto', height: '120px', margin:'5px',cursor:'pointer' }}\r\n                                        src={item}\r\n                                        onClick={() => setLightBox(prev => ({ photoIndex: key, isOpen: true }))}\r\n                                    />\r\n                                </React.Fragment>\r\n                            )\r\n                        })}\r\n                    </div>\r\n\r\n                    : ''}\r\n\r\n                {lightBox.isOpen && (\r\n                    <Lightbox\r\n                        mainSrc={images[lightBox.photoIndex]}\r\n                        nextSrc={images[(lightBox.photoIndex + 1) % images.length]}\r\n                        prevSrc={images[(lightBox.photoIndex + images.length - 1) % images.length]}\r\n                        onCloseRequest={() => setLightBox(prev => ({ ...prev, isOpen: false }))}\r\n                        onMovePrevRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + images.length - 1) % images.length }))}\r\n                        onMoveNextRequest={() => setLightBox(prev => ({ ...prev, photoIndex: (prev.photoIndex + 1) % images.length }))}\r\n\r\n                    />\r\n                )}\r\n\r\n            </div>\r\n        </Spin>\r\n    )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Button, Jumbotron, Container } from \"reactstrap\";\r\nimport { Spin } from \"antd\";\r\nimport NavBar from \".././navbar/NavBar\";\r\nimport DwrLayout from \"../componentreuse/DwrLayout\";\r\nimport { getParameterByName } from \"../Helper/ReadQueryUrl\";\r\nimport NewsLists from \"../news/NewsTable\";\r\nimport NewsDetail from \"../news/NewsDetail\";\r\nimport ActivityTable from \"../news/ActivityTable\";\r\nimport ActivityDetail from \"../news/ActivityDetail\";\r\nimport InterestingTopic from '../news/interestingtopic/InterestingTopic'\r\nimport InterestingTopicDetail from '../news/interestingtopic/InterestingTopicDetail'\r\nimport TableFileData from \"../infoPublish/component/TableFileData\";\r\nimport swal from \"sweetalert\";\r\nimport AuthenServices from \"../services/authenServices\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst auth = new AuthenServices();\r\nvar url = process.env.REACT_APP_DWR_API;\r\n\r\nexport default function Information() {\r\n    const [newsPage, setNewsPage] = useState({\r\n        name: \"list\",\r\n        newsId: null,\r\n        newsName: null,\r\n    });\r\n    const [loading, setLoading] = useState(false);\r\n    const [currentTab, setCurrentTab] = useState(1);\r\n    const [dataSource, setDataSource] = useState([]);\r\n    const [page, setPage] = useState({ totalPage: 0, totalItems: 0, currentPage: 1, pageSize: 10, })\r\n    const { t } = useTranslation();\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    useEffect(() => {\r\n        onGetData_infoPublish();\r\n    }, [currentTab, page.pageSize,page.currentPage]);\r\n\r\n    useEffect(() => {\r\n        setPage({...page, currentPage: 1 })\r\n    }, [currentTab]);\r\n\r\n    useEffect(() => {\r\n        let menuId = getParameterByName(\"menuId\");\r\n        if (menuId) setCurrentTab(menuId);\r\n    }, []);\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    const handlePagination =(pagenum) => {\r\n        const totalpage = page.totalPage\r\n        if (pagenum < 1) {\r\n            pagenum = 1\r\n        }\r\n        else if (pagenum > totalpage) {\r\n            pagenum = totalpage\r\n        }\r\n     \r\n        setPage({...page, currentPage: pagenum })\r\n    }\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    // Start InfoPublish\r\n    const onGetData_infoPublish = () => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(\r\n                `${url}/api/v1/InfoPublish/info?page=${page.currentPage}&pagesize=${page.pageSize}&type=${currentTab == 4 ? 1 : currentTab == 5 ? 2 : 1\r\n                }`,\r\n                {\r\n                    method: \"GET\",\r\n                    data: {},\r\n                }\r\n            )\r\n            .then((res) => {\r\n                setPage({...page,totalItems:res.data[0].total,totalPage : Math.ceil(res.data[0].total/page.pageSize)})\r\n\r\n                setDataSource(res.data);\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                \r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    const onDownloadFile = (id, filename) => {\r\n        setLoading(true);\r\n        auth\r\n            .fetchWithToken(`${url}/api/v1/InfoPublish/download/${id}`, {\r\n                method: \"GET\",\r\n                data: {},\r\n                responseType: \"blob\",\r\n            })\r\n            .then((res) => {\r\n                if (res.status == 204) {\r\n                    swal({\r\n                        text: \"ไม่พบไฟล์\",\r\n                        icon: \"warning\",\r\n                    });\r\n                } else {\r\n                    const url = window.URL.createObjectURL(new Blob([res.data]));\r\n                    const link = document.createElement(\"a\");\r\n                    link.href = url;\r\n                    link.setAttribute(\"download\", filename); //or any other extension\r\n                    document.body.appendChild(link);\r\n                    link.click();\r\n                }\r\n\r\n                setLoading(false);\r\n            })\r\n            .catch((error) => {\r\n                swal({\r\n                    text: \"ไม่สามารถเรียกดูข้อมูลได้ กรุณาลองใหม่อีกครั้ง\",\r\n                    icon: \"warning\",\r\n                });\r\n                setLoading(false);\r\n            });\r\n    };\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    function handlePage(_name, id, stdname) {\r\n        setNewsPage({ name: _name, newsId: id, newsName: stdname });\r\n    }\r\n\r\n    //แก้บัค Excel ข้อ 83 resetเป็นหน้า list เมื่อมีการเปลี่ยน Tab // กรณีกดดูข้อมูล Page รองที่ 1 แล้วกดดูข้อมูล Page หลักที่ 2 หน้าต่างยังคงแสดงข้อมูล Page รองที่ 1 (Kon)\r\n    useEffect(() => {\r\n        setNewsPage(prev => ({ ...prev, name: 'list'}));      \r\n    }, [currentTab])\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    const handleChangeTab = (e) => {\r\n        var name = e.currentTarget.getAttribute(\"name\");\r\n\r\n        if (name === \"tab1\") {\r\n            setCurrentTab(1);\r\n        } else if (name === \"tab2\") {\r\n            setCurrentTab(2);\r\n        } else if (name === \"tab3\") {\r\n            setCurrentTab(3);\r\n        } else if (name === \"tab4\") {\r\n            setCurrentTab(4);\r\n        } else if (name === \"tab5\") {\r\n            setCurrentTab(5);\r\n        }\r\n    };\r\n\r\n    //***************************************************************************************************************************\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <NavBar />\r\n                <Row style={{ margin: \"0\" }}>\r\n                    <Col style={{ padding: \"0px\" }}>\r\n                        <DwrLayout title={t('navbar.nav4')}>\r\n                            <Row>\r\n                                <Col xl={3} lg={3} md={4}>\r\n                                    <Jumbotron\r\n                                        name=\"tab1\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab == 1 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                        <div>{t('information.tabMenu1')}</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab2\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab == 2 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                        <div>{t('information.tabMenu2')}</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab3\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab == 3 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                        <div>{t('information.tabMenu3')}</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab4\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab == 4 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                        <div>{t('information.tabMenu4')}</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                    <Jumbotron\r\n                                        name=\"tab5\"\r\n                                        onClick={(e) => handleChangeTab(e)}\r\n                                        fluid\r\n                                        className=\"jumboBtn\"\r\n                                        style={{\r\n                                            backgroundColor: currentTab == 5 ? \"#C1ECFF\" : \"\",\r\n                                        }}\r\n                                    >\r\n                                        <Container fluid>\r\n                                        <div>{t('information.tabMenu5')}</div>\r\n                                        </Container>\r\n                                    </Jumbotron>\r\n                                </Col>\r\n                                <Col xl={9} lg={9} md={8}>\r\n                                    <div\r\n                                        style={{\r\n                                            backgroundColor: \"#F7F7F7\",\r\n                                            minHeight: \"200px\",\r\n                                            padding: \"10px\",\r\n                                        }}\r\n                                    >\r\n                                        {currentTab == 1 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === \"stationedit\" ? true : false}\r\n                                                title={t('information.tabMenu1')}\r\n                                                name=\"list\"\r\n                                            >\r\n                                                {newsPage.name === \"list\" ? (\r\n                                                    <NewsLists\r\n                                                        handlePage={handlePage}\r\n                                                        tableNewsType={2}\r\n                                                    />\r\n                                                ) : (\r\n                                                        \"\"\r\n                                                    )}\r\n\r\n                                                {newsPage.name === \"stationedit\" ? (\r\n                                                    <NewsDetail\r\n                                                        name=\"detail\"\r\n                                                        editNewsId={newsPage.newsId}\r\n                                                        editNewsName={newsPage.newsName}\r\n                                                    />\r\n                                                ) : (\r\n                                                        \"\"\r\n                                                    )}\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                        {currentTab == 2 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === \"stationedit\" ? true : false}\r\n                                                title={t('information.tabMenu2')}\r\n                                                name=\"list\" >\r\n                                                {newsPage.name === \"list\" ? (\r\n                                                    <ActivityTable\r\n                                                        handlePage={handlePage}\r\n                                                        tableNewsType={1}\r\n                                                    />\r\n                                                ) : (\r\n                                                        \"\"\r\n                                                    )}\r\n\r\n                                                {newsPage.name === \"stationedit\" ? (\r\n                                                    <ActivityDetail\r\n                                                        name=\"detail\"\r\n                                                        editNewsId={newsPage.newsId}\r\n                                                        editNewsName={newsPage.newsName}\r\n                                                    />\r\n                                                ) : (\r\n                                                        \"\"\r\n                                                    )}\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                        {currentTab == 3 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === \"stationedit\" ? true : false}\r\n                                                title={t('information.tabMenu3')}\r\n                                                name=\"list\"\r\n                                            >\r\n                                                {newsPage.name === \"list\" ?\r\n                                                    <InterestingTopic handlePage={handlePage} />\r\n                                                    :\r\n                                                    <InterestingTopicDetail\r\n                                                        handlePage={handlePage}\r\n                                                        topicId={newsPage.newsId}\r\n                                                    />\r\n                                                 }\r\n\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                        {currentTab == 4 || currentTab == 5 ? (\r\n                                            <DwrLayout\r\n                                                handlePage={handlePage}\r\n                                                backBtn={newsPage.name === \"stationedit\" ? true : false}\r\n                                                title={currentTab == 4 ? t('information.tabMenu4') : t('information.tabMenu5')}\r\n                                                name=\"list\"\r\n                                            >\r\n                                            <Spin spinning={loading}>\r\n                                                <TableFileData\r\n                                                    dataSource={dataSource}\r\n                                                    type={currentTab == 4 ? 1 : currentTab == 5 ? 2 : 1}\r\n                                                    onDownloadFile={onDownloadFile}\r\n                                                    page={page} \r\n                                                    setPage={setPage} \r\n                                                    handlePagination={handlePagination}\r\n                                                />\r\n                                            </Spin>\r\n                                            </DwrLayout>\r\n                                        ) : (\r\n                                                \"\"\r\n                                            )}\r\n                                    </div>\r\n                                </Col>\r\n                            </Row>\r\n                        </DwrLayout>\r\n                    </Col>\r\n                </Row>\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React,{useEffect} from 'react';\nimport { BrowserRouter, Switch, Route, HashRouter } from \"react-router-dom\";\nimport IntroPage from \"./introPage/IntroPage\";\nimport Home from \"./home/Home\";\nimport News from './news/News'\nimport ContactUs from './contactus/ContactUs'\nimport AboutUs from './aboutus/AboutUs'\nimport Admin from './admin/Admin'\nimport InfoService from './infoservice/InfoServiceMain';\nimport ForgotPassword from './forgorPassword/ForgotPassword';\nimport Register from './register/Register';\nimport StationDetail from './stationdetail/StationDetail'\nimport \"react-pro-sidebar/dist/css/styles.css\";\nimport \"./css/InvalidInput.css\"\nimport 'antd/dist/antd.css';\nimport AuthenServices from './services/authenServices'\nimport Services_Request from './services_request/Services_Request';\nimport infoPublish from './infoPublish/InfoPublish';\nimport link from './link/Link';\nimport sitemap from './siteMap/SiteMap';\nimport Organization from './organization/Organization';\nimport Information from './information/Information';\n\nimport {getCookie} from './Helper/CookieHepler';\nimport swal from 'sweetalert';\n\nvar auth = new AuthenServices()\n\nfunction App() {\n\n    useEffect(() => {\n        var parameter = window.location.search;\n        console.log(parameter);\n\n        if(parameter){\n            if(parameter.includes(\"error\")){\n            parameter = parameter.replace(\"?error=\",\"\");\n            let error = unescape(parameter);\n\n            swal({ text: \"ไม่สามารถ login ด้วย facebook ได้ เนื่องจาก email ไม่ตรงกับในระบบ\", icon: 'error' }).then(\n                () => window.location.replace(window.location.origin)\n                )\n            }\n        }else{\n            var idToken = getCookie(\"id_token\");\n\n            if(idToken) {\n                localStorage.setItem('id_token', idToken);\n                swal({ text: 'เข้าสู่ระบบสำเร็จ', icon: 'success' }).then(() => window.location.reload())\n                document.cookie = \"id_token=; max-age=0\";\n            }\n        }\n\n        \n\n    }, [])\n\n\n  return (\n      <React.Fragment>\n          \n          <BrowserRouter>\n              <Switch>\n                  <Route exact path='/' component={IntroPage} />\n                  <Route exact path='/home' component={Home} />\n                  <Route path='/services' component={InfoService} />\n                  <Route path='/services_request' component={Services_Request} />\n                  <Route path=\"/news\" component={News} />\n                  <Route path='/contactus' component={ContactUs} />\n                  <Route path='/aboutus' component={AboutUs} />\n                  <Route path='/admin' component={Admin} />\n                  <Route path='/forgotpassword' component={ForgotPassword} />\n                  <Route path='/register' component={Register} />\n                  <Route path='/station/detail' component={StationDetail} />\n                  <Route path=\"/infoPublish\" component={infoPublish} />\n                  <Route path=\"/link\" component={link} />\n                  <Route path=\"/sitemap\" component={sitemap} />\n                  <Route path=\"/organization\" component={Organization} />\n                  <Route path=\"/information\" component={Information} />\n              </Switch>\n          </BrowserRouter>\n      </React.Fragment>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import i18n from 'i18next';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport Backend from 'i18next-http-backend';\r\nimport LanguageDetector from 'i18next-browser-languagedetector';\r\nimport moment from 'moment'\r\n// don't want to use this?\r\n// have a look at the Quick start guide \r\n// for passing in lng and translations on init\r\n\r\ni18n\r\n    // load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)\r\n    // learn more: https://github.com/i18next/i18next-http-backend\r\n    .use(Backend)\r\n    // detect user language\r\n    // learn more: https://github.com/i18next/i18next-browser-languageDetector\r\n    .use(LanguageDetector)\r\n    // pass the i18n instance to react-i18next.\r\n    .use(initReactI18next)\r\n    // init i18next\r\n    // for all options read: https://www.i18next.com/overview/configuration-options\r\n    .init({\r\n        fallbackLng: 'th',\r\n        debug: false,\r\n\r\n        interpolation: {\r\n            escapeValue: false, // not needed for react as it escapes by default\r\n        },\r\n        backend: {\r\n            loadPath: '/locales/{{lng}}/{{ns}}.json' + '?t=' + moment().format('YYYYMMDDHHss') //���ѹ cache\r\n        }\r\n\r\n    }, () => {\r\n            i18n.changeLanguage('th')\r\n    });\r\n\r\nexport default i18n;","import React, { Suspense } from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n//import reducer, { initialState } from './contextApi/reducer'\n//import { StateProvider } from './contextApi/StateProvider'\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport './i18n'\n\nReactDOM.render(\n    <Suspense fallback=\"Loading...\">\n        <App />\n    </Suspense>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}