\r\n
\r\n\r\n
\r\n
\r\n {galeria.mediaGaleriaPershkrimi}\r\n
\r\n \r\n {\r\n Video.map((video, key) => {\r\n return (\r\n
\r\n
` : video.otherSource }} />\r\n
\r\n );\r\n })\r\n }\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nVideoGaleryDetailsPost.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'full']),\r\n};\r\nVideoGaleryDetailsPost.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VideoGaleryDetailsPost);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport VideoGaleryDetailsPost from './VideoGaleryDetailsPost';\r\n\r\nfunction VideoGaleryDetails(props) {\r\n const { layout } = props;\r\n let content;\r\n if (layout === 'classic') {\r\n content = (\r\n
\r\n );\r\n } else if (layout === 'full') {\r\n content = (\r\n
\r\n );\r\n }\r\n\r\n return (\r\n
\r\n {content}\r\n \r\n );\r\n}\r\n\r\nVideoGaleryDetails.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'full']),\r\n};\r\n\r\nVideoGaleryDetails.defaultProps = {\r\n layout: 'classic',\r\n};\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VideoGaleryDetails);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n useRef,\r\n useLayoutEffect,\r\n} from 'react';\r\nimport {\r\n MapContainer,\r\n TileLayer,\r\n Marker,\r\n Popup,\r\n} from 'react-leaflet';\r\nimport icon from 'leaflet/dist/images/marker-icon.png';\r\nimport iconShadow from 'leaflet/dist/images/marker-shadow.png';\r\nimport L from 'leaflet';\r\nimport { toast } from 'react-toastify';\r\nimport { useParams, useHistory } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport RECAPTCHA from 'react-google-recaptcha';\r\nimport Collapse from '../shared/Collapse';\r\nimport { getData, postData } from '../../services/fetch-service';\r\nimport PageHeader from '../shared/PageHeader';\r\nimport getMenuLocation from './page/getMenuLocation';\r\n\r\nfunction contact(props) {\r\n const url = window.location.pathname.split('/').pop();\r\n const history = useHistory();\r\n const params = useParams();\r\n const { locale } = props;\r\n const captchaRef = useRef(null);\r\n const [contactData, setContactData] = useState([]);\r\n const [cordinates, setCordinates] = useState([]);\r\n const [breadcrumbs, setBreadcrumbs] = useState([]);\r\n const [ddlcontact, setDdlContact] = useState([]);\r\n const [layoutId, setLayoutId] = useState();\r\n const [error, setError] = useState(null);\r\n const [errorMessage, seterrorMessage] = useState('');\r\n const [unmountMap, setunmountMap] = useState(false);\r\n const position = [42.6026, 20.9030]\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n const blueIcon = L.icon({\r\n iconUrl: icon,\r\n shadowUrl: iconShadow,\r\n iconAnchor: [22, 45],\r\n popupAnchor: [-9, -48],\r\n });\r\n\r\n const [contact, setContact] = useState({\r\n name: '',\r\n email: '',\r\n subject: '',\r\n message: '',\r\n contactId: 0,\r\n });\r\n\r\n useEffect(() => {\r\n setContact({\r\n name: '',\r\n email: '',\r\n subject: '',\r\n message: '',\r\n contactId: 0,\r\n });\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setBreadcrumbs(response.data);\r\n setLayoutId(response.data[0].layoutID);\r\n });\r\n getData(`Contact/GetContacts?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setContactData(response.data);\r\n setCordinates(response.data);\r\n }).catch(() => {\r\n history.push('/404');\r\n })\r\n getData(`Contact/GetContactsList?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setDdlContact(response.data);\r\n });\r\n }, [url, locale]);\r\n\r\n const clearFields = () => {\r\n setContact({\r\n name: '',\r\n email: '',\r\n subject: '',\r\n message: '',\r\n contactId: 0,\r\n });\r\n }\r\n\r\n function isValidEmail(email) {\r\n return /\\S+@\\S+\\.\\S+/.test(email);\r\n }\r\n\r\n let depatmentSelect;\r\n if (locale === 'sq') {\r\n depatmentSelect = (\r\n
\r\n )\r\n } else if (locale === 'en') {\r\n depatmentSelect = (\r\n
\r\n )\r\n } else if (locale === 'sr') {\r\n depatmentSelect = (\r\n
\r\n )\r\n }\r\n\r\n const sendData = () => {\r\n const token = captchaRef.current.getValue();\r\n let error = false;\r\n seterrorMessage('Të gjitha fushat janë obligative');\r\n if (token === null || token.trim().length === 0) {\r\n error = true;\r\n } else if (contact.name.trim().length === 0) {\r\n error = true;\r\n } else if (contact.subject.trim().length === 0) {\r\n error = true;\r\n } else if (contact.message.trim().length === 0) {\r\n error = true;\r\n } else if (contact.contactId === 0 || contact.contactId === '0') {\r\n error = true;\r\n } else if (!isValidEmail(contact.email)) {\r\n error = true;\r\n seterrorMessage('Formati i Email-it nuk është në rregull');\r\n }\r\n if (error === false) {\r\n postData(`Contact/SendMail?token=${token}&Gjuha=${locale}`, contact)\r\n .then((response) => {\r\n if (response.data === false) {\r\n toast.error('Gabim gjatë dergimit te mesazhit', { theme: 'colored' });\r\n captchaRef.current.reset();\r\n } else {\r\n toast.success('Mesazhi u dërgua me sukses', { theme: 'colored' });\r\n clearFields();\r\n captchaRef.current.reset();\r\n }\r\n });\r\n setError(null);\r\n } else {\r\n setError(true);\r\n }\r\n }\r\n\r\n useLayoutEffect(() => {\r\n setunmountMap(false);\r\n return () => {\r\n setunmountMap(true);\r\n };\r\n }, []);\r\n\r\n const handleChange = (e) => {\r\n e.preventDefault();\r\n setContact({\r\n ...contact,\r\n [e.target.name]: e.target.value,\r\n });\r\n }\r\n const template = getMenuLocation(layoutId);\r\n\r\n let inputClass = classNames('')\r\n\r\n if (error === true) {\r\n inputClass = classNames('form-control');\r\n } else {\r\n inputClass = classNames('form-control');\r\n }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n {unmountMap === false ? (\r\n
\r\n \r\n {cordinates.map((data, index) => (\r\n (data.latitude != null && data.longitude != null) && (\r\n \r\n \r\n {data.kontaktiPershkrimi !== '' ? (\r\n \r\n {GeneralTranslations.contactPopupDesc}\r\n {data.kontaktiPershkrimi}\r\n \r\n ) : null}\r\n {data.adresa !== '' ? (\r\n \r\n
\r\n {GeneralTranslations.contactPopupAddress}\r\n {data.adresa}\r\n \r\n ) : null}\r\n {data.emaili !== '' ? (\r\n \r\n
\r\n {GeneralTranslations.contactPopupEmail}\r\n {data.emaili}\r\n \r\n ) : null}\r\n {data.telefoni !== '' ? (\r\n \r\n
\r\n {GeneralTranslations.contactPopupPhone}\r\n {data.telefoni}\r\n \r\n ) : null}\r\n \r\n \r\n )\r\n ))}\r\n \r\n ) : 'Loading Map'}\r\n \r\n
\r\n
\r\n
\r\n
\r\n {contactData.map((item, index) => {\r\n const renderCategory = (\r\n {\r\n toggle, setItemRef, setContentRef,\r\n },\r\n ) => {\r\n let expander;\r\n\r\n if (contactData.length > 4) {\r\n expander =
\r\n }\r\n\r\n let classContactTitle = classNames('');\r\n let classContactBox = classNames('');\r\n let classContactAddress = classNames('');\r\n\r\n if (contactData.length > 4) {\r\n classContactTitle = classNames('title-collapse');\r\n classContactBox = classNames('contact-box-collapse');\r\n classContactAddress = classNames('contact-us__address_collapse');\r\n } else {\r\n classContactTitle = classNames('title-contact');\r\n classContactBox = classNames('contact-box');\r\n classContactAddress = classNames('contact-us__address');\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
{item.kontaktiPershkrimi}
\r\n {expander}\r\n \r\n
\r\n {item.adresa === '' ? ('') : (\r\n
\r\n
\r\n
\r\n {item.adresa}\r\n
\r\n
\r\n )}\r\n {item.personiKontaktues === '' ? ('') : (\r\n
\r\n
\r\n
{item.personiKontaktues}
\r\n
\r\n )}\r\n {item.emaili === '' ? ('') : (\r\n
\r\n
\r\n
{item.emaili}
\r\n
\r\n )}\r\n {item.telefoni === '' ? ('') : (\r\n
\r\n
\r\n
{item.telefoni}
\r\n
\r\n )}\r\n
\r\n
\r\n
\r\n )\r\n };\r\n return
;\r\n })}\r\n\r\n
\r\n
\r\n
\r\n
{GeneralTranslations.contactFormName}
\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\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(contact);\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\n\r\nfunction SitePageNotFound() {\r\n const history = useHistory();\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Oops! Error 404\r\n
\r\n\r\n
\r\n
{GeneralTranslations.notFoundPageNotFound}
\r\n\r\n history.go(-2)}\r\n className=\"btn btn-primary btn-about\"\r\n >\r\n {ControlsTranslations.notFoundBackBtn}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SitePageNotFound);\r\n","import React from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport AppLink from '../shared/AppLink';\r\n\r\nfunction SitePageNotFound() {\r\n return (\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
\r\n
\r\n );\r\n}\r\n\r\nexport default SitePageNotFound;\r\n","import { React, useState, useEffect } from 'react';\r\nimport { useParams, Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport Pagination from '../../shared/Pagination';\r\nimport Loader from '../../blocks/PostLoader';\r\n\r\nfunction SearchContent(props) {\r\n const { layout, locale } = props;\r\n const params = useParams();\r\n const url = window.location.pathname.split('/').pop();\r\n const [Page, setPage] = useState([]);\r\n const [TotalPage, setTotalPage] = useState();\r\n const [CurrentPage, setCurrentPage] = useState();\r\n const [loader, setLoader] = useState(false);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n const handleChange = (skip = 0) => {\r\n setLoader(true);\r\n\r\n getData(`Home/Search?parameter=${params.slug}&Gjuha=${locale}&skip=${skip}&take=10`).then((response) => {\r\n setPage(response.data.searchAll);\r\n setTotalPage(response.data.totalPages);\r\n setLoader(false);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n handleChange();\r\n setCurrentPage(1);\r\n }, [url]);\r\n\r\n const handlePageChange = (CurrentPage) => {\r\n setCurrentPage(CurrentPage);\r\n const skip = (CurrentPage * 10) - 10;\r\n handleChange(skip);\r\n };\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const List = Page.map((page, key) => {\r\n const link = `${path}${page.url}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {page.categoryId === 2\r\n ? (\r\n
\r\n {page.name}\r\n \r\n )\r\n : page.otherSource === true\r\n ? (\r\n \r\n {page.name}\r\n \r\n ) : (\r\n \r\n {page.name}\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 return (\r\n
\r\n
\r\n {\r\n loader === true ?
: Page.length > 0 ? (List)\r\n : (\r\n
\r\n
\r\n {GeneralTranslations.searchContent}\r\n
\r\n
\r\n )\r\n }\r\n\r\n
\r\n {\r\n Page.length > 0 ? (\r\n
\r\n ) : ('')\r\n }\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nSearchContent.propTypes = {\r\n locale: PropTypes.string,\r\n layout: PropTypes.oneOf(['classic', 'full']),\r\n};\r\nSearchContent.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SearchContent);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport PageHeader from '../../shared/PageHeader';\r\nimport SearchContent from './SearchContent';\r\nimport BlogSidebar from '../sidebar/BlogSidebar';\r\n\r\nfunction Search(props) {\r\n const { layout, sidebarPosition } = props;\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n let content;\r\n if (layout === 'classic') {\r\n const sidebar =
;\r\n\r\n let sidebarStart;\r\n let sidebarEnd;\r\n\r\n if (sidebarPosition === 'start') {\r\n sidebarStart =
{sidebar}
;\r\n }\r\n if (sidebarPosition === 'end') {\r\n sidebarEnd =
{sidebar}
;\r\n }\r\n content = (\r\n
\r\n {sidebarStart}\r\n
\r\n \r\n
\r\n {sidebarEnd}\r\n
\r\n );\r\n } else if (layout === 'full') {\r\n content = (\r\n
\r\n );\r\n }\r\n\r\n return (\r\n
\r\n \r\n\r\n {content}
\r\n\r\n \r\n );\r\n}\r\n\r\nSearch.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'full']),\r\n sidebarPosition: PropTypes.oneOf(['start', 'end']),\r\n};\r\n\r\nSearch.defaultProps = {\r\n layout: 'classic',\r\n sidebarPosition: 'end',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(Search);\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { useParams } from 'react-router-dom';\r\nimport PageHeader from '../../shared/PageHeader';\r\nimport NewsCard from './NewsCard';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport Pagination from '../../shared/Pagination';\r\nimport getMenuLocation from '../page/getMenuLocation';\r\n\r\nfunction NewsCategory(props) {\r\n const url = window.location.pathname.split('/').pop();\r\n const { layout } = props;\r\n const { locale } = props;\r\n const params = useParams();\r\n const [layoutId, setLayoutId] = useState();\r\n const [post, setPost] = useState([]);\r\n const [page, setPage] = useState([]);\r\n const [totalPage, setTotalPage] = useState();\r\n const [CurrentPage, setCurrentPage] = useState();\r\n\r\n const handleChange = (skip = 0) => {\r\n getData(`News/GetNewsWithCategoryFilter?PageId=${params.id}&Gjuha=${locale}&skip=${skip}&take=10&TitulliLength=60&PermbajtjaLength=100`).then((response) => {\r\n setPost(response.data.lajmetLista);\r\n setTotalPage(response.data.totalPages);\r\n setPage(response.data.page[0]);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setLayoutId(response.data[0].layoutID);\r\n });\r\n handleChange();\r\n }, [url, locale]);\r\n\r\n const handlePageChange = (CurrentPage) => {\r\n setCurrentPage(CurrentPage);\r\n const skip = (CurrentPage * 10) - 10;\r\n handleChange(skip);\r\n };\r\n\r\n const template = getMenuLocation(layoutId);\r\n\r\n const postsList = post.map((post, index) => {\r\n const postLayout = {\r\n classic: 'grid-lg',\r\n grid: 'grid-nl',\r\n list: 'list-nl',\r\n }[layout];\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {postsList}\r\n
\r\n
\r\n {\r\n post.length > 0 ? (\r\n
\r\n ) : ('')\r\n }\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nNewsCategory.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'grid', 'list']),\r\n};\r\n\r\nNewsCategory.defaultProps = {\r\n layout: 'list',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(NewsCategory);\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useHistory, useParams } from 'react-router-dom';\r\nimport { getData } from '../../services/fetch-service';\r\n\r\nfunction AtoZFilter(props) {\r\n const { layout, locale } = props;\r\n const params = useParams();\r\n const url = window.location.pathname.split('/').pop();\r\n const history = useHistory();\r\n let atozList;\r\n let atozContent;\r\n const [Data, setData] = useState([]);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n const handleChange = () => {\r\n const text = params.slug === 'all' ? '' : params.slug;\r\n getData(`Home/GetMenusAtoZ?Gjuha=${locale}&Letter=${text}`).then((response) => {\r\n setData(response.data);\r\n }).catch(() => {\r\n history.push('/404');\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n handleChange();\r\n }, [url, locale]);\r\n\r\n const onClick = (letter) => {\r\n history.push(`/AtoZ/${letter}`);\r\n };\r\n\r\n if (layout === 'classic') {\r\n atozList = (\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 \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
\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
\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 \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
\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
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n atozContent = (\r\n
\r\n
\r\n
\r\n {Data.map((data, key) => {\r\n return (\r\n data.menus.length > 0\r\n ? (\r\n
\r\n
\r\n
{data.letter}
\r\n \r\n\r\n
\r\n {data.menus.map((item, key1) => {\r\n return (\r\n item.otherSource === true ? (\r\n
\r\n \r\n {item.pageName}\r\n \r\n \r\n ) : (\r\n \r\n {item.pageName}\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 }\r\n\r\n return (\r\n
\r\n \r\n
\r\n
{GeneralTranslations.listaAtoZ}
\r\n \r\n
{atozList}
\r\n \r\n
\r\n {atozContent}\r\n
\r\n
\r\n );\r\n}\r\n\r\nAtoZFilter.propTypes = {\r\n\r\n layout: PropTypes.oneOf(['classic']),\r\n\r\n};\r\n\r\nAtoZFilter.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(AtoZFilter);\r\n","import { React, useState, useEffect } from 'react';\r\nimport { useParams, useHistory } from 'react-router-dom';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction BasicPage(props) {\r\n const { layout, showTitle } = props;\r\n const history = useHistory();\r\n const params = useParams();\r\n const postClasses = classNames('post__content typography', {\r\n 'typography--expanded': layout === 'full',\r\n });\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const [Page, setPage] = useState([]);\r\n useEffect(() => {\r\n getData(`Page/GetBasicPage?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPage(response.data);\r\n }).catch(() => {\r\n history.push('/404');\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n
\r\n {\r\n Page.map((page, key) => {\r\n return (\r\n
\r\n {showTitle === false ? ('') : (\r\n
\r\n {page.pageName}\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\nBasicPage.propTypes = {\r\n locale: PropTypes.string,\r\n layout: PropTypes.oneOf(['classic', 'full']),\r\n};\r\nBasicPage.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(BasicPage);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction ThesariNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=9&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=10&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=9&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=9&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=10&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=10&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nThesariNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nThesariNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(ThesariNewsEventsHome);\r\n","// react\r\nimport React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction ThesariGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=thesari&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=thesari&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=62`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(ThesariGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport BasicPage from '../page/BasicPage';\r\nimport ThesariNewsEventsHome from './ThesariNewsEventsHome';\r\nimport ThesariGaleryAndLinksHome from './ThesariGaleryAndLinksHome';\r\nimport BlockHomeDocs from '../../blocks/BlockHomeDocs';\r\n\r\nfunction ThesariHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n
\r\n\r\n \r\n );\r\n}\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(ThesariHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction BuxhetiNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=11&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=12&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=11&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=11&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=12&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=12&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nBuxhetiNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nBuxhetiNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(BuxhetiNewsEventsHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction BuxhetiDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=151&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=28`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.fileIco.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n 
\r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nBuxhetiDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nBuxhetiDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(BuxhetiDocsAndLinksHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction BuxhetiGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=buxheti&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=buxheti&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=63`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(BuxhetiGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BasicPage from '../page/BasicPage';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport BuxhetiNewsEventsHome from './BuxhetiNewsEventsHome';\r\nimport BuxhetiDocsAndLinksHome from './BuxhetiDocsAndLinksHome';\r\nimport BuxhetiGaleryAndLinksHome from './BuxhetiGaleryAndLinksHome';\r\n\r\nfunction BuxhetiHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n
\r\n
\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n
\r\n\r\n \r\n );\r\n}\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(BuxhetiHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction TatimiNeProneNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=5&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=13&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=5&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=5&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=13&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=13&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nTatimiNeProneNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nTatimiNeProneNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TatimiNeProneNewsEventsHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction TatimiNeProneDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=152&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=30`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nTatimiNeProneDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nTatimiNeProneDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TatimiNeProneDocsAndLinksHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction TatimiGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=TatimiNeProne&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=TatimiNeProne&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=64`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TatimiGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BasicPage from '../page/BasicPage';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport TatimiNeProneNewsEventsHome from './TatimiNeProneNewsEventsHome';\r\nimport TatimiNeProneDocsAndLinksHome from './TatimiNeProneDocsAndLinksHome';\r\nimport TatimiGaleryAndLinksHome from './TatimiGaleryAndLinksHome';\r\n\r\nfunction TatimiNeProneHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n
\r\n
\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(TatimiNeProneHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction PartneritetiPublikoPrivatDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=153&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=32`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.fileIco.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n
\r\n
\r\n {/*
{linkBox[0].menuLocationName}
*/}\r\n
\r\n
\r\n
\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nPartneritetiPublikoPrivatDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPartneritetiPublikoPrivatDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PartneritetiPublikoPrivatDocsAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction PartneritetiPublikoPrivatNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=16&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=17&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=16&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=16&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=17&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=17&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nPartneritetiPublikoPrivatNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPartneritetiPublikoPrivatNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PartneritetiPublikoPrivatNewsEventsHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction PPPGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=partneriteti&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=partneriteti&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=65`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PPPGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport BasicPage from '../page/BasicPage';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport PartneritetiPublikoPrivatDocsAndLinksHome from './PartneritetiPublikoPrivatDocsAndLinksHome';\r\nimport PartneritetiPublikoPrivatNewsEventsHome from './PartneritetiPublikoPrivatNewsEventsHome';\r\nimport PPPGaleryAndLinksHome from './PPPGaleryAndLinksHome';\r\n\r\nfunction PartneritetiPublikoPrivatHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PartneritetiPublikoPrivatHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction SocialetDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=154&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=33`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nSocialetDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nSocialetDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SocialetDocsAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction ThesariNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=20&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=21&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=20&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=20&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=21&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=21&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nThesariNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nThesariNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(ThesariNewsEventsHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction PPPGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=socialet&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=socialet&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=66`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PPPGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport PageSlider from '../page/PageSlider';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport SocialetDocsAndLinksHome from './SocialetDocsAndLinksHome';\r\nimport SocialetNewsEventsHome from './SocialetNewsEventsHome';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport BasicPage from '../page/BasicPage';\r\nimport SocialetGaleryAndLinksHome from './SocialetGaleryAndLinksHome';\r\n\r\nfunction SocialetHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n
\r\n );\r\n}\r\n\r\nSocialetHome.defaultProps = {\r\n layout: 'classic',\r\n sidebarPosition: 'start',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(SocialetHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction PunaNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=7&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=8&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=7&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=7&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=8&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=8&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nPunaNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPunaNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaNewsEventsHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction PunaGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=puna&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=puna&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=67`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaGaleryAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction PunaDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=155&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=24`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n
\r\n
\r\n {/*
{linkBox[0].menuLocationName}
*/}\r\n
\r\n
\r\n
\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nPunaDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPunaDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaDocsAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport BasicPage from '../page/BasicPage';\r\nimport PunaNewsEventsHome from './PunaNewsEventsHome';\r\nimport PunaGaleryAndLinksHome from './PunaGaleryAndLinksHome';\r\nimport PunaDocsAndLinksHome from './PunaDocsAndLinksHome';\r\n\r\nfunction PunaHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction PensionetNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=22&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=23&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=22&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=22&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=23&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=23&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n {ControlsTranslations.aboutButton}\r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nPensionetNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPensionetNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PensionetNewsEventsHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction RaportimetGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=Raportimet&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=Raportimet&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=68`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(RaportimetGaleryAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction RaportimetDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=156&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=34`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nRaportimetDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nRaportimetDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(RaportimetDocsAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BasicPage from '../page/BasicPage';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport RaportimetFinanciareNewsEventsHome from './RaportimetFinanciareNewsEventsHome';\r\nimport RaportimetGaleryAndLinksHome from './RaportimetGaleryAndLinksHome';\r\nimport RaportimetDocsAndLinksHome from './RaportimetDocsAndLinksHome';\r\n\r\nfunction RaportimetFinanciareHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(RaportimetFinanciareHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction PensionetDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=262&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=31`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nPensionetDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPensionetDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PensionetDocsAndLinksHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction PunaGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=Pensionet&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=Pensionet&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=69`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaGaleryAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction PensionetNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=14&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=15&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=14&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=14&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=15&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=15&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nPensionetNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPensionetNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PensionetNewsEventsHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PageSlider from '../page/PageSlider';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport BasicPage from '../page/BasicPage';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport PensionetDocsAndLinksHome from './PensionetDocsAndLinksHome';\r\nimport PensionetGaleryAndLinksHome from './PensionetGaleryAndLinksHome';\r\nimport PensionetNewsEventsHome from './PensionetNewsEventsHome';\r\n\r\nfunction PensionetHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PensionetHome);\r\n","import React from 'react';\r\nimport Moment from 'moment';\r\nimport 'moment/locale/sq';\r\nimport 'moment/locale/sr';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction EventList(props) {\r\n const { post, layout } = props;\r\n const { locale } = props;\r\n const cardClasses = classNames(\r\n 'post-card event-card',\r\n {\r\n 'post-card--layout--grid': ['grid-nl', 'grid-nl-4', 'grid-lg'].includes(layout),\r\n 'post-card--layout--list': ['list-nl', 'list-sm'].includes(layout),\r\n 'post-card--size--nl': ['grid-nl', 'grid-nl-4', 'list-nl'].includes(layout),\r\n 'post-card--size--lg': layout === 'grid-lg',\r\n 'post-card--size--sm': layout === 'list-sm',\r\n },\r\n );\r\n return (\r\n
\r\n
\r\n \r\n
{Moment(post.postimiDataNgjarjes).locale(locale).format('MMM')}
\r\n
{Moment(post.postimiDataNgjarjes).format('DD')}
\r\n
\r\n
\r\n \r\n {post.postimiTitulli}\r\n \r\n
\r\n {post.postimiLokacioni !== '' && (\r\n
\r\n
{post.postimiLokacioni}
\r\n
\r\n )}\r\n\r\n
\r\n );\r\n}\r\n\r\nEventList.propTypes = {\r\n layout: PropTypes.oneOf(['grid-nl', 'grid-nl-4', 'grid-lg', 'list-nl', 'list-sm']),\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(EventList);\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { useParams } from 'react-router-dom';\r\nimport PageHeader from '../../shared/PageHeader';\r\nimport EventList from './EventList';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport Pagination from '../../shared/Pagination';\r\n\r\nfunction NewsCategory(props) {\r\n const url = window.location.pathname.split('/').pop();\r\n const { layout } = props;\r\n const { locale } = props;\r\n const params = useParams();\r\n const [post, setPost] = useState([]);\r\n const [page, setPage] = useState([]);\r\n const [totalPage, setTotalPage] = useState();\r\n const [CurrentPage, setCurrentPage] = useState();\r\n\r\n const handleChange = (skip = 0) => {\r\n getData(`News/GetNewsWithCategoryFilter?PageId=${params.id}&Gjuha=${locale}&skip=${skip}&take=10&TitulliLength=60&PermbajtjaLength=100`).then((response) => {\r\n setPage(response.data.page[0]);\r\n setPost(response.data.lajmetLista);\r\n setTotalPage(response.data.totalPages);\r\n });\r\n }\r\n useEffect(() => {\r\n handleChange();\r\n }, [url, locale]);\r\n\r\n const handlePageChange = (CurrentPage) => {\r\n setCurrentPage(CurrentPage);\r\n const skip = (CurrentPage * 10) - 10;\r\n handleChange(skip);\r\n };\r\n\r\n const postsList = post.map((post, index) => {\r\n const postLayout = {\r\n classic: 'grid-lg',\r\n grid: 'grid-nl',\r\n list: 'list-nl',\r\n }[layout];\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n });\r\n\r\n return (\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n {postsList}\r\n
\r\n
\r\n\r\n {\r\n post.length > 0 ? (\r\n
\r\n ) : ('')\r\n }\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nNewsCategory.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'grid', 'list']),\r\n};\r\n\r\nNewsCategory.defaultProps = {\r\n layout: 'list',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(NewsCategory);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction PunesimetNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=24&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=25&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=24&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=24&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=25&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=25&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nPunesimetNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPunesimetNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunesimetNewsEventsHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction PunaGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=punesimet&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=punesimet&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=70`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunaGaleryAndLinksHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction PunesimetDocsAndLinksHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [doc, setDoc] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Page/GetPageMedia?PageID=335&Gjuha=${locale}&skip=0&take=5&TitulliLength=100&PermbajtjaLength=100`).then((response) => {\r\n setDoc(response.data.mediaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=35`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const docLista = doc.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const iconpath = process.env.REACT_APP_ICONSPATH;\r\n const link = `${path}${item.media.fileName}${item.media.fileEx}`;\r\n const iconslink = `${iconpath}${item.media.fileExNavigation.mediaExPath}`;\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n {item.pageMedia.name}\r\n \r\n \r\n {Moment(item.pageMedia.startDate).format('DD/MM/YYYY')}\r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(doc.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {doc.length > 0 ? (\r\n
\r\n
\r\n
{GeneralTranslations.publikime}
\r\n \r\n {docLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nPunesimetDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nPunesimetDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunesimetDocsAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport PunesimetNewsEventsHome from './PunesimetNewsEventsHome';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport PunesimetGaleryAndLinksHome from './PunesimetGaleryAndLinksHome';\r\nimport BasicPage from '../page/BasicPage';\r\nimport PunesimetDocsAndLinksHome from './PunesimetDocsAndLinksHome';\r\n\r\nfunction PunesimetHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n {useMemo(() =>
, [])}\r\n\r\n
\r\n );\r\n}\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(PunesimetHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport Moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport calendar from '../../../img/Events/calendar-event.png';\r\n\r\nfunction VleresimiNewsEventsHome(props) {\r\n const { layout } = props;\r\n const { locale } = props;\r\n const [lajmet, setLajmet] = useState([]);\r\n const [eventet, setEventet] = useState([]);\r\n const [lajmetName, setLajmetName] = useState([]);\r\n const [ngjarjetName, setNgjarjetName] = useState([]);\r\n const [lastNews, setLastNews] = useState([]);\r\n const [secondNews, setSecondNews] = useState([]);\r\n const [lastEvent, setLastEvent] = useState([]);\r\n const [secondEvents, setSecondEvents] = useState([]);\r\n const ControlsTranslations = useSelector((state) => state.translations.ControlsTranslations);\r\n\r\n useEffect(() => {\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=26&Gjuha=${locale}&skip=0&take=4&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLajmet(response.data.lajmetLista);\r\n setLajmetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=27&Gjuha=${locale}&skip=0&take=4&TitulliLength=70&PermbajtjaLength=100`).then((response) => {\r\n setEventet(response.data.lajmetLista);\r\n setNgjarjetName(response.data.page[0]);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=26&Gjuha=${locale}&skip=0&take=1&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=26&Gjuha=${locale}&skip=1&take=3&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondNews(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=27&Gjuha=${locale}&skip=0&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setLastEvent(response.data.lajmetLista);\r\n });\r\n getData(`News/GetNews?PageId=0&PostimiKategoriaID=27&Gjuha=${locale}&skip=2&take=2&TitulliLength=85&PermbajtjaLength=100`).then((response) => {\r\n setSecondEvents(response.data.lajmetLista);\r\n });\r\n }, [locale]);\r\n\r\n const lajmetLista = lajmet.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const events = eventet.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n const lajmiFundit = lastNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n {item.postimiTitulli}\r\n \r\n \r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
{item.postimiPershkrimi}
\r\n \r\n
\r\n );\r\n });\r\n const lajmetSekondare = secondNews.map((item, index) => {\r\n const path = process.env.REACT_APP_FILESPATH;\r\n const image = `${path}${item.media?.mediaEmri_small}${item.media?.mediaEx}`;\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n {item.postimiTitulli}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{Moment(item.postimiDataFillimit).format('DD/MM/YYYY')}
\r\n
\r\n
\r\n
\r\n );\r\n });\r\n\r\n const eventiFundit = lastEvent.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n const eventetSekondare = secondEvents.map((event, index) => {\r\n const dateMonth = Moment(event.postimiDataNgjarjes).locale(locale).format('MMM')\r\n return (\r\n
\r\n
\r\n \r\n
{dateMonth}
\r\n
{Moment(event.postimiDataNgjarjes).format('DD')}
\r\n
\r\n {event.postimiTitulli}\r\n {event.postimiLokacioni}\r\n
\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(eventet.length > 0 || lajmet.length > 0) ? (\r\n
\r\n
\r\n {eventet.length > 0 && lajmet.length > 0 ? (\r\n
\r\n
\r\n
\r\n
{lajmetName.pageName}
\r\n \r\n {lajmetLista}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{ngjarjetName.pageName}
\r\n \r\n {events}\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n ) : (eventet.length === 0 ? (\r\n
\r\n \r\n
{lajmetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {lajmiFundit}\r\n
\r\n
\r\n {lajmetSekondare}\r\n
\r\n
\r\n ) : (lajmet.length === 0 ? (\r\n
\r\n \r\n
{ngjarjetName.pageName}
\r\n
\r\n \r\n {ControlsTranslations.aboutButton}\r\n \r\n
\r\n
\r\n
\r\n {eventiFundit}\r\n
\r\n
\r\n {eventetSekondare}\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\nVleresimiNewsEventsHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nVleresimiNewsEventsHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VleresimiNewsEventsHome);\r\n","import React, { useState, useEffect, Fragment } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\n\r\nfunction VleresimiDocsAndLinksHome(props) {\r\n const { layout, locale } = props;\r\n const [linkBox, setLinkBox] = useState([]);\r\n const [subPage, setSubPage] = useState([]);\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=59`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n getData(`Page/GetPageSubPages?ParentPageID=568&Gjuha=${locale}&top=3`).then((response) => {\r\n setSubPage(response.data);\r\n });\r\n }, [locale]);\r\n\r\n const subLista = subPage.map((item, index) => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n \r\n {item.page.pageName}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n );\r\n });\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(subPage.length > 0 || linkBox.length > 0) ? (\r\n \r\n
\r\n
\r\n {subPage.length > 0 ? (\r\n
\r\n
\r\n \r\n {GeneralTranslations.raportet}
\r\n \r\n
\r\n {subLista}\r\n
\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nVleresimiDocsAndLinksHome.propTypes = {\r\n layout: PropTypes.oneOf(['classic', 'boxed', 'sidebar', 'fullpage-satistics']),\r\n};\r\n\r\nVleresimiDocsAndLinksHome.defaultProps = {\r\n layout: 'classic',\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VleresimiDocsAndLinksHome);\r\n","import React, {\r\n useState,\r\n useEffect,\r\n Fragment,\r\n} from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport VideoBoxBallin from '../videoGalery/VideoBoxBallin';\r\nimport FotoBoxBallin from '../fotogalery/FotoBoxBallin';\r\n\r\nfunction VlersimiGaleryAndLinksHome(props) {\r\n const { locale } = props;\r\n const [photoBox, setPhotoBox] = useState([]);\r\n const [videoBox, setVideoBox] = useState([]);\r\n const [linkBox, setLinkBox] = useState([]);\r\n\r\n useEffect(() => {\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=1&Layout=Vleresimi&Gjuha=${locale}&take=1`).then((response) => {\r\n setPhotoBox(response.data.galeriaLista);\r\n });\r\n getData(`Galery/GetGaleries?MediaGaleriaKategoriaID=2&Layout=Vleresimi&Gjuha=${locale}&take=1`).then((response) => {\r\n setVideoBox(response.data.galeriaLista);\r\n });\r\n getData(`SideBar/GetMenus?Gjuha=${locale}&LocationMenuID=71`).then((response) => {\r\n setLinkBox(response.data);\r\n });\r\n }, [locale]);\r\n\r\n let galeryClass;\r\n\r\n if (videoBox.length > 0 && photoBox.length > 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-box box-grid');\r\n } else if (videoBox.length > 0 && (photoBox.length > 0 || linkBox.length === 0)) {\r\n galeryClass = classNames('galery-row-half');\r\n } else if (videoBox.length > 0 && photoBox.length === 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length > 0 && linkBox.length === 0) {\r\n galeryClass = classNames('galery-row-full');\r\n } else if (videoBox.length === 0 && photoBox.length === 0 && linkBox.length > 0) {\r\n galeryClass = classNames('galery-row-full');\r\n }\r\n\r\n const boxes = linkBox.map((item, index) => {\r\n return (\r\n
\r\n {item.otherSource !== true ? (\r\n \r\n \r\n \r\n {\r\n item.isClicked === true ? (\r\n \r\n {item.pageName}\r\n \r\n ) : (\r\n \r\n {item.pageName}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n\r\n ) : (\r\n \r\n \r\n \r\n {item.pageName}\r\n \r\n \r\n \r\n\r\n )}\r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n {(videoBox.length > 0 || photoBox.length > 0) ? (\r\n \r\n
\r\n {videoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n ) : ('')}\r\n {photoBox.length > 0 ? (\r\n
\r\n \r\n
\r\n\r\n ) : ('')}\r\n {linkBox.length > 0 ? (\r\n
\r\n ) : ('')}\r\n\r\n
\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VlersimiGaleryAndLinksHome);\r\n","import React, { useState, useEffect, useMemo } from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { Link, useParams } from 'react-router-dom';\r\nimport { getData } from '../../../services/fetch-service';\r\nimport PageSlider from '../page/PageSlider';\r\nimport BasicPage from '../page/BasicPage';\r\nimport BallinaBoxes from '../../blocks/newBlocks/BallinaBoxes';\r\nimport { ArrowRoundedRight6x9Svg } from '../../../svg';\r\nimport VleresimiNewsEventsHome from './VleresimiNewsEventsHome';\r\nimport VleresimiDocsAndLinksHome from './VleresimiDocsAndLinksHome';\r\nimport VlersimiGaleryAndLinksHome from './VlersimiGaleryAndLinksHome';\r\n\r\nfunction VleresimiHome(props) {\r\n const [pageName, setPageName] = useState();\r\n const params = useParams();\r\n const { locale } = props;\r\n const url = window.location.pathname.split('/').pop();\r\n const GeneralTranslations = useSelector((state) => state.translations.GeneralTranslations);\r\n\r\n useEffect(() => {\r\n getData(`Home/GetMenuPath?PageID=${params.id}&Gjuha=${locale}`).then((response) => {\r\n setPageName(response.data[0].pageName);\r\n });\r\n }, [url, locale]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n\r\n {useMemo(() =>
, [])}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {useMemo(() => , [])}\r\n
\r\n
\r\n
\r\n
\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n {useMemo(() => , [])}\r\n\r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n translations: state.translations,\r\n});\r\n\r\nexport default connect(mapStateToProps)(VleresimiHome);\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n BrowserRouter,\r\n Route,\r\n Redirect,\r\n Switch,\r\n} from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { Helmet, HelmetProvider } from 'react-helmet-async';\r\nimport { IntlProvider } from 'react-intl';\r\nimport { ScrollContext } from 'react-router-scroll-4';\r\nimport languages from '../i18n';\r\nimport { localeChange } from '../store/locale';\r\nimport Layout from './Layout';\r\nimport HomePageOne from './home/HomePageOne';\r\nimport PageDocsFilter from './cms_components/page/PageDocsFilter';\r\nimport News from './cms_components/news/News';\r\nimport NewsArchive from './cms_components/news/NewsArchive';\r\nimport NewsDetails from './cms_components/news/NewsDetails';\r\nimport Faq from './cms_components/Faq';\r\nimport Personel from './cms_components/personel/Personel';\r\nimport PersonelDetails from './cms_components/personel/PersonelDetails';\r\nimport PhotoGalery from './cms_components/fotogalery/FotoGalery';\r\nimport PhotoGaleryDetails from './cms_components/fotogalery/FotoGaleryDetails';\r\nimport VideoGalery from './cms_components/videoGalery/VideoGalery';\r\nimport VideoGaleryDetails from './cms_components/videoGalery/VideoGaleryDetails';\r\nimport Contact from './cms_components/Contact';\r\nimport SitePageNotFound from './site/SitePageNotFound';\r\nimport SitePageError from './site/SitePageError';\r\nimport Search from './cms_components/search/Search';\r\nimport NewsCategory from './cms_components/news/NewsCategory';\r\nimport AtoZFilter from './footer/AtoZFilter';\r\nimport ThesariHome from './cms_components/thesari/ThesariHome';\r\nimport BuxhetiHome from './cms_components/buxheti/BuxhetiHome';\r\nimport TatimiNeProneHome from './cms_components/tatimiNeProne/TatimiNeProneHome';\r\nimport PartneritetiPublikoPrivatHome from './cms_components/PartneritetiPublikoPrivat/PartneritetiPublikoPrivatHome';\r\nimport SocialetHome from './cms_components/socialet/SocialetHome';\r\nimport PunaHome from './cms_components/puna/PunaHome';\r\nimport RaportimetFinanciareHome from './cms_components/raportimeFinanciare/RaportimetFinanciareHome';\r\nimport PensionetHome from './cms_components/pensionet/PensionetHome';\r\nimport events from './cms_components/eventet/events';\r\nimport PunesimetHome from './cms_components/punesimet/PunesimetHome';\r\nimport VleresimiHome from './cms_components/vleresimi/VleresimiHome';\r\n\r\nclass Root extends Component {\r\n componentDidMount() {\r\n setTimeout(() => {\r\n const preloader = document.querySelector('.site-preloader');\r\n\r\n preloader.addEventListener('transitionend', (event) => {\r\n if (event.propertyName === 'opacity') {\r\n preloader.parentNode.removeChild(preloader);\r\n }\r\n });\r\n preloader.classList.add('site-preloader__fade');\r\n }, 500);\r\n }\r\n\r\n shouldUpdateScroll = (prevRouterProps, { location }) => (\r\n prevRouterProps && location.pathname !== prevRouterProps.location.pathname\r\n );\r\n\r\n render() {\r\n const { locale } = this.props;\r\n const { messages, direction } = languages[locale];\r\n\r\n return (\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 />\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\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 />\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 \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 />\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 \r\n )}\r\n />\r\n (\r\n \r\n )}\r\n />\r\n\r\n {/* Thesari */}\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 (\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 )}\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 (\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 )}\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\r\n {/* Buxheti */}\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 \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 />\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 \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 />\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 {/* Tatimi ne prone */}\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 \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 />\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 \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 />\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 {/* Partneriteti */}\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 \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 />\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 \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 />\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 {/* Socialet */}\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 \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 />\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 \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 />\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 {/* Puna */}\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 \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 />\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 \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 />\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 {/* raportimet financiare */}\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 \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 />\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 \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 />\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 {/* Pensionet */}\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 \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 />\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 \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 />\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 {/* Punesimet */}\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 \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 />\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 \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 />\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 {/* Vleresimi */}\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 \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 />\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 \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 />\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 \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\nRoot.propTypes = {\r\n locale: PropTypes.string,\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n locale: state.locale,\r\n});\r\n\r\nconst mapDispatchToProps = {\r\n localeChange,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Root);\r\n","export const SIDEBAR_OPEN = 'SIDEBAR_OPEN';\r\nexport const SIDEBAR_CLOSE = 'SIDEBAR_CLOSE';\r\n","import { SIDEBAR_CLOSE, SIDEBAR_OPEN } from './sidebarActionTypes';\r\n\r\nconst initialState = {\r\n open: false,\r\n};\r\n\r\nexport default function sidebarReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case SIDEBAR_OPEN:\r\n return {\r\n ...state,\r\n open: true,\r\n };\r\n case SIDEBAR_CLOSE:\r\n return {\r\n ...state,\r\n open: false,\r\n };\r\n default:\r\n return state;\r\n }\r\n}\r\n","import sidebarReducer from './sidebarReducer';\r\n\r\nexport * from './sidebarActions';\r\nexport default sidebarReducer;\r\n","import { combineReducers } from 'redux';\r\n\r\n// reducers\r\nimport localeReducer from './locale';\r\nimport mobileMenuReducer from './mobile-menu';\r\nimport sidebarReducer from './sidebar';\r\nimport version from './version';\r\nimport translation from './translations/dataslice'\r\n\r\nexport default combineReducers({\r\n version: (state = version) => state,\r\n locale: localeReducer,\r\n mobileMenu: mobileMenuReducer,\r\n sidebar: sidebarReducer,\r\n translations: translation,\r\n});\r\n","const version = 2;\r\n\r\nexport default version;\r\n","import { createStore, applyMiddleware, compose } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport rootReducer from './rootReducer';\r\nimport version from './version';\r\n\r\nfunction load() {\r\n let state;\r\n\r\n try {\r\n state = localStorage.getItem('state');\r\n\r\n if (typeof state === 'string') {\r\n state = JSON.parse(state);\r\n }\r\n\r\n if (state && state.version !== version) {\r\n state = undefined;\r\n }\r\n } catch (error) {\r\n // eslint-disable-next-line no-console\r\n console.error(error);\r\n }\r\n\r\n return state || undefined;\r\n}\r\n\r\nconst store = createStore(rootReducer, load(), compose(\r\n applyMiddleware(thunk),\r\n // window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()\r\n));\r\n\r\nfunction save() {\r\n try {\r\n localStorage.setItem('state', JSON.stringify(store.getState()));\r\n } catch (error) {\r\n // eslint-disable-next-line no-console\r\n console.error(error);\r\n }\r\n}\r\n\r\nstore.subscribe(() => save());\r\n\r\nexport default store;\r\n","import store from './store';\r\n\r\nexport default store;\r\n","export default __webpack_public_path__ + \"static/media/Roboto-Regular.fc2b5060.ttf\";","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport Root from './components/Root';\r\nimport store from './store';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'react-toastify/dist/ReactToastify.min.css';\r\nimport '@fortawesome/fontawesome-free/css/all.min.css';\r\nimport 'react-input-range/lib/css/index.css';\r\nimport './scss/style.scss';\r\nimport './fonts/Roboto-Regular.ttf';\r\n\r\nReactDOM.render((\r\n // eslint-disable-next-line react/jsx-filename-extension\r\n
\r\n \r\n \r\n), document.getElementById('root'));\r\n\r\nserviceWorker.unregister();\r\n","import React, { Component } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { ArrowRoundedLeft8x13Svg, ArrowRoundedRight8x13Svg } from '../../svg';\r\n\r\nclass Pagination extends Component {\r\n setPage = (value) => {\r\n const { total, current, onPageChange } = this.props;\r\n\r\n if (value < 1 || value > total || value === current) {\r\n return;\r\n }\r\n\r\n if (onPageChange) {\r\n onPageChange(value);\r\n }\r\n };\r\n\r\n onClick = () => {\r\n const { noScrollTop } = this.props;\r\n if (noScrollTop === 'false' || noScrollTop === null) {\r\n try {\r\n window.scrollTo({ top: 0, left: 0, behavior: 'auto' });\r\n } catch {\r\n window.scrollTo(0, 0);\r\n }\r\n }\r\n };\r\n\r\n getPages() {\r\n const { siblings, current, total } = this.props;\r\n const pages = [];\r\n const min = Math.max(1, current - siblings - Math.max(0, siblings - total + current));\r\n const max = Math.min(total, min + siblings * 2);\r\n\r\n for (let i = min; i <= max; i += 1) {\r\n pages.push(i);\r\n }\r\n\r\n return pages;\r\n }\r\n\r\n render() {\r\n const { current, total } = this.props;\r\n const firstLinkClasses = classNames('page-item', {\r\n disabled: current <= 1,\r\n });\r\n const lastLinkClasses = classNames('page-item', {\r\n disabled: current >= total,\r\n });\r\n\r\n const pages = this.getPages().map((page, index) => {\r\n const classes = classNames('page-item', {\r\n active: page === current,\r\n });\r\n\r\n return (\r\n
\r\n {\r\n this.onClick();\r\n this.setPage((page));\r\n }}\r\n >\r\n {page}\r\n {page === current && (current)}\r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n
\r\n - \r\n {\r\n this.onClick();\r\n this.setPage(current - 1)\r\n }}\r\n >\r\n \r\n \r\n
\r\n {pages}\r\n - \r\n {\r\n this.onClick();\r\n this.setPage(current + 1)\r\n }}\r\n >\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nPagination.propTypes = {\r\n siblings: PropTypes.number,\r\n current: PropTypes.number,\r\n total: PropTypes.number,\r\n onPageChange: PropTypes.func,\r\n noScrollTop: PropTypes.string,\r\n};\r\n\r\nPagination.defaultProps = {\r\n siblings: 1,\r\n current: 1,\r\n total: 1,\r\n noScrollTop: 'false',\r\n};\r\n\r\nexport default Pagination;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction AppLink(props) {\r\n const { external, children, ...otherProps } = props;\r\n let link;\r\n\r\n if (external) {\r\n const {\r\n to,\r\n replace,\r\n innerRef,\r\n ...linkProps\r\n } = otherProps;\r\n\r\n link =
{children};\r\n } else {\r\n link =
{children};\r\n }\r\n\r\n return link;\r\n}\r\n\r\nAppLink.propTypes = {\r\n to: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.shape({\r\n pathname: PropTypes.string,\r\n search: PropTypes.string,\r\n hash: PropTypes.string,\r\n state: PropTypes.any,\r\n }),\r\n ]).isRequired,\r\n replace: PropTypes.bool,\r\n innerRef: PropTypes.oneOfType([\r\n PropTypes.func,\r\n PropTypes.object,\r\n ]),\r\n external: PropTypes.bool,\r\n};\r\nAppLink.defaultProps = {\r\n external: false,\r\n};\r\n\r\nexport default AppLink;\r\n","import { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass Collapse extends Component {\r\n componentDidMount() {\r\n if (!this.content) {\r\n return;\r\n }\r\n\r\n const { open } = this.props;\r\n\r\n this.content.addEventListener('transitionend', this.handleTransitionEnd);\r\n\r\n if (open === true) {\r\n this.expand(true);\r\n }\r\n if (open === false) {\r\n this.collapse(true);\r\n }\r\n }\r\n\r\n componentDidUpdate() {\r\n const { open } = this.props;\r\n\r\n if (typeof open === 'boolean') {\r\n if (open) {\r\n this.expand();\r\n } else {\r\n this.collapse();\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (!this.content) {\r\n return;\r\n }\r\n\r\n this.content.removeEventListener('transitionend', this.handleTransitionEnd);\r\n }\r\n\r\n handleTransitionEnd = (event) => {\r\n if (this.content && event.propertyName === 'height') {\r\n this.content.style.height = '';\r\n }\r\n };\r\n\r\n handleToggle = () => {\r\n const { toggleClass } = this.props;\r\n\r\n if (!this.item || !this.content || !toggleClass) {\r\n return;\r\n }\r\n\r\n if (this.item.classList.contains(toggleClass)) {\r\n this.collapse();\r\n } else {\r\n this.expand();\r\n }\r\n };\r\n\r\n setItemRef = (ref) => {\r\n this.item = ref;\r\n };\r\n\r\n setContentRef = (ref) => {\r\n this.content = ref;\r\n };\r\n\r\n expand(immediate = false) {\r\n const { toggleClass } = this.props;\r\n\r\n if (!this.item || !this.content || !toggleClass) {\r\n return;\r\n }\r\n\r\n if (immediate) {\r\n this.item.classList.add(toggleClass);\r\n this.content.style.height = '';\r\n } else {\r\n const startHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.item.classList.add(toggleClass);\r\n\r\n const endHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.content.style.height = `${startHeight}px`;\r\n this.content.getBoundingClientRect(); // force reflow\r\n this.content.style.height = `${endHeight}px`;\r\n }\r\n }\r\n\r\n collapse(immediate = false) {\r\n const { toggleClass } = this.props;\r\n\r\n if (immediate) {\r\n this.item.classList.remove(toggleClass);\r\n this.content.style.height = '';\r\n } else {\r\n const startHeight = this.content.getBoundingClientRect().height;\r\n\r\n this.content.style.height = `${startHeight}px`;\r\n this.item.classList.remove(toggleClass);\r\n\r\n this.content.getBoundingClientRect(); // force reflow\r\n this.content.style.height = '';\r\n }\r\n }\r\n\r\n render() {\r\n const { render } = this.props;\r\n\r\n if (render) {\r\n return render({\r\n toggle: this.handleToggle,\r\n setItemRef: this.setItemRef,\r\n setContentRef: this.setContentRef,\r\n });\r\n }\r\n\r\n return null;\r\n }\r\n}\r\n\r\nCollapse.propTypes = {\r\n /** class that will be applied to this.item when opened */\r\n toggleClass: PropTypes.string,\r\n /** render function with arguments: toggle, setItemRef, setContentRef */\r\n render: PropTypes.func,\r\n /** if specified, the component will behave as a stateless component */\r\n open: PropTypes.bool,\r\n};\r\n\r\nexport default Collapse;\r\n","import axios from 'axios';\r\n\r\nconst CryptoJS = require('crypto-js');\r\n\r\nconst API_URL = process.env.REACT_APP_BASEURL;\r\nlet cipher = '';\r\nconst encryptKey = async () => {\r\n await axios.get(`${API_URL}Home/GetDate`).then((response) => {\r\n const apiKey = response.data;\r\n cipher = CryptoJS.AES.encrypt(apiKey.toString(), CryptoJS.enc.Utf8.parse(`${process.env.REACT_APP_API_SECRET_KEY}`), {\r\n keySize: 128 / 8,\r\n iv: CryptoJS.enc.Utf8.parse(`${process.env.REACT_APP_API_SECRET_KEY}`),\r\n mode: CryptoJS.mode.CBC,\r\n padding: CryptoJS.pad.Pkcs7,\r\n }).toString();\r\n });\r\n axios.defaults.headers.common = { key: `${cipher}` }\r\n}\r\nconst getData = async (action) => {\r\n await encryptKey();\r\n const result = await axios.get(API_URL + action);\r\n return result;\r\n};\r\nconst postData = async (action, data) => {\r\n await encryptKey();\r\n const result = await axios.post(API_URL + action, data);\r\n return result;\r\n};\r\nconst putData = async (action, data) => {\r\n await encryptKey();\r\n const result = await axios.put(API_URL + action, data);\r\n return result;\r\n};\r\nconst deleteData = async (action) => {\r\n await encryptKey();\r\n const result = await axios.delete(API_URL + action);\r\n return result;\r\n};\r\n\r\nexport {\r\n getData,\r\n postData,\r\n putData,\r\n deleteData,\r\n};\r\n","import React from 'react';\r\n\r\nexport default function PostLoader() {\r\n return (\r\n
\r\n );\r\n}\r\n"],"sourceRoot":""}
![\"Bot\"](\"/images/chatbot/chatbot.png\")
\r\n ![\"\"](\"/images/logot/MFPT_FOOTER_SHQ.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_FOOTER_EN.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_FOOTER_SER.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_SCROLL.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_SHQ.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_EN.png\")
\r\n \r\n ![\"\"](\"/images/logot/MFPT_SER.png\")
\r\n \r\n 
\r\n ![\"\"](\"/images/blur/news2.jpg\")
\r\n ) : (\r\n ![\"\"](\"/images/blur/news-solid.jpg\")
\r\n ) : (\r\n ![\"\"](\"/images/blur/default-personel.jpg\")
\r\n ) : (\r\n