https://pakleniotoci.eu/static/js/12.64e7388a.chunk.js

1(window["webpackJsonpsite-pakleni-otoci"]=window["webpackJsonpsite-pakleni-otoci"]||[]).push([[12],{120:function(e,a,t){"use strict";var n=t(19),i=t(5),r=t(147),o=t(213),l=t(0),s=t.n(l),c=t(11),u=[{featureType:"administrative.land_parcel",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"poi.business",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]}],p=Object(o.a)(Object(o.b)({loadingElement:s.a.createElement("div",{style:{height:"100%"}}),mapElement:s.a.createElement("div",{style:{height:"100%"}})}),r.withScriptjs,r.withGoogleMap)((function(e){var a=Object(l.useState)({}),t=Object(i.a)(a,2),o=t[0],p=t[1],m=Object(c.a)().lang;return s.a.createElement(r.GoogleMap,{defaultZoom:13,defaultCenter:e.defaultCenter,options:{styles:u,mapTypeId:"satellite"},onClick:e.onClick},e.markers&&e.markers.map((function(e,a){var t,i,c,u;return s.a.createElement(l.Fragment,{key:a},s.a.createElement(r.Marker,Object.assign({position:e.position},e.otherProps,{onClick:function(){return p((function(e){return Object(n.a)({},a,!0)}))}})),o[a]&&s.a.createElement(r.InfoWindow,{position:e.position,onCloseClick:function(){return p((function(e){return Object(n.a)({},a,!1)}))}},s.a.createElement("div",{className:"mapInfoWindow"},s.a.createElement("h1",null,null===(t=e.info)||void 0===t?void 0:t.title),s.a.createElement("p",null,s.a.createElement("span",null,m.pages.reportsMap.dateReported,":"),s.a.createElement("span",null,null===(i=e.info)||void 0===i?void 0:i.date)),s.a.createElement("p",null,s.a.createElement("span",null,m.pages.reportsMap.reportedBy,":"),s.a.createElement("span",null,null===(c=e.info)||void 0===c?void 0:c.reportedBy)),s.a.createElement("p",null,s.a.createElement("span",null,"Email:"),s.a.createElement("span",null,(null===(u=e.info)||void 0===u?void 0:u.email)||"n/a")))))})))}));a.a=p},446:function(e,a,t){e.exports=t.p+"static/media/googlePin1.bb3f6e64.svg"},447:function(e,a,t){e.exports=t.p+"static/media/googlePin2.0025b2b6.svg"},448:function(e,a,t){e.exports=t.p+"static/media/googlePin3.af34f107.svg"},449:function(e,a,t){e.exports=t.p+"static/media/googlePin4.c880cc8b.svg"},450:function(e,a,t){e.exports=t.p+"static/media/googlePin5.e4014737.svg"},451:function(e,a,t){e.exports=t.p+"static/media/googlePin6.242657a8.svg"},452:function(e,a,t){e.exports=t.p+"static/media/googlePin7.c28ee7c1.svg"},453:function(e,a,t){e.exports=t.p+"static/media/googlePin8.cec1b237.svg"},454:function(e,a,t){e.exports=t.p+"static/media/googlePin9.dd50f189.svg"},455:function(e,a,t){e.exports=t.p+"static/media/googlePin10.e68a02d3.svg"},456:function(e,a,t){e.exports=t.p+"static/media/googlePin11.efcb1f24.svg"},457:function(e,a,t){e.exports=t.p+"static/media/googlePin12.eb5d5109.svg"},458:function(e,a,t){e.exports=t.p+"static/media/googlePin13.610fb709.svg"},459:function(e,a,t){e.exports=t.p+"static/media/googlePin14.804a7300.svg"},460:function(e,a,t){e.exports=t.p+"static/media/googlePin15.c1568dec.svg"},778:function(e,a,t){"use strict";t.r(a);var n=t(0),i=t.n(n),r=t(11),o=t(27),l=t(1),s=t(14),c=t.n(s),u=t(18),p=t(5),m=t(120),f=t(446),d=t.n(f),g=t(447),v=t.n(g),b=t(448),h=t.n(b),j=t(449),E=t.n(j),k=t(450),O=t.n(k),y=t(451),T=t.n(y),x=t(452),P=t.n(x),C=t(453),D=t.n(C),w=t(454),S=t.n(w),L=t(455),N=t.n(L),z=t(456),M=t.n(z),I=t(457),R=t.n(I),B=t(458),A=t.n(B),H=t(459),F=t.n(H),Y=t(460),G=t.n(Y),V=[{name:"periska",color:"#ff0000",aliases:["Plemenita periska","Plemenita periska - Pinna nobilis","Noble pen shell","Pinna nobilis"]},{name:"obicnaPeriska",color:"#e1ff00",aliases:["Periska","Periska - Pinna rudis","Pinnid","Pinna rudis"]},{name:"kirnja",color:"#ff8000",aliases:["Kirnja","Kirnja - Epinephelus marginatus","Dusky grouper","Epinephelus marginatus"]},{name:"jezinac",color:"#00ff80",aliases:["Iglasti jezinac","Iglicasti jezinac","Iglicasti jezinac - Centrostephanus longispinus","Hatpin urchin","Centrostephanus longispinus"]},{name:"zupka",color:"#777777",aliases:["Zupka","Zupka - Luria lurida","Luria lurida"]},{name:"truba",color:"#ff00f7",aliases:["Tritonova truba","Tritonova truba - Charonia spp","Charonia spp"]},{name:"zlatica",color:"#ffcc00",aliases:["Kirnja zlatica","Kirnja zlatica - Epinephelus costae","Goldblotch grouper","Epinephelus costae"]},{name:"vatrenjaca",color:"#00ffea",aliases:["Vatrenjaca","Vatrenjaca / riba paun","Vatrenjaca / riba paun - Pterois miles","Lionfish","Pterois miles"]},{name:"drozd",color:"#00aaff",aliases:["Drozd","Drozd - Labrus viridis","Emerald wrasse","Labrus viridis"]}

1,{name:"konjic",color:"#0066ff",aliases:["Morski konjic","Morski konjic dugokljunic","Morski konjic dugokljunic - Hippocampus guttulatus","Hippocampus guttulatus"]},{name:"hlap",color:"#5900ff",aliases:["Hlap","Hlap - Homarus gammarus","European lobster","Homarus gammarus"]},{name:"rak",color:"#c300ff",aliases:["Americki plavi rak","Americki plavi rak - Callinestes sapidus","Blue crab","Callinestes sapidus"]},{name:"gerardia",color:"#88ff00",aliases:["Zuta gerardia","Zuta gerardia - Savalia savaglia","Gold coral","Savalia savaglia"]},{name:"roznjaca",color:"#ff0090",aliases:["Velika roznjaca","Velika roznjaca - Paramuricea clavata","Red gorgonian","Paramuricea clavata"]},{name:"posidonija",color:"#ffffff",aliases:["Plodovi posidonije","Plodovi posidonije - Posidonia oceanica","Posidonia","Posidonia oceanica"]}],Z={validationErrors:{LatitudeOutOfBounds:0,LongitudeOutOfBounds:1,ErrorReadingLatLong:2,noCoordinates:3,noEmail:4,invalidEmail:5,noSeenThing:6},seenThingOptions:V,getSeenThingName:function(e){var a,t=_(e);return null===(a=V.find((function(e){return _(e.name)===t||e.aliases.some((function(e){return _(e)===t}))})))||void 0===a?void 0:a.name}},_=function(e){return e.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLocaleLowerCase().replace(/[^a-z0-9]+/g," ").trim()},K={periska:d.a,obicnaPeriska:E.a,kirnja:v.a,jezinac:T.a,zupka:F.a,truba:R.a,zlatica:h.a,vatrenjaca:P.a,drozd:D.a,konjic:S.a,hlap:N.a,rak:M.a,gerardia:O.a,roznjaca:A.a,posidonija:G.a},J=function(){var e=Object(r.a)(),a=e.currentLang,t=e.lang;var o="https://maps.googleapis.com/maps/api/js?key=".concat("AIzaSyAhL2J7bE1Nn-H4TSmhnlApSSOj8RR63hI","&v=3.exp&libraries=geometry,drawing,places"),l=Object(n.useState)(o+"&language="+a),s=Object(p.a)(l,2),f=s[0],g=s[1],v=Object(n.useState)(),b=Object(p.a)(v,2),h=b[0],j=b[1],E=Object(n.useState)([]),k=Object(p.a)(E,2),O=k[0],y=k[1],T=Object(n.useState)([]),x=Object(p.a)(T,2),P=x[0],C=x[1],D=Object(n.useState)({}),w=Object(p.a)(D,2),S=w[0],L=w[1];return Object(n.useEffect)((function(){C(O.filter((function(e){var a=!0;return((null===S||void 0===S?void 0:S.maxDate)&&U(e.date)>S.maxDate||(null===S||void 0===S?void 0:S.minDate)&&U(e.date)<S.minDate||(null===S||void 0===S?void 0:S.name)&&!e.reportedBy.toLocaleLowerCase().includes(S.name.toLocaleLowerCase())||(null===S||void 0===S?void 0:S.seenThing)&&Object.values(S.seenThing).some((function(e){return!0===e}))&&!S.seenThing[Z.getSeenThingName(e.seenThing)||e.seenThing]||(null===S||void 0===S?void 0:S.email)&&!e.email.includes(S.email))&&(a=!1),a})))}),[S,O]),Object(n.useEffect)((function(){g(o+"&language="+a),function(){var e=Object(u.a)(c.a.mark((function e(){var a,t;return c.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch(W(),{method:"GET",credentials:"include",mode:"cors",headers:{Accept:"application/json","Content-Type":"application/json"}});case 3:if((a=e.sent).ok){e.next=6;break}throw new Error("Error fetching reports: "+a.status);case 6:return e.next=8,a.json();case 8:t=e.sent,y(t),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),console.log("===error loading reports===",new Date,e.t0),y([]);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}()()}),[a]),{mapComponent:i.a.createElement(m.a,{googleMapURL:f,defaultCenter:{lat:43.163254,lng:16.368428},markers:P.map((function(e){var a,n=Z.getSeenThingName(e.seenThing);return{position:e.position,otherProps:{icon:{url:n?K[n]:d.a}},info:{title:n?null===(a=t[n])||void 0===a?void 0:a.title:e.seenThing,date:e.date,reportedBy:e.reportedBy,email:e.email}}})),containerElement:i.a.createElement("div",{style:{width:"1000px",maxWidth:"90vw",height:"400px",margin:"0.5rem 0 1rem"}})}),filteredReports:P,filters_set:L,filters:S,resetCoordinates:function(){return j(void 0)},coordinates:h?{longitude:h.lng,latitude:h.lat}:void 0}},W=function(){return l.a.APIRoutes.getReports},U=function(e){var a=Number(e.substr(0,2)),t=e.indexOf("-"),n=e.slice(t+1),i=n.indexOf("-"),r=Number(n.slice(0,i)),o=Number(n.substr(i+1,4)),l=new Date;return l.setDate(a),l.setFullYear(o),l.setMonth(r-1),l},q=t(19),Q=t(4),X=function(e){var a=e.filters,t=e.filters_set,n=Object(r.a)().lang;return i.a.createElement("div",{className:"filterSelection"},i.a.createElement("h2",null,n.pages.reportsMap.seenThing),i.a.createElement("div",{className:"seenThingSelection"},Z.seenThingOptions.map((function(e){return i.a.createElement("div",{onClick:function(){t((function(a){return Object(Q.a)(Object(Q.a)({},a),{},{seenThing:Object(Q.a)(Object(Q.a)({},a.seenThing),{},Object(q.a)({},e.name,!(a&&a.seenThing&&a.seenThing[e.name])))})}))},className:"filterCheckBoxItem"+(a&&a.seenThing&&a.seenThing[e.name]?" selected":"")},i.a.createElement("p",null,n[e.name].title),i.a.createElement("div",{className:"colorLegend",style:{backgroundColor:e.color}}))}))),i.a.createElement("h2",null,n.pages.reportsMap.limitReportsByDate),i.a.createElement("div",{className:"dateSelectionRow"},i.a.createElement("label",{htmlFor:"minDateInput"},n.pages.reportsMap.from),i.a.createElement("div",null,i.a.createElement("input",{type:"date",className:"DYSTInput",id:"minDateInput",value:a.minDate?$(a.minDate):"",onCh

1ange:function(e){var a=e.target;t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{minDate:a.valueAsDate||null})}))}}),i.a.createElement("i",{className:"fas fa-times dateInputReseter",onClick:function(){t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{minDate:null})}))}}))),i.a.createElement("div",{className:"dateSelectionRow"},i.a.createElement("label",{htmlFor:"maxDateInput"},n.pages.reportsMap.before),i.a.createElement("div",null,i.a.createElement("input",{type:"date",className:"DYSTInput",id:"maxDateInput",value:a.maxDate?$(a.maxDate):void 0,onChange:function(e){var a=e.target;t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{maxDate:a.valueAsDate||void 0})}))}}),i.a.createElement("i",{className:"fas fa-times",onClick:function(){t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{maxDate:void 0})}))}}))),i.a.createElement("h2",null,n.pages.reportsMap.filterByName),i.a.createElement("input",{value:a.name||"",className:"DYSTInput",onChange:function(e){var a=e.target.value&&""===e.target.value?void 0:e.target.value;t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{name:a})}))}}),i.a.createElement("h2",null,n.pages.reportsMap.filterByEmail),i.a.createElement("input",{value:a.email||"",className:"DYSTInput",onChange:function(e){var a=e.target.value&&""===e.target.value?void 0:e.target.value;t((function(e){return Object(Q.a)(Object(Q.a)({},e),{},{email:a})}))}}))};function $(e){var a=""+(e.getMonth()+1),t=""+e.getDate(),n=e.getFullYear();return a.length<2&&(a="0"+a),t.length<2&&(t="0"+t),[n,a,t].join("-")}a.default=function(){var e=Object(r.a)().lang,a=J();return Object(n.useEffect)((function(){window.scrollTo(0,0)}),[]),i.a.createElement(i.a.Fragment,null,i.a.createElement(o.Helmet,null,i.a.createElement("meta",{name:"description",content:e.pageDescription}),i.a.createElement("meta",{charSet:"utf-8"}),i.a.createElement("title",null,e.titles.reportMap),i.a.createElement("link",{rel:"alternate",hrefLang:"hr",href:l.a.siteLinks.reportsMap}),i.a.createElement("link",{rel:"alternate",hrefLang:"en",href:l.a.siteLinks.reportsMap+"?lang=en"}),i.a.createElement("link",{rel:"alternate",hrefLang:"x-default",href:l.a.siteLinks.reportsMap+"?lang=en"}),i.a.createElement("meta",{name:"robots",content:"noindex, nofollow"})),i.a.createElement("div",{className:"pageContent"},a.mapComponent,i.a.createElement(X,{filters:a.filters,filters_set:a.filters_set})))}}}]);
2//# sourceMappingURL=12.64e7388a.chunk.js.map