\r\n
\r\n}","export function isExternalLink(link){\r\n return link && (link.indexOf('https://') === 0 || link.indexOf('http://') === 0 || link.indexOf('://') === 0);\r\n}\r\n\r\nexport function getLinkFromElement(el){\r\n if (!el) return null;\r\n const linkEl = el.closest('a');\r\n //console.log(el, linkEl);\r\n if (linkEl){\r\n return linkEl.getAttribute('href');\r\n }\r\n return null;\r\n}\r\n\r\n\r\n// router utils\r\nexport function getLinkInfo(link) {\r\n if (!link) return null;\r\n\r\n const origin = typeof window !== `undefined` && window.location && window.location.origin;\r\n const currentPath = typeof window !== `undefined` && window.location && window.location.pathname;\r\n let linkFiltered = link.replace(origin, '').replace(currentPath + '#', '#');\r\n let linkLower = link.toLowerCase();\r\n\r\n //if (isStaticFile(linkLower)) return null;\r\n const isExternal = isExternalLink(linkFiltered);\r\n const isHash = linkFiltered.indexOf('#') === 0;\r\n const isTel = linkFiltered.indexOf('tel:') === 0;\r\n const isMailTo = linkFiltered.indexOf('mailto:') === 0;\r\n const type = (isHash && 'hash') || (isTel && 'tel') || (isMailTo && 'mailto') || \r\n (isStaticFile(linkLower) && 'static') || (isExternal && 'external') || 'internal';\r\n\r\n return { url: linkFiltered, type: type, ext: getExtension(link) };\r\n}\r\n\r\nvar exts = ['.pdf', '.jpg', '.png', '.gif', '.docx', '.doc']\r\nfunction isStaticFile(path) {\r\n for(let i = 0; i < exts.length; i++) {\r\n if (path.indexOf(exts[i]) >= 0) return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport function getExtension(filename) {\r\n if (!filename || filename.indexOf('.') < 0) return null;\r\n return filename.split('.').pop().toLowerCase();\r\n}\r\n\r\nexport function getFilename(url) {\r\n return url.split('/').pop().split('?')[0];\r\n}\r\n\r\n//\r\nexport function toQueryString(params) {\r\n var queryString = Object.keys(params).map((key) => {\r\n return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])\r\n }).join('&');\r\n return queryString;\r\n}\r\n\r\nexport function getYoutubeId(url){\r\n url = url.split(/(vi\\/|v=|\\/v\\/|youtu\\.be\\/|\\/embed\\/)/);\r\n return (url[2] !== undefined) ? url[2].split(/[^0-9a-z_-]/i)[0] : url[0];\r\n}\r\n\r\nexport function getSlug(text){\r\n return text.toLowerCase().replace(/ /g,'-').replace(/[-]+/g, '-').replace(/[^\\w-]+/g,'');\r\n}\r\n\r\nexport function getWebUrl(url, schema = 'https://'){\r\n if (!url) return null;\r\n if (url.indexOf('https:') >= 0 || url.indexOf('http:') >= 0 || url.indexOf(':') >= 0) {\r\n return url;\r\n }\r\n return schema + url;\r\n}","//#region error json parsing\r\nexport const getErrors = (result) => {\r\n let errors = [];\r\n if (result && result.errors && result.errors.length > 0) {\r\n result.errors.forEach(err => {\r\n errors.push(err.errorMessage);\r\n });\r\n }\r\n return errors;\r\n}\r\n\r\nexport const getErrorMessage = (result) => {\r\n let errors = getErrors(result);\r\n return errors.join(\" \");\r\n}\r\n//#endregion","//#region conversion between array and object\r\nexport const convertToObject = (array, key) => {\r\n const initialValue = {};\r\n return array.reduce((obj, item) => {\r\n return {\r\n ...obj,\r\n [item[key]]: item,\r\n };\r\n }, initialValue);\r\n};\r\n\r\nexport const convertToKeyValues = (array, key, value) => {\r\n const initialValue = {};\r\n return array.reduce((obj, item) => {\r\n return {\r\n ...obj,\r\n [item[key]]: item[value],\r\n };\r\n }, initialValue);\r\n};\r\n//#endregion\r\n\r\n//#region array helper functions\r\nexport const moveItem = (list, fromIndex, toIndex) => {\r\n //const list = Array.from(array);\r\n const [removed] = list.splice(fromIndex, 1);\r\n list.splice(toIndex, 0, removed);\r\n\r\n return list;\r\n};\r\n\r\nexport const removeItem = (list, index) => {\r\n //const list = Array.from(array);\r\n list.splice(index, 1);\r\n\r\n return list;\r\n};\r\n\r\nexport const insertItem = (list, index, item) => {\r\n //const list = Array.from(array);\r\n list.splice(index, 0, item);\r\n\r\n return list;\r\n};\r\n\r\n\r\nexport const find = (list, fn) => {\r\n if (!list) return null;\r\n for (let i = 0; i < list.length; i++) {\r\n if (fn(list[i])) {\r\n return list[i];\r\n }\r\n }\r\n};\r\n\r\nexport const findIndex = (list, fn) => {\r\n if (!list) return -1;\r\n for (let i = 0; i < list.length; i++) {\r\n if (fn(list[i])) {\r\n return i;\r\n }\r\n }\r\n};\r\n\r\nexport const contains = (list, fn) => {\r\n return findIndex(list, fn) >= 0;\r\n}\r\n\r\nexport const sum = (list, fn) => {\r\n if (!list) return 0;\r\n let total = 0;\r\n for (let i = 0; i < list.length; i++) {\r\n total += fn(list[i]) || 0\r\n }\r\n return total\r\n}\r\n\r\nexport const equal = (list1, list2, fn) => {\r\n if (!list1 && !list2) return true;\r\n if (!list1 || !list2) return false;\r\n if (list1.length !== list2.length) return false;\r\n for (let i = 0; i < list1.length; i++) {\r\n let found = false;\r\n for (let j = 0; j < list2.length; j++) {\r\n if(fn(list1[i], list2[i])) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n if (!found) return false;\r\n }\r\n return true;\r\n}\r\n//#endregion\r\n\r\n//#region sorting helpers\r\nexport const caseInsensitiveCompare = function (a, b) {\r\n return a.toLowerCase().localeCompare(b.toLowerCase());\r\n}\r\n\r\n// put the null items at the end.\r\nexport const compareIgnoreEmpty = function (asc) {\r\n return asc ?\r\n function (a, b) {\r\n return (a === null || isNaN(a)) - (b === null || isNaN(b)) || +(a > b) || -(a < b);\r\n }\r\n :\r\n function (a, b) {\r\n return (a === null || isNaN(a)) - (b === null || isNaN(b)) || -(a > b) || +(a < b);\r\n }\r\n}\r\n//#endregion","import parse from 'date-fns/parse';\r\nimport parseISO from 'date-fns/parseISO';\r\n\r\n//#region manipulation\r\nexport const addDays = (date, days) => {\r\n var result = new Date(date)\r\n result.setDate(result.getDate() + days)\r\n return result\r\n}\r\n//#endregion\r\n\r\n//#region format\r\nexport function formatYYYYMMDD(dateObj) {\r\n const date = toDate(dateObj);\r\n //console.log(dateObj, date)\r\n if (!date) return '';\r\n var dd = date.getDate();\r\n var mm = date.getMonth() + 1; //January is 0!\r\n\r\n var yyyy = date.getFullYear();\r\n if (dd < 10) {\r\n dd = '0' + dd;\r\n } \r\n if (mm < 10) {\r\n mm = '0' + mm;\r\n } \r\n return (`${yyyy}-${mm}-${dd}`)\r\n}\r\n\r\nexport function formatDDMMYYYY(dateObj) {\r\n const date = toDate(dateObj);\r\n //console.log(dateObj, date)\r\n if (!date) return '';\r\n var dd = date.getDate();\r\n var mm = date.getMonth() + 1; //January is 0!\r\n\r\n var yyyy = date.getFullYear();\r\n if (dd < 10) {\r\n dd = '0' + dd;\r\n } \r\n if (mm < 10) {\r\n mm = '0' + mm;\r\n }\r\n return (`${dd}-${mm}-${yyyy}`)\r\n}\r\n//#endregion\r\n\r\n//#region parse\r\nexport function toDate(dateObj){\r\n if (!dateObj) return null;\r\n if (typeof dateObj === 'string') {\r\n return parseDate(dateObj, 'yyyy-MM-dd') ||\r\n parseDate(dateObj, 'yyyy-M-d') ||\r\n parseDate(dateObj, 'dd/MM/yyyy') ||\r\n parseDate(dateObj, 'd/M/yyyy') ||\r\n parseISO(dateObj)\r\n } else {\r\n return dateObj;\r\n }\r\n}\r\n\r\nexport function toDateTime(dateObj){\r\n if (!dateObj) return null;\r\n if (typeof dateObj === 'string') {\r\n return parseDate(dateObj, \"yyyy-MM-dd'T'HH:mm:ss.SSSxxx\") ||\r\n parseDate(dateObj, 'yyyy-MM-dd HH:mm:ss.SSSxxx') ||\r\n parseDate(dateObj, 'yyyy-M-d HH:mm:ss.SSSxxx') ||\r\n parseDate(dateObj, 'dd/MM/yyyy HH:mm:ss.SSSxxx') ||\r\n parseDate(dateObj, 'd/M/yyyy HH:mm:ss.SSSxxx') ||\r\n parseISO(dateObj)\r\n } else {\r\n return dateObj;\r\n }\r\n}\r\n\r\nexport function parseDate(dateStr, format) {\r\n const date = parse(dateStr, format, new Date());\r\n return date && isValidDate(date)? date : null;\r\n}\r\n\r\nexport function isValidDate(d) {\r\n return d instanceof Date && !isNaN(d);\r\n}\r\n//#endregion","//#region background images\r\nexport const bgUrl = (imageUrl) => {\r\n return `background-image:url(\"` + encodeURI(decodeURI(imageUrl)) + `\")`\r\n}\r\n\r\nexport const bgUrlStyle = (imageUrl) => {\r\n return `url(\"` + encodeURI(decodeURI(imageUrl)) + `\")`\r\n}\r\n//#endregion\r\n\r\n//#region screen/element size\r\nexport const screenWidth = () => {\r\n if (typeof window !== `undefined`) { \r\n return window.innerWidth ||\r\n document.documentElement.clientWidth ||\r\n document.body.clientWidth\r\n } else {\r\n return 0;\r\n }\r\n}\r\n\r\nexport const screenHeight = () => {\r\n if (typeof window !== `undefined`) { \r\n return window.innerHeight ||\r\n document.documentElement.clientHeight ||\r\n document.body.clientHeight\r\n } else {\r\n return 0;\r\n }\r\n}\r\n\r\nexport const outerWidth = el => el.offsetWidth\r\nexport const outerHeight = el => el.offsetHeight\r\n//#endregion\r\n\r\n//#region css class\r\n/**\r\n * Check if element has the css class on it.\r\n */\r\nexport const hasClass = (el, className) => {\r\n if (el.classList) {\r\n return el.classList.contains(className)\r\n }\r\n\r\n return !!el.className.match(new RegExp(`(\\\\s|^)${className}(\\\\s|$)`))\r\n}\r\n\r\n/**\r\n * Adds the provided css className to the element.\r\n */\r\nexport const addClass = (el, className) => {\r\n if (el.classList) {\r\n el.classList.add(className)\r\n return\r\n }\r\n\r\n if (!hasClass(el, className)) {\r\n el.className += ` ${className}`\r\n }\r\n}\r\n\r\n/**\r\n * Remove the provided css className from the element.\r\n */\r\nexport const removeClass = (el, className) => {\r\n if (el.classList) {\r\n el.classList.remove(className)\r\n return\r\n }\r\n\r\n if (hasClass(el, className)) {\r\n const reg = new RegExp(`(\\\\s|^)${className}(\\\\s|$)`)\r\n el.className = el.className.replace(reg, ' ')\r\n }\r\n}\r\n\r\n/**\r\n * Adds or removes a class name on the input depending on the status flag.\r\n */\r\nexport const toggleClass = (el, className, status) => {\r\n if (!el || !className) return\r\n\r\n if (status) {\r\n return addClass(el, className)\r\n }\r\n\r\n removeClass(el, className)\r\n}\r\n//#endregion","import { gsap } from 'gsap';\r\nimport { ScrollToPlugin } from 'gsap/ScrollToPlugin';\r\n\r\ngsap.registerPlugin(ScrollToPlugin);\r\n\r\nexport function scrollTo(selector, duration = 750, delay = 0) {\r\n const el = findElement(selector);\r\n if (el) {\r\n setTimeout(() => {\r\n //console.log(element);\r\n const offset = elementOffset(el);\r\n //console.log(offset)\r\n //window.scrollTo(0, offset.top - 300);\r\n\r\n gsap.to(window, {duration: (duration/1000), scrollTo: offset.top - 100, ease: 'power1'});\r\n\r\n }, delay);\r\n //el.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' }); }, timeout);\r\n return true;\r\n }\r\n return false;\r\n}\r\n\r\nexport function findElement(selector) {\r\n if (typeof selector !== 'string') return selector;\r\n\r\n let found = querySelectorOrNull(selector)\r\n || querySelectorOrNull('#' + selector)\r\n || querySelectorOrNull('.' + selector)\r\n \r\n return found;\r\n}\r\n\r\nexport function querySelectorOrNull(selector) {\r\n try {\r\n return document.querySelector(selector);\r\n } catch(e){\r\n return null;\r\n };\r\n}\r\n\r\nexport function elementOffset(el) {\r\n var rect = el.getBoundingClientRect(),\r\n scrollLeft = typeof window !== `undefined` ? (window.pageXOffset || document.documentElement.scrollLeft) : 0,\r\n scrollTop = typeof window !== `undefined` ? (window.pageYOffset || document.documentElement.scrollTop) : 0;\r\n\r\n return { top: rect.top + scrollTop, left: rect.left + scrollLeft, width: el.offsetWidth, height: el.offsetHeight }\r\n}\r\n\r\nexport function isElementInViewport (el) {\r\n if (typeof window !== `undefined`) {\r\n var rect = el.getBoundingClientRect();\r\n\r\n return (\r\n rect.top >= 0 &&\r\n rect.left >= 0 &&\r\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */\r\n rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */\r\n );\r\n } else {\r\n return true;\r\n }\r\n}\r\n\r\nexport function getCurrentBreakpoint() {\r\n if (typeof window === `undefined`) return null;\r\n \r\n const bpHolder = document.querySelector('.devMediaQueryStatus__current');\r\n if (!bpHolder) return null;\r\n return window.getComputedStyle(bpHolder, ':before').getPropertyValue('content').replace(/[\"']/g, '');\r\n}\r\n\r\n","export function formatMoney(number, fraction = 0) {\r\n var formatter = new Intl.NumberFormat('en-AU', {\r\n style: 'currency',\r\n currency: 'AUD',\r\n minimumFractionDigits: fraction,\r\n });\r\n\r\n return formatter.format(number);\r\n}\r\n\r\nexport function toMonthlyCost(amount, frequency) {\r\n if (!amount) return 0;\r\n if (frequency === 'Week') {\r\n return amount * 52.1429 / 12.0;\r\n } else if (frequency === 'Fortnight') {\r\n return amount * 52.1429 / 2.0 / 12.0;\r\n } else if (frequency === 'Month') {\r\n return amount;\r\n } else if (frequency === 'Quarter') {\r\n return amount * 4.0 / 12.0;\r\n } else if (frequency === 'Year') {\r\n return amount / 12.0;\r\n } else {\r\n return amount;\r\n }\r\n}\r\n","export function isBlank(str) {\r\n return (!str || /^\\s*$/.test(str))\r\n}\r\n\r\nexport function isEmpty(str) {\r\n return (!str || str.length === 0)\r\n}\r\n\r\nexport function isNumeric(num){\r\n return !isNaN(num)\r\n}\r\n\r\nexport function capitalize(expression) {\r\n return expression.charAt(0).toUpperCase() + expression.slice(1);\r\n}\r\n\r\nexport function toFieldName(str) {\r\n if (!str) return null;\r\n return capitalize((str.replace(/([A-Z]+)/g, ' $1').replace(/([A-Z][a-z])/g, ' $1')).trim());\r\n}\r\n\r\nexport function toHtml(str) {\r\n if (!str) return null;\r\n return str.replace(/[\\n\\r]/g, '')\r\n}\r\n\r\n// Shorten a string to less than maxLen characters without truncating words.\r\nexport function truncateWords(str, maxLen, separator = ' ', ellipsis = '...') {\r\n if (str.length <= maxLen) return str\r\n var pos = str.lastIndexOf(separator, maxLen)\r\n return str.substr(0, pos) + ellipsis\r\n}\r\n\r\nexport function numberWithCommas(x) {\r\n var parts = x.toString().split(\".\");\r\n parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n return parts.join(\".\");\r\n}\r\n\r\nexport const formatNumber = (value) => {\r\n if (value === 0) return '0';\r\n if (!value) return '';\r\n return Math.round(value * 100) / 100\r\n}\r\n\r\nexport const toTelephoneNumber = (str) => {\r\n return (str || []).replace(/[^+\\d]+/g, \"\");\r\n\r\n}","import shortid from 'shortid';\r\nimport uuid from 'uuid/v4';\r\n\r\nexport function shortId() {\r\n return shortid();\r\n}\r\n\r\nexport function guid() {\r\n return uuid();\r\n}","export function toCamel(o) {\r\n var newO, origKey, newKey, value\r\n if (o instanceof Array) {\r\n return o.map(function(value) {\r\n if (typeof value === \"object\") {\r\n value = toCamel(value)\r\n }\r\n return value\r\n })\r\n } else {\r\n newO = {}\r\n for (origKey in o) {\r\n if (o.hasOwnProperty(origKey)) {\r\n newKey = (origKey.charAt(0).toLowerCase() + origKey.slice(1) || origKey).toString()\r\n value = o[origKey]\r\n if (value instanceof Array || (value !== null && value.constructor === Object)) {\r\n value = toCamel(value)\r\n }\r\n newO[newKey] = value\r\n }\r\n }\r\n }\r\n return newO\r\n}","import classNames from 'classnames';\r\nimport * as url from './url';\r\nimport * as form from './form';\r\nimport * as array from './array';\r\nimport * as date from './date';\r\nimport * as css from './css';\r\nimport * as ui from './ui';\r\nimport * as money from './money';\r\nimport * as text from './text';\r\nimport * as random from './random';\r\nimport * as object from './object';\r\n\r\nexport default { classNames, url, form, array, date, css, ui, money, text, random, object};","import utils from \"../utils\";\nimport env from '../env';\n\nexport const isMobile = () => {\n var width = utils.css.screenWidth()\n return width < 768\n}\n\nexport function resourcePath(url){\n return utils.url.isExternalLink(url)? url : env.resourceBase + url;\n}\n\nexport function fullUrl(url){\n return utils.url.isExternalLink(url)? url : env.baseOrigin + url;\n}\n\nexport const isNZ = env.locale === 'nz';\n\n\n\nconst lsVer = \"V2\";\nconst lsSearchInfo = \"lsSearchInfo\" + lsVer;\n\nfunction createLsSearchInfo(){\n const lsSearchInfoData = {\n backButtonCheck : false,\n backButtonCheck2 : false,\n //checkBackupResult : false,\n oldUrls : [],\n //backBtnCount : 0,\n searchResult : null\n };\n localStorage.setItem(lsSearchInfo, JSON.stringify(lsSearchInfoData));\n}\n\nexport function setupLsForSearch(storeItem){\n\n createLsSearchInfo();\n const searchResultData = JSON.parse(localStorage.getItem(lsSearchInfo));\n\n searchResultData.backButtonCheck = true;\n searchResultData.searchResult = storeItem;\n searchResultData.oldUrls.push(\"/history\");\n \n localStorage.setItem(lsSearchInfo, JSON.stringify(searchResultData));\n}\n\nexport function setupLsForSearchUrl(url){\n\n if(!localStorage.getItem(lsSearchInfo)){\n createLsSearchInfo();\n }\n const searchResultData = JSON.parse(localStorage.getItem(lsSearchInfo));\n searchResultData.backButtonCheck = true;\n searchResultData.oldUrls.push(url);\n localStorage.setItem(lsSearchInfo, JSON.stringify(searchResultData));\n}\n\nexport function reSetupLsForSearch(){\n\n var returnResult;\n const searchResultData = localStorage.getItem(lsSearchInfo) ? JSON.parse(localStorage.getItem(lsSearchInfo)) : null;\n \n if(searchResultData && searchResultData.backButtonCheck === true){\n returnResult = searchResultData.oldUrls[searchResultData.oldUrls.length -1];\n }\n //console.log(searchResultData.oldUrls.length);\n return returnResult;\n}\n\nexport function backBtnCheckInResult(){\n const searchResultData = localStorage.getItem(lsSearchInfo) ? JSON.parse(localStorage.getItem(lsSearchInfo)) : null;\n searchResultData.backButtonCheck2 = true;\n searchResultData.oldUrls.pop();\n localStorage.setItem(lsSearchInfo, JSON.stringify(searchResultData));\n}\n\nexport function getStoreInfo(){\n\n const result = {\n checkBackupResult : false,\n filter : null,\n games : null,\n players : null\n };\n \n const searchResultData = localStorage.getItem(lsSearchInfo) ? JSON.parse(localStorage.getItem(lsSearchInfo)) : null;\n\n if(window.location.pathname === \"/history\"){\n if(searchResultData){\n if(searchResultData.backButtonCheck2 === true){\n result.filter = searchResultData.searchResult.Filter;\n result.games = searchResultData.searchResult.Games;\n result.players = searchResultData.searchResult.Players;\n result.checkBackupResult = result.filter ? true : false;\n createLsSearchInfo();\n }\n }\n }\n return result;\n}\n\n// export function removeCheckBackupResult(){\n// const searchResultData = localStorage.getItem(lsSearchInfo) ? JSON.parse(localStorage.getItem(lsSearchInfo)) : null;\n// if(searchResultData){\n// searchResultData.checkBackupResult = false;\n// localStorage.setItem(lsSearchInfo, JSON.stringify(searchResultData));\n// }\n// }\n\n// export function getStoreData(){\n// const searchResultData = localStorage.getItem(lsSearchInfo) ? JSON.parse(localStorage.getItem(lsSearchInfo)) : null;\n// if(searchResultData){\n// return searchResultData.searchResult;\n// }\n// }","import coreUtils from '../lib/utils-core';\nimport * as site from '../site/siteUtils';\n\nexport default { ...coreUtils, site };","import { useState, useEffect } from 'react';\r\nimport utils from '../../utils';\r\nimport siteConfig from '../../config';\r\n\r\nexport function useApi(fn) {\r\n //console.log('useApi')\r\n const [response, setResponse] = useState({});\r\n const [errors, setErrors] = useState([]);\r\n const [status, setStatus] = useState('ready');\r\n const [request, setRequest] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!request) return;\r\n\r\n //console.log('fetch now')\r\n setResponse(null);\r\n setErrors([]);\r\n setStatus('ready');\r\n\r\n const fetchData = async () => {\r\n setStatus('pending');\r\n try {\r\n //console.log(request);\r\n const options = request.options || {}\r\n siteConfig.apiNetJwt && await siteConfig.apiNetJwt(options);\r\n\r\n const res = await fetch(request.url, options);\r\n //console.log(res);\r\n\r\n if (!res.ok) {\r\n try {\r\n const json = await res.json();\r\n console.log(json);\r\n\r\n if (json.message) {\r\n setErrors([json.message]);\r\n setStatus('error')\r\n return;\r\n }\r\n } catch (e) { }\r\n\r\n setErrors(['Error - ' + res.status + (res.statusText && (' - ' + res.statusText))]);\r\n setStatus('error')\r\n return;\r\n }\r\n\r\n //const json = await res.json();\r\n const text = await res.text();\r\n const json = text && text.length ? JSON.parse(text) : null;\r\n //console.log(json);\r\n\r\n // check if ajax result from c#\r\n if (json && json.errors && json.errors.length > 0) {\r\n setErrors(utils.form.getErrors(json));\r\n setStatus('error')\r\n return;\r\n }\r\n\r\n setResponse(json);\r\n setStatus('done')\r\n } catch (err) {\r\n //console.log(error, error.toString(), typeof error, JSON.stringify(error))\r\n setErrors([err.toString()]);\r\n setStatus('error')\r\n }\r\n };\r\n fetchData();\r\n }, [request]);\r\n\r\n const containsErrorMessage = (msg) => {\r\n const finding = (msg || '').toLowerCase()\r\n return errors.some(x => (x || '').toLowerCase().indexOf(finding) >= 0)\r\n }\r\n\r\n //return [ response, error, status, (...args) => setRequest(fn(...args)) ];\r\n return {\r\n request: request,\r\n response: response,\r\n errors: errors,\r\n status: status,\r\n hasErrors: () => status === 'error', \r\n containsErrorMessage: containsErrorMessage,\r\n addErrors: (errs) => {\r\n setErrors(...errors, ...errs)\r\n setStatus('error')\r\n },\r\n done: () => status === 'done',\r\n send: (...args) => {setStatus('ready'); setRequest(fn(...args))},\r\n sendRaw: (httpOptionFn, ...args) => {setStatus('ready'); setRequest(httpOptionFn(...args))},\r\n reset: () => {\r\n setStatus('ready');\r\n setErrors([]);\r\n }\r\n };\r\n}\r\n\r\nexport function usePost() {\r\n const formDataFn = (url, data, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'POST',\r\n body: data // FormData\r\n }\r\n });\r\n const post = useApi((url, data, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(data)\r\n }\r\n })\r\n );\r\n return {\r\n ...post,\r\n loading: () => post.status === 'ready' || post.status === 'pending',\r\n sending: () => post.status === 'pending',\r\n sendFormData: (...args) => post.sendRaw(formDataFn, ...args)\r\n }\r\n}\r\n\r\nexport function useGet() {\r\n const get = useApi((url, options = {}) =>\r\n ({\r\n url: url,\r\n options: {\r\n ...options,\r\n method: 'GET'\r\n }\r\n })\r\n );\r\n return {\r\n ...get,\r\n loading: () => get.status === 'ready' || get.status === 'pending'\r\n }\r\n}\r\n\r\n//https://medium.com/@jaryd_34198/seamless-api-requests-with-react-hooks-part-2-3ab42ba6ad5c","import React from 'react';\r\nimport env from '../../env';\r\n\r\nexport function MediaQueryStatus(props) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Helmet } from 'react-helmet-async';\r\n\r\nexport function MetaTag({ data: seoData }) {\r\n //console.log(seoData)\r\n const data = Object.assign({}, {\r\n title: ''\r\n }, seoData)\r\n\r\n return (<>\r\n \r\n {displayingPosts.map((item, index) =>\r\n
\r\n )\r\n}\r\n\r\nfunction Feed({item}) {\r\n return (\r\n \r\n {/* {item.link} */}\r\n \r\n })
\r\n {item.type === 'video' &&
\r\n )\r\n}","// https://www.pluralsight.com/guides/re-render-react-component-on-window-resize\r\nexport function debounce(fn, ms) {\r\n let timer\r\n return _ => {\r\n clearTimeout(timer)\r\n timer = setTimeout(_ => {\r\n timer = null\r\n fn.apply(this, arguments)\r\n }, ms)\r\n };\r\n}","import utils from '../../utils';\r\n\r\nexport function loadApi(onApiReady) {\r\n if (typeof window !== `undefined` && !window.YT) { // If not, load the script asynchronously\r\n const tag = document.createElement('script');\r\n tag.src = 'https://www.youtube.com/iframe_api';\r\n\r\n // onYouTubeIframeAPIReady will load the video after the script is loaded\r\n window.onYouTubeIframeAPIReady = () => onApiReady(true);\r\n\r\n const firstScriptTag = document.getElementsByTagName('script')[0];\r\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n } else { // If script is already there, load the video directly\r\n onApiReady(false);\r\n }\r\n}\r\n\r\n// export function player(playerId, videoId, playerVars = {}, events = {}) {\r\n// //let player = null;\r\n// const defaultPlayerVars = {\r\n// 'autoplay': 1,\r\n// 'controls': 0,\r\n// 'loop': 1,\r\n// 'showinfo': 0,\r\n// 'rel': 0,\r\n// 'modestbranding': 1,\r\n// 'origin': window.location.origin,\r\n// 'allowfullscreen': true,\r\n// 'wmode': 'transparent'\r\n// }\r\n// const defaultEvents = {\r\n// 'onStateChange': (e) => { },\r\n// 'onReady': (e) => { console.log('onReady'); player.mute() },\r\n// 'onError': (e) => { console.log(e) }\r\n// }\r\n\r\n// const player = new window.YT.Player(playerId, {\r\n// videoId: videoId,\r\n// playerVars: Object.assign({}, defaultPlayerVars, playerVars),\r\n// events: Object.assign({}, defaultEvents, events),\r\n// });\r\n// return player;\r\n// }\r\n\r\nexport function thumbnailMax(videoId){\r\n return `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`\r\n}\r\n\r\n// onPlayerStateChange(event){\r\n// switch (event.data){\r\n// case window['YT'].PlayerState.PLAYING:\r\n// //console.log('Playing');\r\n// //this.player.mute();\r\n// break;\r\n// case window['YT'].PlayerState.PAUSED:\r\n// //console.log('Pafdsu');\r\n// break;\r\n// case window['YT'].PlayerState.ENDED:\r\n// //console.log('ended ');\r\n// //this.player.playVideo();\r\n// this.player.stopVideo();\r\n// break;\r\n// }\r\n// }\r\n\r\n// toggleBannerYoutueInCMS(toggleItem:string){ \r\n// if(toggleItem == 'youtube'){\r\n// //location.reload();\r\n// this.toggleBannerOrYoutube = toggleItem;\r\n// this.player.playVideo();\r\n// this.init();\r\n// }\r\n// else{\r\n// this.toggleBannerOrYoutube = toggleItem;\r\n// this.player.stopVideo();\r\n// }\r\n// }\r\n\r\n\r\nexport function getYoutubeCode(src) {\r\n // if (src.indexOf('http') >= 0) {\r\n // if (src.indexOf('v=') >= 0) {\r\n // return src.split('v=')[1];\r\n // }\r\n // }\r\n // return src;\r\n return utils.url.getYoutubeId(src);\r\n}","import React from 'react';\r\nimport utils from '../../utils';\r\nimport * as yt from './iframeApi';\r\nimport { FaRegPlayCircle } from 'react-icons/fa';\r\nimport { useStore } from '../../store';\r\n\r\nexport function YoutubeEmbedPopup({ url, title, posterUrl }) {\r\n const { dispatch } = useStore();\r\n\r\n const videoId = yt.getYoutubeCode(url);\r\n const posterImageUrl = utils.site.resourcePath(posterUrl || yt.thumbnailMax(videoId));\r\n const [popupIndex, setPopupIndex] = React.useState(0);\r\n\r\n function openVideo() {\r\n setPopupIndex(popupIndex + 1);\r\n dispatch({ type: 'SET_POPUP', payload: { sources: [\r\n // \r\n 'https://www.youtube.com/watch?v=' + videoId\r\n ], popupIndex: popupIndex + 1} });\r\n }\r\n return (\r\n \r\n {item.type === 'video' && \r\n
\r\n );\r\n}\r\n","function payload(item, key, defaultVal = '') {\n const found = item.payloads.find(x => x.key === key);\n return found ? found.value : defaultVal;\n}\n\nexport default { payload };","import React from 'react';\nimport { Item } from '../../items/item';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport Slider from \"react-slick\";\n\nexport function BannerPanel(props) {\n const item = props.item;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item, subItems);\n\n const heightSet = cmsUtils.payload(item, 'HeightSet') || 'standard';\n\n const slides = subItems.map((subItem, index) =>\n \n \n {slides}\n \n
\n );\n}","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SiteLink } from '../../../components';\n\nexport function BannerItem(props) {\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item);\n\n const bgUrl = utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\n\n const captionTitle = cmsUtils.payload(item, 'CaptionTitle2') || cmsUtils.payload(item, 'CaptionTitle');\n const captionButton = cmsUtils.payload(item, 'CaptionButton') && cmsUtils.payload(item, 'CaptionButton') !== \"\" ? cmsUtils.payload(item, 'CaptionButton') : \"READ MORE\";\n \n const linkUrl = cmsUtils.payload(item, 'LinkUrl2') || cmsUtils.payload(item, 'LinkUrl');\n\n // const titlePanel = captionTitle ? (\n // linkUrl ? (\n // \n // { captionButton } \n //
\n // ) : ()\n // ) : null;\n\n const titlePanel = captionTitle ? \n \n {\n captionButton ? : null\n }\n \n
\n : null;\n\n const linkOverlay = linkUrl && !captionTitle ? (\n \n {titlePanel && titlePanel}\n {linkOverlay && linkOverlay}\n
\n \n {titlePanel && titlePanel}\n {linkOverlay && linkOverlay}\n
\n );\n}\n","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport { Item } from '../../items/item';\nimport utils from '../../../utils';\n\nexport function Panel(props) {\n const item = props.item;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item, subItems);\n \n const bgColor = cmsUtils.payload(item, 'BgColor');\n //const textColorTheme = cmsUtils.payload(item, 'TextColorTheme');\n const imageUrl = cmsUtils.payload(item, 'ImageUrl');\n const backgroundTile = cmsUtils.payload(item, 'BackgroundTile');\n const bgTheme = cmsUtils.payload(item, 'TextColorTheme') || 'white';\n //console.log(bgTheme)\n\n\n let bgUrl = null;\n if (imageUrl)\n bgUrl = utils.site.resourcePath(imageUrl);\n else if (backgroundTile)\n bgUrl = utils.site.resourcePath(`/dist/transparent-textures/textures/${backgroundTile}`);\n\n const cssClass = utils.classNames('cms_item', 'contentPanel', 'contentPanel--' + bgTheme, item.cssClass || item.anchorName || '');\n\n const subItemsElts = subItems.map((subItem, index) =>\n \n {subItemsElts}\n
\n \r\n {muted?
}\r\n\r\n {!canPlay && !mobileImageUrl && \r\n
}\r\n \r\n \n {/* {canPlayVideo() ?
\n );\n}\n\n// function MobileSlider(props) {\n// const item = props.item;\n// const subItems = item.items || [];\n \n// const slides = subItems.map((subItem, index) =>\n// \n// {slides}\n//
\n// );\n// }\n\n// function SlideItem(props){\n// const item = props.item;\n// const bgUrl = utils.site.resourcePath(cmsUtils.payload(item, 'ImageUrl'));\n\n// return (\n// \n// 
\n//
\n// );\n\n// }","import React from 'react';\nimport env from '../../env';\nimport { SiteLink} from '../../components';\nimport { usePost } from '../../components';\nimport { ErrorPopup, Loading } from '../../components';\nimport { useRouter } from '../../components';\n\nexport function SearchResult(props) {\n const { query } = useRouter();\n const post = usePost();\n const keyword = query.q;\n //console.log(keyword);\n\n React.useEffect(() => {\n post.send(env.apiBase + '/api/search/search', { keyword: keyword });\n // eslint-disable-next-line\n }, [keyword]);\n\n if (post.loading()) {\n return \n No result found.\n
\n )\n return (\n <>\n {pages.length > 0 && \n
}\n \n );\n}\n\nfunction PageList({pages}) {\n return (\n Pages
\n\n {pages.map((page, index) =>\n
\n );\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport cmsUtils from '../../cms/utils/cmsUtils';\nimport { useEffect } from 'react';\n//import style from './style';\n\nexport function TextWithJavScript(props){\n \n const item = props.item;\n const cssClass = props.cssClass;\n const code = cmsUtils.payload(item, 'Code') || '';\n\n const javaScriptCode = code.substring(code.indexOf(\"\n
\n )}\n \n {page.pageTitle} \n \n
\n \n
\n )\n}","import { mq } from '../../cssInJs'\n\nexport default{\n item__container : {\n border: '1px solid',\n padding: '10px 5px'\n },\n itme__span1 : mq({\n\n }),\n itme__span2 : mq({\n display: ['block', null, 'inline'],\n marginTop: ['-5px', null, '0px']\n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\n\nexport function ConvertTable(props){\n const values = props.value.split(\";;\");\n return(\n \n { values.map((item, index) => {\n const _values = item.split(\":\");\n return(\n
\n )\n}","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SearchResult } from '../../../site/searchResult/searchResult';\nimport { InstagramFeed } from '../../../components';\nimport { AppVersion } from '../../../components';\nimport { TextWithJavScript } from '../../../components/TextWithJavaScript/view';\nimport { ConvertTable } from '../../../components/convertTable/view';\n\nexport function Code(props) {\n const item = props.item;\n //const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item, cmsOption);\n\n const code = cmsUtils.payload(item, 'Code');\n const codeType = cmsUtils.payload(item, 'CodeType');\n let controls = null;\n if (codeType === 'Json') {\n const codeJson = JSON.parse(code);\n if (codeJson.control === 'search-results') {\n controls = \n {_values[0].trim() + \":\"} \n {_values[1].trim()} \n
\n )\n })}\n \n
\n )\n else if (codeType === 'Text')\n return (\n \n )\n else if(codeType === 'TestWithJs'){\n return(\n \n Code Type: {codeType}\n {code}\n {controls}
\n )\n}\n","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SiteLink } from '../../../components';\n\nexport function BlogPosts(props) {\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item);\n\n const posts = getPages(cmsUtils.payload(item, 'BlogPosts'));\n const numOfTileLines = parseInt(cmsUtils.payload(item, 'NumOfTileLines', '2'));\n //console.log(numOfPost, parseInt(numOfPost));\n //console.log(posts);\n const bp = utils.ui.getCurrentBreakpoint();\n const tilesPerLine = {xs:1, sm:1, md:2, lg:2, xl:3, xxl:4}\n const numOfPost = numOfTileLines * (tilesPerLine[bp] || 3);\n const step = numOfPost;\n console.log(bp, numOfTileLines, tilesPerLine, numOfPost)\n\n const [tilesToShow, setTilesToShow] = React.useState(numOfPost);\n\n const displayingPosts = posts.length > tilesToShow ? posts.slice(0, tilesToShow) : posts;\n const showMore = posts.length > displayingPosts.length;\n\n const pageTileElts = displayingPosts.map((page, index) =>\n \n {pageTileElts}\n
\n {showMore && (\n { setTilesToShow(tilesToShow + step) }}>LOAD MORE
)}\n \n );\n}\n\nfunction getPages(pagesSerialized) {\n if (pagesSerialized) {\n return JSON.parse(pagesSerialized);\n }\n return [];\n}\n\nfunction Tile(props) {\n const page = props.page;\n const imageUrl = utils.site.resourcePath(page.imageUrl);\n const disableLink = props.disableLink;\n return (\n \n \n \n \n
\n )\n}","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\n\nexport function BlogPostTitle(props) {\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item);\n\n const title = cmsUtils.payload(item, 'PageTitle');\n const postDate = cmsUtils.payload(item, 'PostDate');\n\n const cssClass = utils.classNames('blogView__titleContainer', 'cms_item', item.cssClass || item.anchorName || '');\n\n return (\n \n
\n \n
\n \n {page.pageTitle}\n
\n \n {page.tileDesc || page.description}\n
\n READ MORE
\n \n
\n );\n}\n","import React from 'react';\n//import cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport { Item } from '../../items/item';\n\nexport function VideoHolder(props) {\n const item = props.item;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item, subItems);\n\n const subItemsElts = subItems.map((subItem, index) =>\n \n {postDate}\n
\n \n {title}\n
\n\n {subItemsElts}\n
\n );\n}","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport utils from '../../../utils';\nimport { YoutubeEmbedPopup } from '../../../components';\n\nexport function VideoItem(props) {\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n\n console.log('item', item);\n\n const youtubeCode = cmsUtils.payload(item, 'YoutubeCode');\n const posterFrameUrl = cmsUtils.payload(item, 'PosterFrameUrl');\n const captionTitleYoutube = cmsUtils.payload(item, 'CaptionTitleYoutube');\n const shortDesc = cmsUtils.payload(item, 'ShortDesc');\n\n const cssClass = utils.classNames('cms_item', 'videoItem', item.cssClass || item.anchorName || '');\n\n return (\n \n
\n );\n}","import React from 'react';\nimport cmsUtils from '../../utils/cmsUtils';\nimport { Item } from '../../items/item';\nimport utils from '../../../utils';\n\nexport function MultiColumnPanel(props){\n const item = props.item;\n const mobileReverse = cmsUtils.payload(item, 'MobileReverse', 'no');\n //const subItems = item.items || [];\n const subItems = (mobileReverse === \"yes\" && utils.css.screenWidth() <= 550) ? item.items.reverse() || [] : item.items || [];\n const cmsOption = props.cmsOption || {};\n const columnWidths = cmsUtils.payload(item, 'ColumnWidths').split(\",\");\n const mobileColumnWidths = cmsUtils.payload(item, 'MobileColumnWidths').split(\",\");\n const countItem = {countD : 0, countM : 0, col : \"\"};\n\n const bgColor = cmsUtils.payload(item, 'BgColor');\n //const textColorTheme = cmsUtils.payload(item, 'TextColorTheme');\n const imageUrl = cmsUtils.payload(item, 'ImageUrl');\n const backgroundTile = cmsUtils.payload(item, 'BackgroundTile');\n const bgTheme = cmsUtils.payload(item, 'TextColorTheme') || 'white';\n \n let bgUrl = null;\n if (imageUrl)\n bgUrl = utils.site.resourcePath(imageUrl);\n else if (backgroundTile)\n bgUrl = utils.site.resourcePath(`/dist/transparent-textures/textures/${backgroundTile}`);\n\n const cssClass = utils.classNames('cms_item', 'contentPanel', 'multiColumnPanel', 'contentPanel--' + bgTheme, item.cssClass || item.anchorName || ''); \n\n function setupClass(index){ \n countItem.col = \"\";\n if(columnWidths.length === countItem.countD){\n countItem.countD = 0;\n }\n\n if(mobileColumnWidths.length === countItem.countM){\n countItem.countM = 0;\n }\n \n countItem.col = \"col-sm\" + (columnWidths[countItem.countD] === \"13\" ? \"\" : \"-\" + columnWidths[countItem.countD]) + \" col-\" + mobileColumnWidths[countItem.countM];\n countItem.countD ++;\n countItem.countM ++;\n };\n\n const subItemsElts = subItems.map((subItem, index) => {\n setupClass();\n return \n
\n \n
\n \n
\n {captionTitleYoutube}
\n \n\n
\n } \n );\n return (\n \n
\n \n {subItemsElts}\n
\n handleClick(e)}>\n
\n )\n\n return (\n \n {e.preventDefault(); e.stopPropagation();}}>{buttonTitle}
\n \n \n To edit the button title, please double click or open item editor
\n handleClick(e)}>\n
\n )\n}\n\n\nfunction restructureButton(el) {\n if (!el.querySelector('span')) {\n const span = document.createElement('span');\n span.innerHTML = el.innerHTML;\n el.innerHTML = '';\n el.appendChild(span);\n }\n}","// //import { css, keyframes } from '@emotion/core'\n// //import { variables, mq } from 'cssInJs'\n\nimport { css } from '@emotion/core'\nimport { mq } from '../../cssInJs'\n\nexport default {\n photoGallery : css({\n maxWidth : '960px',\n margin: 'auto'\n }),\n thumbnails : css({\n display:'flex',\n flexWrap:'wrap',\n marginLeft:'-5px',\n marginRight:'-5px'\n }),\n thumbnail : css(mq({\n //flexBasis: ['50%','25%','33.33%'],\n flexBasis: ['50%','25%','16.66%'],\n //padding: ['5px']\n padding:'5px',\n cursor: 'pointer'\n })),\n bg : {\n paddingBottom: '100%',\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\nimport { useState, useEffect } from 'react';\n\nimport utils from '../../utils';\nimport cmsUtils from '../../cms/utils/cmsUtils';\nimport FsLightbox from 'fslightbox-react';\nimport { createPortal } from \"react-dom\";\n\nfunction Portal({children}){\n const [el] = useState(document.createElement('div'));\n useEffect(() => {\n let mount = document.getElementById(\"portal-root\");\n mount.appendChild(el);\n return () => mount.removeChild(el);\n }, [el]);\n return createPortal(children, el);\n}\n\nexport function PhotoGallery(props){\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'photoGallery', item.cssClass || item.anchorName || '');\n const _images = cmsUtils.payload(item, 'ImageUrl') ? cmsUtils.payload(item, 'ImageUrl').split(\"|\") : [];\n const _thumbImages = [];\n\n // _images.forEach(el => {\n // let a = el.split(\"/\");\n // console.log('e',e);\n // });\n\n //let a = _images[0].split(\"/\");\n \n if(_images.length > 0){\n _images.forEach(el => {\n let _texts = el.split('/');\n let _text = el.replace(_texts[_texts.length-1], \"@thumb/\" + _texts[_texts.length-1]);\n _thumbImages.push(_text);\n });\n //console.log('222', _images2);\n }\n\n //const _images = ['https://jaba.com.au/sites/jaba/media/images/multicolour-services-min.jpg'];\n const [toggler, setToggler] = useState(false);\n const [popupIndex, setPopupIndex] = useState(0);\n \n return(\n \n {buttonTitle}
\n \n \n \n {/* \n \n\n
\n ); \n}","import { css } from '@emotion/core'\n//import { mq } from 'cssInJs'\n\nexport default{\n testimonialPanel : css({\n marginTop: '20px',\n marginBottom: '20px',\n backgroundColor: 'transparent',\n '& .slick-prev:before, .slick-next:before' : {\n color : 'black'\n },\n '& .slick-next' : {\n right : '-2%'\n },\n '& .slick-prev' : {\n left : '-2%'\n }\n })\n}","import { css } from '@emotion/core'\nimport { mq } from '../../../cssInJs'\n\nexport default{\n testimonialItem : css(mq({\n maxWidth : '300px',\n backgroundColor: '#f8f8ff',\n opacity: '.9',\n textAlign: 'center',\n color: '#000',\n padding: '10px',\n //height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n margin: 'auto',\n height: ['400px', '430px']\n })),\n\n\n testimonialItem_title : css(mq({\n marginBottom: '0px',\n fontSize: ['2rem', '1.72rem']\n })),\n\n testimonialItem_desc :css(mq({\n flex: '1 1 auto',\n fontSize: ['1.2rem', '1rem'] \n //flexGrow: '1',\n //flexShrink: '1'\n })),\n\n testimonialItem_bottom : css(mq({\n fontSize : ['1rem', '0.86rem']\n }))\n}","import utils from '../../../utils';\nimport cmsUtils from '../../../cms/utils/cmsUtils';\nimport { IoIosStar } from \"react-icons/io\";\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\n\nexport function TestimonialItem(props){\n\n const item = props.item;\n //const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'testimonialItem', item.cssClass || item.anchorName || '');\n \n const startRatingColor = (props.startRatingColor && props.startRatingColor !== \"\") ? props.startRatingColor : \"black\";\n \n const title = cmsUtils.payload(item, 'Title');\n const desc = cmsUtils.payload(item, 'Desc');\n const bottom = cmsUtils.payload(item, 'BottomText');\n const ratingValue = parseInt(cmsUtils.payload(item, 'RatingStar'));\n \n var rating = [];\n\n for(var i = 0; i < ratingValue; i++ ){\n rating.push(\n \n PhotoGallery\n
\n \n {\n _thumbImages.map((item, index) =>\n
\n {\n e.preventDefault();\n e.stopPropagation();\n setToggler(!toggler);\n setPopupIndex(index);\n }}>\n \n
\n )\n \n }\n \n
\n );\n}","//import { Item } from 'cms/items/item';\nimport Slider from \"react-slick\";\nimport utils from '../../../utils';\n//import cmsUtils from 'cms/utils/cmsUtils';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\n//import { useState, useEffect } from 'react';\n\nimport { TestimonialItem } from '../testimonialItem/view';\n\nexport function TestimonialPanel(props){\n const item = props.item;\n //const defaultDesH = 220;\n const startRatingColor = props.startRatingColor;\n const subItems = item.items || [];\n //console.log(subItems.length);\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'testimonialPanel', item.cssClass || item.anchorName || '');\n \n //const [desH, setDesH] = useState(defaultDesH);\n\n //var maxDesTextLength = 0;\n const testimonialItems = subItems.map((subItem, index) => {\n // let subItemDes = cmsUtils.payload(subItem, \"Desc\");\n // if(maxDesTextLength < subItemDes.length){\n // maxDesTextLength = subItemDes.length\n // }\n //return \n { title }\n
\n\n { rating }\n
\n {/* style={{ flexBasis: props.desH + \"px\" }} */}\n \n { desc }\n
\n \n { bottom }\n
\n\n \n { testimonialItems }\n \n
\n );\n}","import { css } from '@emotion/core'\n//import { mq } from '../../cssInJs'\nexport default{\n exTextItem : css({\n overflow:'hidden',\n maxHeight:'0',\n transition: 'all 0.8s',\n padding: '0px',\n '&.expand' : {\n maxHeight:'40000px',\n padding: '1rem 0'\n }\n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core'\n//import React from 'react';\nimport cmsUtils from '../../cms/utils/cmsUtils';\nimport utils from '../../utils';\nimport style from './style';\nimport { Item } from '../../cms/items/item';\n\nexport function ExpandablePanel(props){\n const item = props.item;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n const bgColor = cmsUtils.payload(item, 'BgColor');\n const imageUrl = cmsUtils.payload(item, 'ImageUrl');\n const backgroundTile = cmsUtils.payload(item, 'BackgroundTile');\n \n let bgUrl = null;\n\n if (imageUrl){\n bgUrl = utils.site.resourcePath(imageUrl);\n }\n else if (backgroundTile){\n bgUrl = utils.site.resourcePath(`/dist/transparent-textures/textures/${backgroundTile}`);\n }\n\n const cssClass = utils.classNames('cms_item', 'contentPanel', 'expandablePanel', cmsOption.isCmsEdit && 'expandablePanel_item_cms', item.cssClass || item.anchorName || '');\n const subItemsElts = subItems.map((subItem, index) =>\n \n {subItemsElts}\n
\n \n
\n )\n }\n\n return(\n \n News Feed Item \n\n
\n { (data && data.results) ?\n (\n useSlider && tileType === 'type2' ?\n \n {\n data.results.Result.map((item, index)=> :\n data.results.Result.map((item, index)=>
\n )\n}\n\nfunction Item(props) {\n \n const newsItem = props.newsItem;\n const tileType = props.tileType;\n const useSlider = props.useSlider;\n \n return (\n \n
\n }\n \n \n \n
\n )\n}\n\n// function Item({newsItem}){\n// //console.log('New item', newsItem);\n// //console.log('2222', utils.date.formatDDMMYYYY(newsItem.NewsDate));\n// const [openContent, setOpenContent] = useState(false);\n \n// return(\n// \n \n {/* */}\n
\n \n
\n \n
\n \n {newsItem.NewsTitle}\n
\n \n
\n \n { newsItem.NewsDescription }\n
\n \n FIND OUT MORE >\n
\n \n//
\n// )\n// }","import { css } from '@emotion/core'\n//import { mq } from 'cssInJs'\n\nexport default {\n sliderAwardPanel: css({\n marginTop: '20px',\n marginBottom: '20px',\n backgroundColor: 'transparent',\n '& .slick-prev:before, .slick-next:before': {\n color: 'black'\n },\n '& .slick-next': {\n right: '-2%'\n },\n '& .slick-prev': {\n left: '-2%'\n }\n }),\n sliderImageWrapper: {\n height: '100%'\n },\n sliderImageWrapper2: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n padding: '0 5px',\n flexDirection: 'column',\n margin: 'auto',\n maxWidth: '500px'\n },\n sliderImage: css({\n //width: 'auto !important',\n //height:'100% !important',\n //display: 'block !important',\n margin: 'auto',\n //maxHeight: '180px'\n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport Slider from \"react-slick\";\nimport utils from '../../../utils';\nimport cmsUtils from '../../../cms/utils/cmsUtils';\nimport { SiteLink } from '../../../components';\n\nexport function SliderAwardPanel(props) {\n const item = props.item;\n //const defaultDesH = 220;\n const subItems = item.items || [];\n //console.log(subItems.length);\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'sliderAwardPanel', item.cssClass || item.anchorName || '');\n\n const sliderAwardItems = subItems.map((subItem, index) => {\n const imageUrl = cmsUtils.payload(subItem, 'ImageUrl');\n const bottomText = cmsUtils.payload(subItem, 'BottomText');\n const linkUrl = cmsUtils.payload(subItem, 'LinkUrl');\n return (\n \n// 
\n//
\n// \n//
\n// \n// {newsItem.NewsTitle}\n//
\n// \n// {utils.date.formatDDMMYYYY(newsItem.NewsDate)}\n//
\n// \n// {newsItem.NewsDescription}\n//
\n// \n// \n//
\n// {\n// openContent &&\n// \n// \n// \n//
\n// }\n// \n {\n (linkUrl && linkUrl !== '') ? \n \n : \n \n
\n )\n }\n );\n\n var numOfSlides = (maxNum) => subItems.length >= maxNum ? maxNum : subItems.length\n\n var settings = {\n dots: false,\n infinite: true,\n speed: 1500,\n autoplaySpeed: 3000,\n ////fade: true,\n autoplay: true,\n slidesToShow: numOfSlides(6),\n //slidesToShow: 3,\n slidesToScroll: numOfSlides(3),\n responsive: [\n { breakpoint: 1024, settings: { slidesToShow: numOfSlides(5), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 992, settings: { slidesToShow: numOfSlides(4), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 768, settings: { slidesToShow: numOfSlides(3), slidesToScroll: numOfSlides(2) } },\n { breakpoint: 576, settings: { slidesToShow: numOfSlides(2), slidesToScroll: numOfSlides(1)} }\n ]\n };\n\n return (\n \n 
\n
\n {bottomText}
\n\n \n
\n \n }\n \n \n {bottomText}
\n\n \n {sliderAwardItems}\n \n
\n );\n}","import { mq, variables } from '../../cssInJs'\n\nexport default {\n\n historySearchForm : {\n '& .form__top' : {\n backgroundColor: variables.redColor,\n paddingTop: '1rem',\n paddingBottom: '1rem'\n },\n '& .form__bottom' : {\n paddingTop: '1rem',\n paddingBottom: '1rem'\n },\n '& .row' : {\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '960px',\n //paddingLeft: '1rem',\n //paddingRight: '1rem'\n //marginTop: '1rem',\n //marginBottom: '1rem'\n },\n '& label.label' : {\n color: 'white',\n fontWeight: '700',\n fontSize: '0.9rem'\n },\n '& .form__bottom label.label' : {\n color: 'black'\n },\n },\n\n advancedSearchBtn : mq({\n marginTop: ['0px', null, '40px'],\n backgroundColor: 'white',\n borderColor: 'white',\n color: 'black',\n fontWeight: '600',\n '&:hover, &:focus' : {\n backgroundColor: 'white',\n borderColor: 'white',\n color: 'black'\n }\n }),\n submitBtnContainer : {\n textAlign: 'center',\n paddingTop: '1rem',\n paddingBottom: '1rem'\n },\n searchResultContainer : {\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '960px',\n paddingLeft: '1rem',\n paddingRight: '1rem'\n },\n item : {\n marginTop: '0.5rem',\n marginBottom: '0.5rem'\n },\n // game__item : {\n // marginTop: '0.5rem',\n // marginBottom: '0.5rem'\n // },\n gameItem__title2 : {\n marginLeft: '1rem'\n },\n year__played : mq({\n marginLeft: ['0px', null, '1rem'],\n display: ['block', null, 'inline']\n })\n}","/** @jsx jsx */\nimport { jsx } from \"@emotion/core\";\nimport { useEffect, useState, Fragment } from \"react\";\nimport style from \"./style\";\nimport utils from \"../../utils\";\n//import cmsUtils from '../../cms/utils/cmsUtils';\nimport { usePost, useGet, Loading, ErrorPopup } from \"../../components/\";\nimport env from \"../../env\";\n//import { FaSpinner } from \"react-icons/fa\";\nimport { getSearchFormModel } from \"./searchFormModel\";\nimport { useForm } from \"../../form\";\n//import { SiteLink } from '../../lib/router';\n\nexport function HistorySearch(props) {\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames(\n \"cms_item\",\n \"historySearch\",\n item.cssClass || item.anchorName || \"\"\n );\n const get = useGet();\n\n useEffect(() => {\n get.send(env.apiBase + \"/api/proxy/getsearchfilter\");\n\n // eslint-disable-next-line\n }, []);\n\n if (cmsOption.isCmsEdit) {\n return (\n {openAdvance}
\n \n
\n {openAdvance && (\n \n
\n \n \n {render(\"playerName\")}\n
\n {render(\"year\")}
\n {render(\"menOrWomen\")}
\n \n {\n let _value =\n historySearchForm.findControl(\"useAdvancedFilter\").value;\n historySearchForm.findControl(\"useAdvancedFilter\").value =\n !_value;\n setOpenAdvance(!openAdvance);\n }}\n >\n Advanced Search Games +\n \n
\n \n
\n )}\n \n
\n \n {render(\"yearInAdvancedFilter\")}\n
\n\n \n {historySearchForm.findControl(\"menOrWomen\").value !== \"women\"\n ? render(\"competitionType\")\n : render(\"competitionTypeForWomen\")}\n
\n\n {render(\"round\")}
\n\n \n \n {render(\"_date\")}\n
\n\n {render(\"opponent\")}
\n\n {render(\"gameType\")}
\n \n \n
\n \n\n {openSearchResult === \"done\" ? (\n \n
\n )}\n {players && (\n Results
\n {games.length > 0 ? (\n\n {_games.league.map((item, index) => (\n \n \n )}\n
\n ) : (\n \"No result in games\"\n )}\n \n
\n ))}\n {_games.women && _games.women.length > 0 && (\n \n {\n utils.site.setupLsForSearch(searchResult);\n }}\n >\n {utils.date.formatDDMMYYYY(item.GameDate)}\n \n \n {item.OpponentTeam + \" (\" + item.Result + \")\"}\n \n
\n \n \n {item.CompetitionName +\n \" \" +\n item.GameTypeName +\n \" \" +\n (item.Round && item.Round !== \"\"\n ? item.Round + \", \"\n : \"\")}\n \n {\"Venue: \" + item.OvalName}\n
\n Women Results
\n {_games.women.map((item, index) => (\n\n
\n ))}\n \n {\n utils.site.setupLsForSearch(searchResult);\n }}\n >\n {utils.date.formatDDMMYYYY(item.GameDate)}\n \n \n {item.OpponentTeam + \" (\" + item.Result + \")\"}\n \n
\n \n \n {item.CompetitionName +\n \" \" +\n item.GameTypeName +\n \" \" +\n (item.Round && item.Round !== \"\"\n ? item.Round + \", \"\n : \"\")}\n \n {\"Venue: \" + item.OvalName}\n
\n \n
\n )}\n \n );\n}\n","import { fb } from '../../lib/form';\n\nexport function getSearchFormModel(data) {\n \n const _years = (data.Years && data.Years.length > 0) ? data.Years.map((item) => ({name : item, value : item})) : [];\n _years.unshift({name : 'Year', value : ''});\n\n \n // const _competitionTypes = (data.CompetitionTypes && data.CompetitionTypes.length > 0) ? data.CompetitionTypes.map((item) => ({name : item.CompetitionName, value : item.CompetitionCode})) : [];\n // _competitionTypes.unshift({name : 'Competition', value : ''});\n\n const _competitionTypes = (data.CompetitionTypes && data.CompetitionTypes.length > 0) ? data.CompetitionTypes.filter(x => x.CompetitionCode !== 'Women').map((item) => ({\n name : item.CompetitionName, value : item.CompetitionCode\n })) : [];\n _competitionTypes.unshift({name : 'Competition', value : ''});\n\n const _competitionTypesForWomen = (data.CompetitionTypes && data.CompetitionTypes.length > 0) ? data.CompetitionTypes.filter(x => x.CompetitionCode === 'Women').map((item) => ({\n name : item.CompetitionName, value : item.CompetitionCode\n })) : [];\n _competitionTypesForWomen.unshift({name : 'Competition', value : ''});\n\n const _rounds = (data.Rounds && data.Rounds.length > 0) ? data.Rounds.map((item) => ({name : item, value : item})) : [];\n _rounds.unshift({name : 'Round', value : ''});\n\n const _opponents = (data.Opponents && data.Opponents.length > 0) ? data.Opponents.map((item) => ({name : item.ClubName, value : item.ClubCode})) : [];\n _opponents.unshift({name : 'Opponent', value : ''});\n\n const _gameTypes = (data.GameTypes && data.GameTypes.length > 0) ? data.GameTypes.map((item) => ({name : item.GameTypeName, value : item.GameTypeCode})) : [];\n _gameTypes.unshift({name : 'Game Type', value : ''});\n\n const _menOrWomen = [\n {name : 'Select', value : ''},\n {name : 'Men', value : 'men'},\n {name : 'Women', value : 'women'}\n ];\n\n const model = fb.group({\n playerName: [data.PlayerName || '', [], { label: 'Player Name', type: 'text' }],\n year: [data.Year || '', [], { label: 'Year/Season', type: 'select', options : _years }],\n yearInAdvancedFilter: [data.YearInAdvancedFilter || '', [], { label: 'Year', type: 'select', options : _years }],\n \n competitionType: [data.CompetitionType || '', [], { label: 'Competition Type', type: 'select', options : _competitionTypes }],\n competitionTypeForWomen: [data.CompetitionType || '', [], { label: 'Competition Type', type: 'select', options : _competitionTypesForWomen }],\n \n round: [data.Round || '', [], { label: 'Round', type: 'select', options : _rounds }],\n _date: [data.Date || '', [], { label: 'Date', type: 'date' }],\n opponent: [data.Opponent || '', [], { label: 'Opponent', type: 'select', options : _opponents }],\n gameType: [data.GameType || '', [], { label: 'Game Type', type: 'select', options : _gameTypes }],\n useAdvancedFilter: [data.UseAdvancedFilter || false, [], { label: '', type: 'checkbox' }],\n menOrWomen : [data.menOrWomen || '', [], { label: 'Men / Women', type: 'select', options : _menOrWomen }],\n action: [data.action || 'search', [], { type: 'hidden' }]\n });\n return model;\n}","//import { css, keyframes } from '@emotion/core'\n//import { variables, mq } from 'cssInJs'\n\nimport { css } from '@emotion/core'\nimport { mq, variables } from '../../../cssInJs'\n\nexport default {\n pageTiles : css({\n display: 'flex',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n margin: '2rem -10px',\n overflow:'hidden'\n }),\n pageTile__tile : css(mq({\n flex: '0 0 100%',\n maxWidth: '100%',\n padding: '10px',\n zIndex: 1,\n '&:nth-of-type(even)' : {\n '.pageTile__bsyc__bg' : mq({\n order: ['0',null,'2'],\n }),\n '.pageTile__bsyc__content__details' : mq({\n order: '1'\n })\n }\n })),\n\n tile__content : css({\n // display: 'flex',\n // flexDirection: 'row',\n // justifyContent: 'space-between',\n // width: '100%',\n // height: '100%',\n // cursor: 'pointer',\n // position: 'relative',\n // flexWrap: 'wrap',\n '&:hover' : {\n textDecoration: 'none',\n '& .pageTile__bsyc__content__details' : {\n color: 'white',\n backgroundColor: variables.redColor,\n '& .pageTile__bsyc__title' : {\n color: 'white'\n },\n '& .pageTile__bsyc__btn' : {\n backgroundColor:'white',\n color: variables.redColor\n }\n // '&.default' : css({\n // backgroundColor: 'rgba(0,113,188,1)'\n // }),\n // '&.red' : css({\n // backgroundColor: 'rgba(211,61,2,1)'\n // }),\n // '&.green' : css({\n // backgroundColor: 'rgba(0, 146, 69,1)'\n // })\n },\n '& .pageTile__bsyc__bg2' : {\n //transform: scale(1.05)\n transform : 'scale(1.05)'\n }\n }\n }),\n\n tile__flip__wrapper : css({\n zIndex:'-1', \n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n width: '100%',\n height: '100%',\n cursor: 'pointer',\n position: 'relative',\n flexWrap: 'wrap'\n }),\n\n// tile__bg : css(mq({\n// height: '0',\n// //paddingTop: '30%',\n// paddingTop: ['50%','35%','30%'],\n// backgroundPosition: '50%',\n// backgroundRepeat: 'no-repeat',\n// backgroundSize: 'cover',\n// flex: '1 1 300px'\n// })),\n\n tile__bg : css(mq({\n height: '0',\n paddingTop: ['50%','35%','30%'],\n //height: ['50%','35%','30%'],\n flex: '1 1 300px',\n overflow:'hidden',\n position:'relative'\n })),\n\n tile__bg2 : css(mq({\n height: '100%',\n backgroundPosition: '50%',\n backgroundRepeat: 'no-repeat',\n backgroundSize: 'cover',\n //overflow:'hidden',\n transition:'all .5s ease',\n position:'absolute',\n top:'0px',\n width:'100%'\n })),\n\n tile__details : css({\n overflow: 'hidden',\n flexGrow: '1',\n textAlign: 'center',\n width: '100%',\n bottom: '0',\n //backgroundColor: 'white',\n backgroundColor: variables.darkRecColor,\n // '&.default' : css({\n // backgroundColor: 'rgba(0, 113, 188,.5)'\n // }),\n // '&.red' : css({\n // backgroundColor: 'rgba(211, 61, 2,.5)'\n // }),\n // '&.green' : css({\n // backgroundColor: 'rgba(0, 146, 69,.5)'\n // }),\n //backgroundColor : '#77cf22',\n flex: '1 1 300px',\n transition: 'all .2s ease-in-out',\n //color: variables.fontColor,\n color: 'white',\n position:'relative',\n '& .pageTile__bsyc__container' : mq({\n //position: 'absolute',\n position: ['static,',null,'absolute'],\n top: '50%',\n left:'50%',\n transform: ['none',null,'translate(-50%, -50%)'],\n width:['100%',null,'90%'],\n padding:['1rem',null,'0px'],\n '& .pageTile__bsyc__title' : {\n //fontFamily: 'proxima-soft, sans-serif',\n fontSize: '2rem',\n //textTransform: 'uppercase',\n //fontWeight: '700',\n lineHeight: '1',\n margin: '0',\n paddingTop: '.5rem',\n paddingBottom: '.5rem',\n //color:variables.redColor,\n color:'white',\n fontWeight: '600'\n },\n '& .pageTile__bsyc__desc' : {\n lineHeight: '1.3',\n fontSize: '.9rem',\n //color: '#3d3d3d',\n minHeight: '70px',\n color:'inherit'\n }\n })\n }),\n\n pageTile__bsyc__btn: css({\n backgroundColor: variables.redColor,\n color: 'white',\n fontSize: '0.8rem',\n fontWeight: '700',\n padding: '0.2rem 0.5rem',\n display: 'inline-block',\n marginTop: '1rem'\n //maxWidth: '168px'\n }),\n\n memberCounter : {\n display: 'flex'\n },\n\n memberCounterItem : mq({\n flex:'1 0 auto',\n paddingLeft: '0.2rem',\n paddingRight: '0.2rem',\n paddingTop:'0.5rem',\n paddingBottom:'0.5rem',\n fontWeight:'700',\n textAlign:'center',\n fontSize:'1.1rem',\n border: '1px solid white',\n margin:'auto',\n maxWidth:['280px', null, '306px'],\n 'label' : {\n marginBottom: '0px'\n },\n // '.member__count' : {\n // marginTop:'-7px'\n // }\n })\n\n}","//import React from 'react';\nimport cmsUtils from '../../../cms/utils/cmsUtils';\nimport utils from '../../../utils';\nimport { SiteLink } from '../../../components';\n\n/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\nimport { useEffect, useState } from 'react';\n\nexport function PageTilesBsyc(props) {\n const item = props.item;\n //const detailHoverBgColor = props.detailHoverBgColor ? props.detailHoverBgColor : \"black\";\n const cmsOption = props.cmsOption || {};\n const pages = getPages(cmsUtils.payload(item, 'PageObjects'));\n const [memberCount, setMemberCount] = useState();\n const pageTileElts = pages.map((page, index) =>\n Results
\n {players.length > 0 ? (\n\n {players.map((item, index) => (\n
\n ) : (\n \"No result in players\"\n )}\n \n
\n ))}\n \n {/* \n { item.Surname + ', ' + item.OtherNames}\n */}\n {\n utils.site.setupLsForSearch(searchResult);\n }}\n >\n {/* { item.Surname + ', ' + item.OtherNames} */}\n {item.Surname +\n (item.OtherNames && item.OtherNames !== \"\"\n ? \", \" + item.OtherNames\n : \"\")}\n \n {item.Era && item.Era !== \"\" && (\n \n {\"(\" + item.Era + \")\"}\n \n )}\n
\n\n \n {\"Games: \" + item.GamesPlayed}\n \n {\"Goals: \" + item.Goals}\n \n \n {\"Years played: \" + item.YearsPlayedSpan}\n \n
\n \n {pageTileElts}\n
\n );\n}\n\nfunction getPages(pagesSerialized) {\n if (pagesSerialized) {\n return JSON.parse(pagesSerialized);\n }\n return [];\n}\n\nfunction Tile(props) {\n\n const page = props.page;\n const imageUrl = utils.site.resourcePath(page.imageUrl);\n const disableLink = props.disableLink;\n const colorTheme = page.colorTheme;\n const index = props.idx;\n const memberCounterGoal = page.memberCounterGoal;\n const memberCount = props.memberCount\n \n return (\n \n \n \n \n
\n )\n}","//import { mq, variables } from '../../cssInJs'\n\nexport default{\n backToResultBtnContainer : {\n maxWidth: '960px'\n }\n}","//import { mq, variables } from '../../cssInJs'\n\nimport { variables, mq } from \"../../cssInJs\";\n\nexport default{\n page__container : {\n maxWidth: '960px',\n marginTop: '1rem',\n marginBottom: '1rem',\n //paddingBottom:'20rem'\n },\n banner__image : {\n backgroundSize: 'cover',\n backgroundPosition: 'center'\n },\n loading : {\n textAlign: 'center',\n marginTop: '7rem',\n 'svg' : {\n width: '100px',\n height:'100px',\n }\n },\n gameInfo1 : {\n '.game__info1__title' : {\n fontWeight: '600'\n },\n '.game__info1__value' : {\n marginLeft: '1rem'\n }\n },\n gameInfo_score : {\n //maxWidth: '540px',\n maxWidth: '610px',\n marginTop: '1rem',\n '.title' : {\n color: variables.redColor,\n fontWeight: '600'\n },\n '.team_name' : {\n fontWeight: '600'\n },\n // '.q_style' : {\n // fontWeight: '600'\n // }\n '.q_style' : mq({\n fontWeight: '600',\n display: ['block', 'inline']\n }),\n '.q4__col' : mq({\n //flexBasis: ['60px', null, \"0\"]\n flexBasis : '60px'\n })\n },\n gameInfo_players : {\n marginTop: '1rem',\n maxWidth: '620px',\n '.title' : {\n color: variables.redColor,\n fontWeight: '600',\n },\n '.item_container' : mq({\n marginTop: '0.5rem',\n marginBottom: '0.5rem',\n backgroundColor: '#f3f0f0',\n marginLeft: '0px',\n marginRight: '0px',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n '.item__link' : {\n fontWeight: '600'\n },\n '.player__item__title' : {\n fontWeight: '600'\n },\n '.row' : {\n \n }\n })\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { useEffect, Fragment } from 'react';\nimport style from './style';\nimport utils from '../../utils';\nimport { useGet } from '../../components';\nimport { FaSpinner } from \"react-icons/fa\";\nimport env from '../../env';\n//import { SiteLink } from '../../lib/router';\n//import { ViewPartial } from '../../cms/pages/partials/viewPartial';\n\nexport function HistoryGameView(props){\n\n //const { query } = useRouter();\n //const gameId = query.gameid || '';\n const gameId = props.gameId;\n //const gameId = \"abc\";\n const get = useGet();\n\n //console.log('gameId', gameId);\n\n useEffect(() => {\n get.send(env.apiBase + `/api/proxy/getgame/${gameId}`);\n\n // eslint-disable-next-line\n }, []);\n const dataResulst = get.response;\n return(\n dataResulst && dataResulst.results ? \n \n
\n \n \n
\n \n \n
\n \n \n {\n (page.pageTitle && page.pageTitle !== '') &&\n
\n \n {page.pageTitle}\n
\n }\n\n \n {page.tileDesc || page.description}\n
\n\n {\n ((memberCounterGoal && memberCounterGoal !== '') && (memberCount && memberCount.isSuccess === true)) &&\n \n
\n }\n\n {/* \n \n
\n {/* \n {memberCount.memberCount}\n
\n \n \n
*/}\n \n {memberCounterGoal}\n
\n \n FIND OUT MORE >\n
*/}\n\n \n
\n )\n}\n\nfunction GameView(props){\n const gameData = props.data.results.Result === undefined ? null : props.data.results.Result;\n const gameId = props.gameId;\n //const points = {myTeam :0, opponentTeam : 0};\n function getTeamPoint(type){\n let point = 0;\n if(type === \"myteam\"){\n if(gameData.MyTeamStats.Goals4Q){\n point = gameData.MyTeamStats.Goals4Q;\n }\n else if(gameData.MyTeamStats.Goals3Q){\n point = gameData.MyTeamStats.Goals3Q;\n }\n else if(gameData.MyTeamStats.Goals2Q){\n point = gameData.MyTeamStats.Goals2Q;\n }\n else if(gameData.MyTeamStats.Goals1Q){\n point = gameData.MyTeamStats.Goals1Q;\n }\n\n point = point * 6;\n\n if(gameData.MyTeamStats.Points4Q){\n point = point + gameData.MyTeamStats.Points4Q;\n }\n else if(gameData.MyTeamStats.Points3Q){\n point = point + gameData.MyTeamStats.Points3Q;\n }\n else if(gameData.MyTeamStats.Points2Q){\n point = point + gameData.MyTeamStats.Points2Q;\n }\n else if(gameData.MyTeamStats.Points1Q){\n point = point + gameData.MyTeamStats.Points1Q;\n }\n }\n else{\n if(gameData.OpponentStats.Goals4Q){\n point = gameData.OpponentStats.Goals4Q;\n }\n else if(gameData.OpponentStats.Goals3Q){\n point = gameData.OpponentStats.Goals3Q;\n }\n else if(gameData.OpponentStats.Goals2Q){\n point = gameData.OpponentStats.Goals2Q;\n }\n else if(gameData.OpponentStats.Goals1Q){\n point = gameData.OpponentStats.Goals1Q;\n }\n\n point = point * 6;\n\n if(gameData.OpponentStats.Points4Q){\n point = point + gameData.OpponentStats.Points4Q;\n }\n else if(gameData.OpponentStats.Points3Q){\n point = point + gameData.OpponentStats.Points3Q;\n }\n else if(gameData.OpponentStats.Points2Q){\n point = point + gameData.OpponentStats.Points2Q;\n }\n else if(gameData.OpponentStats.Points1Q){\n point = point + gameData.OpponentStats.Points1Q;\n }\n }\n return \" (\" + point + \")\";\n }\n\n //points.myTeam = getTeamPoint();\n\n const getPlayerList = (() => { \n let totalGoals =0, totalPoints = 0, totalBestPlayer = 0, totalMedalVotes = 0;\n\n const _plyerList = gameData.PlayerStatsList.map((item, index) => {\n\n totalGoals = totalGoals + (item.Goals ? item.Goals : 0);\n totalPoints = totalPoints + (item.Points ? item.Points : 0);\n totalBestPlayer = totalBestPlayer + (item.BestPlayer ? item.BestPlayer : 0);\n totalMedalVotes = totalMedalVotes + (item.MedalVotes ? item.MedalVotes : 0);\n\n return(\n \n
\n )\n });\n return(\n \n {/* \n { item.Guernsey + '. ' + item.Surname + ', ' + item.OtherNames }\n */}\n {\n utils.site.setupLsForSearchUrl(window.location.pathname + \"?type=game&id=\" + gameId);\n }}>\n { item.Guernsey + '. ' + item.Surname + ', ' + item.OtherNames }\n \n
\n \n Goals : \n {item.Goals} \n
\n\n \n Points : \n {item.Points} \n
\n\n \n Best Player : \n {item.BestPlayer} \n
\n\n \n Medal Votes : \n {item.MedalVotes} \n
\n \n
\n \n { \"Total (\" + gameData.PlayerStatsList.length + \" players)\"}\n
\n \n Goals : \n {totalGoals} \n
\n\n \n Points : \n {totalPoints} \n
\n\n \n Best Player : \n {totalBestPlayer} \n
\n\n \n Medal Votes : \n {totalMedalVotes} \n
\n\n \n {/*
\n {/* \n
*/}\n \n {\n gameData ?\n \n : \"No Game Page\"\n }\n\n
\n { gameData.DistinctName }
\n\n Season: \n {gameData.Year} \n
\n \n Competition: \n {gameData.CompetitionName} \n
\n \n Game Type: \n {gameData.GameTypeName} \n
\n \n Round: \n {gameData.Round} \n
\n \n Opponent: \n {gameData.OpponentTeam} \n
\n \n Oval: \n {gameData.OvalName} \n
\n \n Date: \n {/* {gameData.GameDate} */}\n {utils.date.formatDDMMYYYY(gameData.GameDate)} \n
\n \n Result: \n {gameData.Result} \n
\n\n \n
\n\n Scores
\n \n
\n\n \n North Adelaide\n
\n \n Q1 : \n {gameData.MyTeamStats.Goals1Q + '.' + gameData.MyTeamStats.Points1Q} \n
\n \n Q2 : \n {gameData.MyTeamStats.Goals2Q + '.' + gameData.MyTeamStats.Points2Q} \n
\n \n Q3 : \n {gameData.MyTeamStats.Goals3Q + '.' + gameData.MyTeamStats.Points3Q} \n
\n \n Q4 : \n {gameData.MyTeamStats.Goals4Q + '.' + gameData.MyTeamStats.Points4Q + getTeamPoint(\"myteam\")} \n
\n \n \n
\n \n {gameData.OpponentTeam}\n
\n \n Q1 : \n {gameData.OpponentStats.Goals1Q + '.' + gameData.OpponentStats.Points1Q} \n
\n \n Q2 : \n {gameData.OpponentStats.Goals2Q + '.' + gameData.OpponentStats.Points2Q} \n
\n \n Q3 : \n {gameData.OpponentStats.Goals3Q + '.' + gameData.OpponentStats.Points3Q} \n
\n \n Q4 : \n {gameData.OpponentStats.Goals4Q + '.' + gameData.OpponentStats.Points4Q + getTeamPoint(\"opponentteam\")} \n
\n \n
\n\n Players
\n {\n getPlayerList()\n }\n \n
\n )\n\n}\n\nfunction PlayerView(props) {\n\n //const playerData = props.data.results.Result === undefined ? null : props.data.results.Result;\n \n const playerData = props.data.results.Result;\n const playerId = props.playerId;\n \n const totalGamesGoals = {\n totalLequgeGames : 0, totalOtherGames : 0, totalLeagueGoals : 0, totalOtherGoals : 0\n }\n\n const years = [];\n\n let checkYear = \"\";\n playerData.Games.forEach(el => {\n\n if(el.CompetitionType === \"League\"){\n totalGamesGoals.totalLequgeGames ++;\n totalGamesGoals.totalLeagueGoals = totalGamesGoals.totalLeagueGoals + el.Goals;\n }\n else{\n totalGamesGoals.totalOtherGames ++;\n totalGamesGoals.totalOtherGoals = totalGamesGoals.totalOtherGoals + el.Goals;\n }\n\n if(checkYear !== el.Year){\n checkYear = el.Year;\n years.push({name : el.Year, value : el.Year});\n }\n\n });\n const model = getSearchGameYearModel(years);\n const searchGameYearForm = useForm(model, {usePlaceholder : true, onControlChanged: orderItemChanged});\n const render = (name) => searchGameYearForm.renderControl(name, null);\n\n const [games, setGames] = useState(playerData.Games);\n\n function orderItemChanged(e, control){\n if(control && control.name === 'years'){\n let _items = playerData.Games; \n if(control.value && control.value !== \"\"){ \n _items = JSON.parse(JSON.stringify(playerData.Games)).filter(item => {\n if(item.Year === parseInt(control.value)){\n return true;\n }\n return false\n });\n }\n setGames(_items);\n }\n }\n\n return(\n \n {/*
\n {/* \n
*/}\n \n {\n playerData ? \n \n \n : \"No Player Page\"\n }\n
\n \n { playerData.Surname + ((playerData.OtherNames && playerData.OtherNames !== \"\") ? \", \" + playerData.OtherNames : \"\")}\n
\n\n\n \n
\n \n \n \n \n \n
\n\n {\n (playerData.Biography && playerData.Biography != null) && \n
\n\n \n Preferred Name: \n {playerData.CommonName} \n
\n\n \n Born: \n { playerData.ConvertedDob } \n
\n\n {\n playerData.ConvertedDod &&\n \n Deceased: \n { playerData.ConvertedDod } \n
\n }\n\n | Competition | \nTotal Games | \nTotal Goals | \n
|---|---|---|
| League | \n{ totalGamesGoals.totalLequgeGames } | \n{ totalGamesGoals.totalLeagueGoals } | \n
| Other | \n{ totalGamesGoals.totalOtherGames } | \n{ totalGamesGoals.totalOtherGoals } | \n
| Total | \n{ totalGamesGoals.totalLequgeGames + totalGamesGoals.totalOtherGames } | \n{ totalGamesGoals.totalLeagueGoals + totalGamesGoals.totalOtherGoals } | \n
\n Biography: \n {/* \n { playerData.Biography }\n */}\n \n
\n }\n\n \n
\n\n \n
\n \n \n {\n (playerData.PhotoUrl && playerData.PhotoUrl !== '') &&\n
\n \n 
\n
\n } \n \n
\n \n Games \n (Select a game to view) \n
\n {render('years')}\n {\n games.map((item, index) =>\n \n
\n )\n }\n \n {/* \n { (index + 1) + \". \" + utils.date.formatDDMMYYYY(item.GameDate)}\n */}\n {\n utils.site.setupLsForSearchUrl(window.location.pathname + \"?type=player&id=\" + playerId);\n }}>\n { (index + 1) + \". \" + utils.date.formatDDMMYYYY(item.GameDate)}\n \n
\n \n \n Competition : \n {item.CompetitionName} \n
\n \n \n Game Type : \n {item.GameTypeName} \n
\n\n \n Round : \n {item.Round} \n
\n\n \n Opponent : \n {item.OpponentTeam} \n
\n\n \n Result : \n {item.Result} \n
\n\n \n Jumper : \n {item.Guernsey} \n
\n\n \n Goals : \n {item.Goals} \n
\n\n \n Points : \n {item.Points} \n
\n\n \n
\n )\n }\n\n return( \n \n History Search View \n\n
\n {\n lsInfo &&\n \n }\n\n {\n type === \"game\" ?\n
\n )\n\n}","import { mq, variables } from '../../cssInJs'\n\nexport default{\n scoreboard__container : {\n maxWidth: '960px',\n margin: 'auto'\n },\n comment__list : {\n marginTop: '1rem',\n paddingLeft: '0.5rem',\n paddingRight: '0.5rem',\n //backgroundColor: '#f3f0f0',\n maxWidth: '960px',\n margin: 'auto',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n 'p' : mq({\n margin: '5px 0',\n marginRight: '20px',\n textIndent: '-20px',\n paddingLeft: '25px',\n fontSize: '0.8rem'\n }),\n '.title__text' : {\n color: variables.darkRecColor,\n fontWeight: 600,\n fontSize: '1.5rem'\n }\n },\n scoreboard : {\n marginTop: '1rem',\n marginBottom: '1rem',\n '.logo__container' : {\n textAlign: 'center'\n },\n '.logo' : mq({\n height: ['80px',null, '150px'],\n }),\n '.team__name' : mq({\n textAlign: 'center',\n fontWeight: 600,\n marginTop: '0.5rem',\n marginBottom: '0.5rem',\n fontSize: ['1.1rem', null, '1rem']\n }),\n '.vs' : mq({\n textAlign: 'center',\n margin: 'auto',\n fontSize: ['2rem', null, '3rem'],\n fontWeight: '600'\n }),\n '.col-5' : {\n paddingLeft: '0px',\n paddingRight: '0px'\n },\n '.score' : {\n textAlign: 'center',\n 'span' : mq({\n backgroundColor: '#f3f0f0',\n marginLeft: '0.25rem',\n marginRight: '0.25rem',\n fontWeight: '600',\n width: ['35px', null, '110px'],\n fontSize: ['1.2rem', null, '3rem'],\n display: 'inline-block',\n '&.points' : {\n backgroundColor: variables.darkRecColor,\n color: 'white'\n }\n })\n }\n },\n scoreBoardInfo : {\n marginRight: '0px',\n marginLeft: '0px',\n backgroundColor: variables.darkRecColor,\n color: 'white',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem'\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { Fragment, useEffect,useState } from 'react';\nimport utils from '../../utils';\n//import cmsUtils from '../../cms/utils/cmsUtils';\n//import { usePost } from '../../components/';\nimport env from '../../env';\nimport style from './style';\n\nexport function OnlineScoreboard(props){\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n\n const cssClass = utils.classNames('cms_item', 'online__scoreboard', item.cssClass || item.anchorName || '');\n\n //const post = usePost();\n const [scoreboardInfo, setScoreboardInfo] = useState({ scoreBoard : 0, timeStamp : 0});\n //const [scoreboardResult, setScoreboardResult] = useState({board : {}, comments : []});\n const [scoreboardResult, setScoreboardResult] = useState({ comments : []});\n const [trigger, setTrigger] = useState(0);\n\n useEffect(() => {\n let timer = null;\n if (cmsOption.isCmsEdit){\n return;\n }\n const fetchData = async () => {\n\n const res = await fetch(env.apiBase + \"/api/proxy/getscoreboard\", {\n method : 'post',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(scoreboardInfo)\n });\n const data = await res.json();\n\n if(data.results){\n\n const _data = data.results.Result;\n //console.log(\"data\", _data);\n\n if(_data.ScoreboardId === 0 || scoreboardInfo.scoreBoard !== _data.ScoreboardId){\n \n }\n \n if(_data.Updates.length > 1 && _data.ScoreboardId > 0){\n \n const _board = _data.Updates[0];\n //console.log('_board', _board);\n _data.Updates.splice(0, 1);\n \n _data.Updates.forEach(el => {\n const _comment = scoreboardResult.comments.find(sEl => sEl.id === el.id);\n\n if(_comment){\n if(el.active){\n _comment.comment = el.comment;\n }\n else{\n const _index = scoreboardResult.comments.findIndex(_comment);\n scoreboardResult.comments.splice(_index, 1);\n }\n }\n else{\n if(el.active){\n scoreboardResult.comments.unshift(el);\n }\n }\n\n });\n\n setScoreboardResult({board : _board, comments : scoreboardResult.comments });\n\n }\n\n setScoreboardInfo(\n { scoreBoard : parseInt(_data.ScoreboardId), timeStamp : parseInt(_data.Timestamp) }\n );\n\n timer = setTimeout(() => { \n //console.log(data.results.Result.ScoreboardId, data.results.Result.Timestamp);\n console.log('runing timer');\n setTrigger(trigger + 1);\n }, 15000);\n }\n }\n \n fetchData();\n\n return () => {\n if(timer){\n clearTimeout(timer);\n }\n }\n\n // eslint-disable-next-line\n }, [trigger]);\n\n const getLogoImage = ((teamName) => {\n const _teamName = teamName.toLowerCase();\n let logoPath = \"\";\n if(_teamName.indexOf(\"nafc\") >= 0 || _teamName.indexOf(\"north\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/roosters.png\";\n }\n else if(_teamName.indexOf(\"central\") >= 0 || _teamName.indexOf(\"district\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/bulldogs.png\";\n }\n else if(_teamName.indexOf(\"sturt\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/sturt.png\";\n }\n else if(_teamName.indexOf(\"wwtfc\") >= 0 || _teamName.indexOf(\"eagles\") >= 0 || _teamName.indexOf(\"woodville\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/eagles.png\";\n }\n else if(_teamName.indexOf(\"wfc\") >= 0 || _teamName.indexOf(\"west\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/west-adelaide.png\";\n }\n else if(_teamName.indexOf(\"safc\") >= 0 || _teamName.indexOf(\"south\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/panthers.png\";\n }\n else if(_teamName.indexOf(\"pafc\") >= 0 || _teamName.indexOf(\"port\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/magpies.png\";\n }\n else if(_teamName.indexOf(\"redlegs\") >= 0 || _teamName.indexOf(\"norwood\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/norwood.png\";\n }\n else if(_teamName.indexOf(\"gfc\") >= 0 || _teamName.indexOf(\"glenelg\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/tigers.png\";\n }\n else if(_teamName.indexOf(\"afc\") >= 0 || _teamName.indexOf(\"adelaide\") >= 0){\n logoPath = logoPath + \"/Common/imgs/logo/SANFL/adelaide.png\";\n }\n return logoPath;\n });\n \n if (cmsOption.isCmsEdit){\n return (\n \n
\n )\n }\n\n return(\n \n Online Scoreboard \n\n
\n \n {\n scoreboardResult.board &&\n \n \n }\n
\n )\n\n}","import { mq, variables } from '../../cssInJs'\n\nexport default{\n player__profiles : {\n 'button' : {\n //marginRight: '1rem'\n marginTop: '0.5rem',\n marginBottom: '0.5rem'\n }\n },\n\n players : mq({\n display: 'flex',\n flexWrap: 'wrap',\n marginLeft: '-10px',\n marginRight: '-10px',\n justifyContent: 'center'\n }),\n\n player : mq({\n marginLeft: '10px',\n marginRight: '10px',\n marginTop: '10px',\n marginBottom: '10px',\n flexGrow: 1,\n flexShrink: 0,\n flexBasis: ['40%', null, '18%'],\n maxWidth: ['40%', null, '18%'],\n cursor: 'pointer',\n 'img' : {\n width: '100%'\n },\n '.jumper__text' : {\n textAlign: 'center',\n color: variables.darkRecColor,\n fontSize: '0.8rem'\n },\n '.name__text' : {\n textAlign: 'center',\n color: variables.darkRecColor,\n fontWeight: 600,\n marginTop: '-5px',\n fontSize: '0.8rem'\n }\n\n }),\n\n popupContainer : {\n backgroundColor:'rgba(0,0,0,0.8)',\n position: 'fixed',\n top:'0px',\n left:'0px',\n width:'100%',\n height: '100%',\n zIndex:'9999',\n '.item' : {\n position: 'absolute',\n width: '100%',\n maxWidth: '900px',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n backgroundColor: '#eee',\n //paddingTop: '2rem',\n paddingLeft: '1rem',\n paddingRight: '1rem',\n margin: '0px',\n '.closeButton' : {\n textAlign: 'right',\n //margin: '1rem 0px',\n cursor: 'pointer',\n //color: 'white',\n marginTop: '0.5rem'\n },\n '&.land' : {\n maxWidth: '600px',\n '.popup__item__container' : {\n maxHeight : '120px !important' \n }\n }\n }\n },\n popup__item_container : mq({\n fontSize: '0.8rem',\n maxHeight: ['470px', null, '600px'],\n overflow: \"auto\",\n marginTop: '1rem'\n })\n}","import { mq } from '../../cssInJs'\n\nexport default{\n \n popupContainer : {\n backgroundColor:'rgba(0,0,0,0.8)',\n position: 'fixed',\n top:'0px',\n left:'0px',\n width:'100%',\n height: '100%',\n zIndex:'9999',\n \n '.item' : mq({\n position: 'absolute',\n width: '100%',\n maxWidth: ['320px', null, '410px'],\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n backgroundColor: '#eee',\n //paddingTop: '2rem',\n paddingLeft: '1rem',\n paddingRight: '1rem',\n margin: '0px',\n height: '90%',\n '.closeButton' : {\n textAlign: 'right',\n //margin: '1rem 0px',\n cursor: 'pointer',\n //color: 'white',\n marginTop: '0.5rem'\n },\n '&.land' : {\n maxWidth: '600px',\n // '.popup__item__container' : {\n // //maxHeight : '120px !important' \n // }\n }\n }),\n },\n\n popup__item__wrapper : mq({\n //maxHeight: ['600px', null, '850px'],\n overflow: \"auto\",\n height:'93%'\n }),\n \n popup__item_container : mq({\n fontSize: '0.8rem',\n //maxHeight: ['470px', null, '600px'],\n //overflow: \"auto\",\n marginTop: '1rem',\n paddingBottom: '1rem'\n }),\n __image : mq({\n maxWidth: ['265px', null, '330px'],\n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { useEffect, useState } from 'react';\nimport { createPortal } from \"react-dom\";\nimport style from './style';\n\nfunction Portal({children}){\n const [el] = useState(document.createElement('div'));\n useEffect(() => {\n let mount = document.getElementById(\"portal-root\");\n mount.appendChild(el);\n return () => mount.removeChild(el);\n }, [el]);\n return createPortal(children, el);\n}\n\nexport function PlayerPopUpView(props){\n\n const popupItem = props.popupItem;\n\n //const [cOrientationLand, setCOrientationLand] = useState(false);\n\n // useLayoutEffect(() => {\n \n // // if(window.screen.orientation.type === \"landscape-primary\" && window.screen.orientation.angle === 90){\n // // setCOrientationLand(true);\n // // }\n\n // // window.screen.orientation.addEventListener('change', () => {\n // // setCOrientationLand(false);\n // // if(window.screen.orientation.type === \"landscape-primary\" && window.screen.orientation.angle === 90){\n // // setCOrientationLand(true);\n // // }\n // // });\n\n // // window.screen.orientation.addEventListener('change', function(){\n // // console.log(\"sfdsfds\", window.screen.orientation);\n // // });\n\n // // eslint-disable-next-line\n // }, []);\n\n //${cOrientationLand ? 'land' : \"\"}\n return(\n \n
\n {scoreboardResult.board.gameTitle + \" | \" + scoreboardResult.board.gameDate}
\n { scoreboardResult.board.quaters && scoreboardResult.board.quaters.toUpperCase() }
\n \n
\n \n
\n \n
\n \n })
\n
\n \n { scoreboardResult.board.hometeam }\n
\n \n { scoreboardResult.board.homegoals }\n { scoreboardResult.board.homebehinds }\n { scoreboardResult.board.homegoals * 6 + scoreboardResult.board.homebehinds * 1}\n
\n VS
\n \n
\n \n })
\n
\n \n { scoreboardResult.board.awayteam }\n
\n \n { scoreboardResult.board.awaygoals }\n { scoreboardResult.board.awaybehinds }\n { scoreboardResult.board.awaygoals * 6 + scoreboardResult.board.awaybehinds * 1}\n
\n \n
\n \n
\n Running Commentary
\n {\n scoreboardResult.comments.map((item, index) => )\n }\n \n
\n \n
\n {\n props.setOpenPopup(false);\n document.body.style.overflow = \"unset\";\n }}>\n CLOSE\n
\n \n 
\n }\n \n \n
\n {popupItem.jumperNoText}
\n \n {\n (popupItem.imageUrl && popupItem.imageUrl !== '') &&\n\n
\n )\n }\n\n // if (get.loading()) {\n // return \n PlayerProfiles \n\n
\n \n {\n (playerGroup === \"\" || playerGroup === \"senior\") &&\n
\n\n \n {/* */}\n {\n (playerResult && playerResult.senior && openStatus.senior === true ) &&\n
\n }\n\n {\n (playerGroup === \"\" || playerGroup === \"women\") &&\n \n
\n }\n \n {\n playerResult.senior.map((item, index) =>
\n {/* \n \n
*/}\n \n {/* */}\n {\n (playerResult && playerResult.women && openStatus.women === true ) &&\n
\n }\n\n \n
\n }\n \n {\n playerResult.women.map((item, index) =>
\n {/* \n \n
*/}\n {\n props.setPopupItem(item);\n props.setOpenPopup(true);\n document.body.style.overflow = \"hidden\";\n }}>\n 
\n
\n )\n}","import { mq, variables } from '../../cssInJs'\n\nexport default{\n\n team__selection__container : {\n textAlign: 'center',\n marginTop: '1rem',\n marginBottom: '1rem',\n 'button' : {\n fontWeight: 600\n }\n },\n title : mq({\n fontSize: ['1.2rem', null, '2rem'],\n color: variables.darkRecColor\n }),\n typeTitle : mq({\n fontSize: ['1.2rem', null, '1.5rem'],\n color: variables.darkRecColor\n }),\n team__selection : mq({\n backgroundImage: 'url(/core/footy/imgs/ground.png)',\n backgroundSize: '100%',\n backgroundRepeat: 'no-repeat',\n width: ['100%', null, '402px'],\n height: ['100%', null, '468px'],\n margin: '0 auto',\n marginTop: '1rem',\n marginBottom: '1rem',\n 'table' : {\n width: '100%',\n height: '100%'\n },\n 'td' : mq({\n height: '80px',\n textAlign: 'center',\n fontSize: '13px',\n fontWeight: 'bold',\n padding: '1px',\n width: '120px',\n color: '#000'\n }),\n\n '&.women, &.womendevelopment' : {\n '.forward_pocket_left, .back_pocket_left' : {\n marginRight:'-60% !important'\n },\n '.forward_pocket_right, .back_pocket_right' : {\n marginLeft: '-60% !important'\n }\n }\n\n }),\n player1__name : {\n color: variables.fontColor\n },\n player2__title : {\n fontSize: '0.8rem',\n fontWeight: '600'\n },\n player2__name : {\n marginRight: '0.5rem',\n fontSize: '0.8rem',\n '&.last' :{\n marginRight: '0rem',\n }\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { Fragment, useEffect, useState } from 'react';\nimport utils from '../../utils';\nimport cmsUtils from '../../cms/utils/cmsUtils';\nimport { SiteLink } from '../../components/';\nimport env from '../../env';\nimport style from './style';\nimport { PlayerPopUpView } from '../playerPopUpView/view';\n\nexport function TeamSelection(props){\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'team__selection', item.cssClass || item.anchorName || '');\n const teamType = cmsUtils.payload(item, 'TeamType') || \"\";\n\n //const [trigger, setTrigger] = useState(\"\");\n const [openStatus, setOpenStatus] = useState({});\n const [result, setResult] = useState();\n const [openPopup, setOpenPopup] = useState(false);\n const [popupItem, setPopupItem] = useState();\n\n // useEffect(() => {\n\n // if (cmsOption.isCmsEdit){\n // return;\n // }\n \n // if(trigger === \"\"){\n // return;\n // }\n\n // const fetchData = async () => {\n // const teamType = trigger;\n // const res = await fetch(env.apiBase + `/api/team/getteamselection/${teamType}`);\n // const data = await res.json();\n\n // console.log('data', data);\n // setResult({...result, [teamType] : data.results.Result});\n // setOpenStatus({...openStatus, [teamType] : true});\n // }\n\n // fetchData();\n // setTrigger(\"\");\n\n // // eslint-disable-next-line\n // }, [trigger]);\n\n useEffect(() => {\n\n if (cmsOption.isCmsEdit){\n return;\n }\n\n const fetchData = async () => {\n //const teamType = trigger;\n const url = teamType === \"\" ? \"/api/team/getTeamselectionall\" : \"/api/team/getteamselection/\" + teamType;\n const res = await fetch(env.apiBase + url);\n const data = await res.json();\n\n console.log(\"data ---- \", data);\n\n if(teamType === \"\"){\n setResult(data.results);\n setOpenStatus({sanfl : true, reserve : true, u18 : true, u16 : true});\n }\n else{\n setResult({...result, [teamType] : data.results.Result});\n setOpenStatus({...openStatus, [teamType] : true});\n }\n }\n\n fetchData();\n \n // eslint-disable-next-line\n }, []);\n\n if (cmsOption.isCmsEdit){\n return (\n {item.jumperNoText}
\n {item.playerName}
\n \n
\n )\n }\n\n return(\n \n \n Team Selection \n\n
\n {\n (teamType === \"\" || teamType === \"sanfl\") &&\n
\n \n {/* */}\n {\n (result && result.sanfl && openStatus.sanfl === true) &&\n \n \n }\n
\n }\n {\n (teamType === \"\" || teamType === \"reserve\") &&\n \n {/* */}\n
\n \n {/* */}\n {\n (result && result.reserve && openStatus.reserve === true) &&\n \n \n }\n
\n }\n {\n (teamType === \"\" || teamType === \"u18\") &&\n \n {/* */}\n
\n \n {/* */}\n {\n (result && result.u18 && openStatus.u18 === true) &&\n \n \n }\n
\n }\n {\n (teamType === \"\" || teamType === \"u16\") &&\n \n {/* */}\n
\n \n {/* */}\n {\n (result && result.u16 && openStatus.u16 === true) &&\n \n \n }\n
\n }\n {\n (teamType === \"women\") &&\n \n {/* */}\n
\n \n {/* */}\n {\n (result && result.women && openStatus.women === true) &&\n \n \n }\n
\n }\n {\n (teamType === \"womendevelopment\") &&\n \n {/* */}\n
\n \n {\n (result && result.womendevelopment && openStatus.womendevelopment === true) &&\n \n \n }\n
\n }\n {title}
\n {item.teamSet.gameTitle}
\n {item.teamSet.gameDesc}
\n \n {\n (item.teamSetPlayer && item.teamSetPlayer.length > 0) &&\n \n \n
\n }\n
\n\n | { getPlayerByPosition(\"forward_pocket_left\") } | \n{ getPlayerByPosition(\"full_forward\") } | \n{ getPlayerByPosition(\"forward_pocket_right\") } | \n
| { getPlayerByPosition(\"half_forward_left\") } | \n{ getPlayerByPosition(\"centre_half_forward\") } | \n{ getPlayerByPosition(\"half_forward_right\") } | \n
| { getPlayerByPosition(\"wing_left\") } | \n{ getPlayerByPosition(\"centre\") } | \n{ getPlayerByPosition(\"wing_right\") } | \n
| { getPlayerByPosition(\"half_back_left\") } | \n{ getPlayerByPosition(\"centre_half_back\") } | \n{ getPlayerByPosition(\"half_back_right\") } | \n
| { getPlayerByPosition(\"back_pocket_left\") } | \n{ getPlayerByPosition(\"full_back\") } | \n{ getPlayerByPosition(\"back_pocket_right\") } | \n
\n Ruck - \n {\n players2.ruck.map((item, index) => \n {\n openPlayerPopUp(e, item);\n }}>\n {item.playerName + ((index + 1) === players2.ruck.length ? '' : ',')}\n \n )\n }\n
\n \n Interchange - \n {\n players2.interchange.map((item, index) => \n {\n openPlayerPopUp(e, item);\n }}>\n {item.playerName + ((index + 1) === players2.interchange.length ? '' : ',')}\n \n )\n }\n
\n \n In - \n {\n players2.in.map((item, index) => \n {\n openPlayerPopUp(e, item);\n }}>\n {item.playerName + ((index + 1) === players2.in.length ? '' : ',')}\n \n )\n }\n
\n \n Out - \n {\n players2.out.length > 0 ?\n players2.out.map((item, index) => \n {\n openPlayerPopUp(e, item);\n }}>\n {item.playerName + ((index + 1) === players2.out.length ? '' : ',')}\n \n ) : \"N/A\"\n }\n
\n\n \n
\n )\n }\n\n const showLadder = ((e, _ladderId) => {\n setCurrentLadder(_ladderId);\n setCurrentLadderResult(null);\n\n setTimeout(() => {\n if(_ladderId === \"nafc\"){\n if(ladderResult.nafc){\n setCurrentLadderResult(ladderResult.nafc);\n return;\n }\n }\n else if(_ladderId === \"nafc_reserve\"){\n if(ladderResult.reserve){\n console.log(\"fsdfdsf\");\n setCurrentLadderResult(ladderResult.reserve);\n return;\n }\n }\n else if(_ladderId === \"nafc_u18\"){\n if(ladderResult.u18){\n setCurrentLadderResult(ladderResult.u18);\n return;\n }\n }\n else if(_ladderId === \"nafc_u16\"){\n if(ladderResult.u16){\n setCurrentLadderResult(ladderResult.u16);\n return;\n }\n }\n else if(_ladderId === \"nafc_women\"){\n if(ladderResult.women){ \n setCurrentLadderResult(ladderResult.women);\n return;\n }\n }\n setTrigger(_ladderId); \n }, 1500);\n\n });\n\n // if (get.loading()) {\n // return \n Ladders \n\n
\n
\n )\n}\n\nfunction LaddersItem(props){\n const ladderInfo = props.ladderInfo;\n //console.log('ladderInfo', ladderInfo);\n return(\n \n
\n \n {\n currentLadderResult ?\n \n
\n {\n if(currentLadder !== \"nafc\"){\n showLadder(e, \"nafc\");\n }\n }}> League Ladder
\n \n
\n {\n if(currentLadder !== \"nafc_reserve\"){\n showLadder(e, \"nafc_reserve\");\n }\n }}> Reserve Ladder
\n \n
\n {\n if(currentLadder !== \"nafc_u18\"){\n showLadder(e, \"nafc_u18\");\n }\n }}> U18 Ladder
\n \n
\n {\n if(currentLadder !== \"nafc_u16\"){\n showLadder(e, \"nafc_u16\");\n }\n }}> U16 Ladder
\n \n
\n {\n if(currentLadder !== \"nafc_women\"){\n showLadder(e, \"nafc_women\")\n }\n }}> Women's Ladder
\n \n {\n ladderInfo.ladders.map((item, index) =>\n
\n )\n}\n\nfunction GetPercents({percents}){\n const _percents = (percents * 100).toFixed(2);\n return(\n {(_percents.charAt(_percents.length -1) === '0' ? _percents.slice(0, -1) : _percents) + '%'}\n )\n}","import { variables, mq } from '../../cssInJs'\n\nexport default {\n fixtureButtonContainer : {\n padding: '2px'\n },\n fixtureButton : {\n backgroundColor: '#d9d9d9',\n //marginLeft: '0.5rem',\n //marginRight: '0.5rem',\n textAlign: 'center',\n paddingTop: '2.2rem',\n paddingBottom: '2.2rem',\n cursor: 'pointer',\n color: \"#585858\",\n fontWeight: \"600\",\n position:'relative',\n '&.selected' : {\n backgroundColor: variables.redColor,\n color: 'white'\n }\n },\n spanText : {\n lineHeight : '1.3',\n display:'inline-block',\n position: 'absolute',\n top:'50%',\n left:'50%',\n transform:'translate(-50%, -50%)',\n width:'100%',\n paddingLeft:'0.5rem',\n paddingRight:'0.5rem'\n },\n fixturesContainer : {\n marginTop: '5px',\n paddingLeft: '2px',\n paddingRight: '2px'\n },\n fixtureContainer: {\n marginLeft: '0px',\n marginRight: '0px',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n \"&.even\" : {\n backgroundColor: '#ebebeb'\n },\n \"&.odd\" : {\n backgroundColor: 'white'\n },\n },\n fixtureWrapper : {\n paddingLeft: '0.5rem',\n paddingRight: '0.5rem'\n },\n\n fixtureRoundName:{\n fontWeight: 700\n },\n \n fixtureBar:{\n marginLeft: '0.5rem',\n marginRight: '0.5rem'\n },\n\n fixtureDate:{\n fontWeight: 600\n },\n\n fixtureVanue : mq({\n marginLeft: ['0rem', null, '1rem'],\n fontSize: '0.8rem'\n }),\n\n hr : {\n marginTop: '0.3rem',\n marginBottom: '0.3rem'\n },\n\n fixtureLogo : mq({\n width: '80px',\n height: '80px',\n //margin: '0 10px 0 0',\n backgroundPosition: 'center center',\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n margin: 'auto',\n float: ['unset', null, 'left']\n }),\n teamName : mq({\n fontWeight: 600,\n marginLeft : ['0rem', null, '1rem'],\n position : ['static', null, 'absolute'],\n transform : ['unset', null, 'translateY(-50%)'],\n top: '50%',\n textAlign: 'center',\n display: ['block', null, 'inline'],\n lineHeight: 1,\n marginTop: ['0.3rem', null, '0rem'] \n }),\n score : mq({\n fontWeight: 600,\n position : ['static', null, 'absolute'],\n transform : ['unset', null, 'translateY(-50%)'],\n top: '50%',\n left: \"50%\",\n textAlign: 'center',\n display: ['block', null, 'inline'],\n lineHeight: 1,\n marginTop: ['0.3rem', null, '0rem'] \n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport utils from '../../utils';\nimport { Loading } from '../../components/';\nimport env from '../../env';\nimport { useEffect, useState } from 'react';\n\nexport function Fixtures(props){\n\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'fixtures', item.cssClass || item.anchorName || '');\n const [currentFixture, setCurrentFixture] = useState(\"nafc\");\n const [currentFixtureData, setCurrentFixtureData] = useState();\n const [trigger, setTrigger] = useState(\"nafc\");\n const [fixtures, setFixtures] = useState(\n { nafc : null, reserve : null, u18 : null, u16 : null, women : null }\n );\n\n\n useEffect(() => {\n if (cmsOption.isCmsEdit || trigger === \"\"){\n return;\n }\n\n const fetchData = async () => {\n const url = \"/api/proxy/getfixture/\" + trigger;\n const res = await fetch(env.apiBase + url);\n const data = await res.json();\n\n //console.log(\"dddd\", data.results.Result);\n\n const _fixtures = { title : \"\", fixture : data.results.Result};\n \n switch(trigger){\n case \"nafc\" :\n _fixtures.title = \"League Fixture\";\n setFixtures({...fixtures, nafc : _fixtures });\n break;\n case \"nafc_reserve\" : \n _fixtures.title = \"Reserve Fixture\";\n setFixtures({...fixtures, reserve : _fixtures });\n break;\n case \"nafc_u18\" : \n _fixtures.title = \"U18 Fixture\";\n setFixtures({...fixtures, u18 : _fixtures });\n break;\n case \"nafc_u16\" : \n _fixtures.title = \"U16 Fixture\";\n setFixtures({...fixtures, u16 : _fixtures });\n break;\n case \"nafc_women\" : \n _fixtures.title = \"Women Fixture\";\n setFixtures({...fixtures, women : _fixtures });\n break;\n case \"nafc_womendevelop\" : \n _fixtures.title = \"Women's Development Fixture\";\n setFixtures({...fixtures, womendevelop : _fixtures });\n break;\n default : \n }\n setCurrentFixtureData(_fixtures);\n };\n\n fetchData();\n setTrigger(\"\");\n \n // eslint-disable-next-line\n }, [trigger]);\n\n\n const showLadder = ((e, fixtureId) => {\n setCurrentFixture(fixtureId);\n setCurrentFixtureData(null);\n \n setTimeout(() => {\n if(fixtureId === \"nafc\"){\n if(fixtures.nafc){\n setCurrentFixtureData(fixtures.nafc);\n return;\n }\n }\n else if(fixtureId === \"nafc_reserve\"){\n if(fixtures.reserve){\n setCurrentFixtureData(fixtures.reserve);\n return;\n }\n }\n else if(fixtureId === \"nafc_u18\"){\n if(fixtures.u18){\n setCurrentFixtureData(fixtures.u18);\n return;\n }\n }\n else if(fixtureId === \"nafc_u16\"){\n if(fixtures.u16){\n setCurrentFixtureData(fixtures.u16);\n return;\n }\n }\n else if(fixtureId === \"nafc_women\"){\n if(fixtures.women){ \n setCurrentFixtureData(fixtures.women);\n return;\n }\n }\n else if(fixtureId === \"nafc_womendevelop\"){\n if(fixtures.womendevelop){ \n setCurrentFixtureData(fixtures.womendevelop);\n return;\n }\n }\n setTrigger(fixtureId);\n }, 1500);\n });\n\n if (cmsOption.isCmsEdit){\n return(\n \n
\n )\n }\n \n \n \n { item.TeamName }\n \n
\n \n
\n \n
\n \n P : {item.Played} \n
\n \n W : {item.Won} \n
\n \n L : {item.Lost} \n
\n \n D : {item.Drawn} \n
\n \n PTS : {item.Points} \n
\n \n
\n \n
\n )\n }\n\n return(\n \n Fixture \n\n
\n
\n )\n}\n\nfunction Fixture(props){\n const fixtureInfo = props.fixtureInfo;\n //console.log(\"fixtureInfo\", fixtureInfo);\n return(\n \n \n
\n {\n currentFixtureData ?\n \n
\n\n {\n if(currentFixture !== \"nafc\"){\n showLadder(e, \"nafc\");\n }\n }}> League Fixture
\n \n
\n\n {\n if(currentFixture !== \"nafc_reserve\"){\n showLadder(e, \"nafc_reserve\");\n }\n }}> Reserve Fixture
\n \n
\n\n {\n if(currentFixture !== \"nafc_u18\"){\n showLadder(e, \"nafc_u18\");\n }\n }}> U18 Fixture
\n \n
\n\n {\n if(currentFixture !== \"nafc_u16\"){\n showLadder(e, \"nafc_u16\");\n }\n }}> U16 Fixture
\n \n
\n\n {\n if(currentFixture !== \"nafc_women\"){\n showLadder(e, \"nafc_women\");\n }\n }}> Women's Fixture
\n \n
\n\n {\n if(currentFixture !== \"nafc_womendevelop\"){\n showLadder(e, \"nafc_womendevelop\");\n }\n }}> Women's Development Fixture
\n \n {\n fixtureInfo.fixture.FixtureRounds.map((item, index) => \n
\n )\n}","import { variables } from '../../cssInJs';\n\nexport default{\n span__link : {\n color: variables.redColor,\n cursor: 'pointer'\n }\n}","//import { mq, variables } from '../../../cssInJs';\n\nexport default{\n button__container : {\n marginTop: '0rem',\n marginBottom: '0rem',\n 'button' : {\n width: '100%'\n }\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\n//import utils from '../../../utils';\nimport { Button, usePost, ErrorMessage } from '../../../components';\nimport env from '../../../env';\nimport { useState } from 'react';\nimport { GetLoginModel } from './loginFormModel';\nimport { useForm } from '../../../form';\n\nexport function TipppingLogin({setTippingSession}){\n\n const model = GetLoginModel({});\n const form = useForm(model, { usePlaceholder: true });\n const render = (name) => form.renderControl(name, null);\n const [sendingStatus, setSendingStatus] = useState(null);\n const post = usePost();\n\n const onSubmit = ((e) => {\n form.validateForm(e, () => {\n const formData = { ...form.getValue() };\n post.send(env.apiBase + \"/api/proxy/tippinglogin\", formData);\n setSendingStatus('pending');\n });\n });\n\n if (post.done() && sendingStatus === 'pending') {\n const _data = post.response;\n //console.log(\"_data\", _data);\n if(_data.results.tippingSessionInfo.Result.token){\n //console.log('token', _data.results.tippingSessionInfo.Result.token);\n setTimeout(() => {\n sessionStorage.setItem(\"tippingsession\", _data.results.tippingSessionInfo.Result.token);\n setTippingSession(_data.results.tippingSessionInfo.Result.token);\n }, 1000);\n }\n }\n\n return(\n \n
\n
\n )\n }\n \n {item.RoundName}\n | \n {(item.GameDate && item.GameDate.includes(\"12.00 AM\")) ? \"TBC\" : item.GameDate } \n {\"VENUE : \" + item.Venue} \n
\n \n
\n
\n \n \n { item.HomeTeam.TeamName }\n {\n item.ResultHomeScore &&\n { item.ResultHomeGoals + \".\" + item.ResultHomeBehinds} ({item.ResultHomeScore}) \n }\n
\n \n \n { item.AwayTeam.TeamName }\n {\n item.ResultAwayScore &&\n { item.ResultAwayGoals + \".\" + item.ResultAwayBehinds} ({item.ResultAwayScore}) \n }\n
\n \n {/*
\n )\n}","import { fb, validators } from '../../../lib/form';\n\nexport function GetLoginModel(data){\n const model = fb.group({\n userName: [data.userName || '', [validators.Required()], { label: 'Email', type: 'text' }],\n password: [data.password || '', [validators.Required()], { label: 'Password', type: 'password' }],\n }); \n return model;\n}","import { variables, mq } from '../../../cssInJs';\n\nexport default{\n row : {\n marginRight: '0px',\n marginLeft: '0px',\n\n '.col__c' : {\n paddingLeft: '0px',\n paddingRight: '0px',\n //marginLeft: '2px',\n //marginRight: '2px',\n },\n\n '.col__c__value' : mq({\n backgroundColor: variables.greyColor,\n textAlign: 'center',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n fontWeight: 600,\n cursor: 'pointer',\n fontSize: ['0.7rem', null, '1rem'],\n margin: '1px',\n '&.selected' : {\n backgroundColor: variables.redColor,\n color: 'white'\n }\n })\n\n }\n}","import { variables, mq } from '../../../cssInJs';\n\nexport default{\n\n round__container : mq({\n margin: 'auto',\n marginTop: '0.5rem',\n maxWidth: ['300px', null, '1024px'] ,\n '.slick-prev' : {\n left: '-30px',\n '&:before':{\n color: 'black'\n } \n },\n '.slick-next' : {\n right: '-30px',\n '&:before':{\n color: 'black'\n }\n }\n }),\n\n round__text : {\n textAlign: 'center',\n //marginLeft: '2px',\n //marginRight: '2px'\n paddingLeft: '1px',\n paddingRight: '1px',\n cursor: 'pointer',\n '.value' : {\n backgroundColor: '#ebebeb',\n '&.selected' : {\n backgroundColor: variables.redColor,\n color: 'white'\n }\n }\n },\n\n games__container : {\n marginTop: '1rem',\n marginBottom: '1rem',\n '&.afl' : {\n marginTop: '1rem'\n }\n },\n games : {\n marginTop: '0.5rem',\n marginBottom: '0.5rem'\n },\n game__date : {\n backgroundColor: variables.redColor,\n color: 'white',\n padding: '0.2rem 0.5rem',\n fontWeight: '600'\n },\n\n logo : mq({\n width: '80px',\n height: '80px',\n //margin: '0 10px 0 0',\n backgroundPosition: 'center center',\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n margin: 'auto',\n float: ['unset', null, 'left']\n }),\n\n row : {\n marginLeft: '0px',\n marginRight: '0px',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n \"&.even\" : {\n backgroundColor: 'white'\n },\n \"&.odd\" : {\n backgroundColor: '#ebebeb'\n }\n },\n\n venue : {\n borderBottom: '1px solid black',\n paddingBottom: '0.5rem',\n marginBottom: '1rem'\n },\n\n teamName : mq({\n fontWeight: 600,\n marginLeft : ['0rem', null, '1rem'],\n position : ['static', null, 'absolute'],\n transform : ['unset', null, 'translateY(-50%)'],\n top: '50%',\n textAlign: 'center',\n display: ['block', null, 'inline'],\n lineHeight: 1,\n marginTop: ['0.3rem', null, '0rem'],\n 'label' : {\n cursor: 'pointer'\n }\n }),\n\n homeAway : mq({\n display : ['block', null, 'inline'],\n marginBottom: ['0.5rem', null, '0px']\n }),\n\n marginContainer : {\n backgroundColor: '#585858',\n color: 'white',\n textAlign: 'right',\n paddingTop: '0.2rem',\n paddingBottom: '0.2rem'\n }\n \n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport utils from '../../../utils';\nimport { Loading, ErrorMessage } from '../../../components';\nimport env from '../../../env';\nimport { useEffect, useState, Fragment, useRef } from 'react';\nimport Slider from \"react-slick\";\n\nexport function EnterTip({tippingSession, logOUt}){\n\n const [sendingStatus, setSendingStatus] = useState('pending');\n const [compRounds, setCompRounds] = useState();\n //const [currentRound, setCurrentRound] = useState({index : 0, roundId : null});\n const [currentRound, setCurrentRound] = useState({index : null, roundId : null});\n const [buttonEnable, setButtonEnable] = useState(0);\n const [games, setGames] = useState();\n const [tipGames, setTipGames] = useState();\n const [errors, setErrors] = useState();\n const [enterTipMsg, setEnterTipMsg] = useState();\n const [compRoundId, setCompRoundId] = useState();\n const _slider = useRef(null);\n\n useEffect(() => {\n\n if(!sendingStatus || sendingStatus !== \"pending\"){\n return;\n }\n\n const abortController = new AbortController();\n const signal = abortController.signal;\n let timer1 = null;\n const fetchData = async () => {\n //const value = { token : tippingSession, roundId : roundId};\n const value = { token : tippingSession, roundId : currentRound.roundId };\n const res = await fetch(env.apiBase + \"/api/proxy/tippinggetenter\", {\n method : 'post',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(value),\n signal : signal\n });\n const _data = await res.json();\n console.log(\"_result_\", _data);\n if(_data.errors && _data.errors.length > 0){\n let checkSessionExpired = false;\n const _errors = [];\n for(let i in _data.errors){\n if(_data.errors[i].errorMessage === \"session expired\"){\n checkSessionExpired = true;\n }\n _errors.push(_data.errors[i].errorMessage);\n }\n setErrors(_errors);\n setSendingStatus(null);\n if(checkSessionExpired === true){\n logOUt();\n }\n return;\n }\n\n if(_data.results.tippingEnterInfo && _data.results.tippingEnterInfo.Result.info){\n const _games = _data.results.tippingEnterInfo.Result.info.Games;\n const _gamesSaNfl = []; \n const _gamesSaNflDate = [];\n const _gamesAfl = [];\n const _gamesAflDate = [];\n var checkDate = \"\";\n var checkDate2 = \"\";\n var buttonEnableCount = 0;\n var _setTipGames = [];\n\n _games.forEach(el => {\n if(el.League === \"SANFL\"){\n _gamesSaNfl.push(el);\n if(checkDate !== el.GameDateTextDay){\n _gamesSaNflDate.push(el.GameDateTextDay);\n checkDate = el.GameDateTextDay;\n }\n }\n else if(el.League === \"AFL\"){\n _gamesAfl.push(el);\n if(checkDate2 !== el.GameDateTextDay){\n _gamesAflDate.push(el.GameDateTextDay);\n checkDate2 = el.GameDateTextDay;\n }\n }\n\n if(el.CanEnter === true){\n buttonEnableCount ++;\n }\n _setTipGames.push({\n id : el.GameId,\n value : el.UserTip.WinningTeamId === 0 ? \"\" : el.UserTip.WinningTeamId,\n margin : el.UserTip.Margin === 0 ? \"\" : el.UserTip.Margin, \n });\n });\n\n if(!compRounds){\n setCompRounds(_data.results.tippingEnterInfo.Result.info.CompRounds);\n }\n setCompRoundId(_data.results.tippingEnterInfo.Result.info.CompRoundId);\n \n setGames({sanfl : _gamesSaNfl, sanflDate : _gamesSaNflDate, afl : _gamesAfl, aflDate : _gamesAflDate});\n setTipGames(_setTipGames);\n setButtonEnable(buttonEnableCount);\n\n if(!currentRound.index){\n if(_gamesSaNfl.length > 0){\n setCurrentRound({index : (_gamesSaNfl[0].CompRound.SortingOrder) -1, roundId : _gamesSaNfl[0].CompRound.CompRoundId});\n }\n }\n\n timer1 = setTimeout(() => {\n setSendingStatus(null);\n //if(_slider){\n //console.log(\"_slider.slickGoTo(4);\", _slider);\n //_slider.current.slickNext();\n //}\n _slider.current.slickGoTo(19);\n }, 100);\n\n }\n }\n \n fetchData();\n return () => {\n abortController.abort();\n if(timer1){\n clearTimeout(timer1);\n }\n }\n\n // eslint-disable-next-line\n }, [sendingStatus]);\n\n useEffect(() => {\n \n if(!sendingStatus || sendingStatus !== \"pending2\"){\n return;\n }\n let timer1 = null;\n const fetchData = async () => {\n const value = { token : tippingSession, tipGames : tipGames, compRoundId : compRoundId };\n const res = await fetch(env.apiBase + \"/api/proxy/tippingentertip\", {\n method : 'post',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(value)\n });\n \n const _data = await res.json();\n\n if(_data.errors && _data.errors.length > 0){\n let checkSessionExpired = false;\n const _errors = [];\n for(let i in _data.errors){\n if(_data.errors[i].errorMessage === \"session expired\"){\n checkSessionExpired = true;\n }\n _errors.push(_data.errors[i].errorMessage);\n }\n setErrors(_errors);\n setSendingStatus(null);\n if(checkSessionExpired === true){\n logOUt();\n }\n return;\n }\n\n setSendingStatus(null);\n setEnterTipMsg(\"Successfully entered tips.\");\n timer1 = setTimeout(() => { \n setEnterTipMsg(null);\n }, 3000);\n\n };\n\n fetchData();\n return () => {\n if(timer1){\n clearTimeout(timer1);\n }\n }\n\n // eslint-disable-next-line\n }, [sendingStatus]);\n\n var settings = {\n dots: false,\n infinite: false,\n //speed: 1700,\n speed: 500,\n autoplaySpeed: 3000,\n autoplay: false,\n slidesToShow: (compRounds && compRounds.length) >=18 ? 18 : (compRounds && compRounds.length) ? compRounds.length : 0,\n slidesToScroll: 1,\n responsive : [\n {breakpoint : 800, settings : { slidesToShow: 6 }}\n ]\n };\n\n function getGames(date, type){\n if(type === \"sanfl\"){\n const result = games.sanfl.filter(x => x.GameDateTextDay.includes(date)); \n const list = result.map((item, index) => \n Tipping Login
*/}\n \n
\n\n \n {render('userName')}\n
\n \n {render('password')}\n
\n \n
\n \n \n
\n \n
\n Select Round
\n\n \n {\n compRounds.map((item, index) => \n \n
\n \n
\n )\n }\n { \n if(currentRound.index !== index){\n selectRound(e, index, item.CompRoundId);\n }\n }}>\n { item.CompRoundName.replace(\"Round\", \"\").trim() }\n
\n \n {\n (games && games.sanflDate.length) > 0 && \n
\n }\n \n
\n }\n\n {/* {\n (games && games.aflDate.length) > 0 && \n SANFL
\n {\n games.sanflDate.map((item, index) => \n // \n
\n )\n }\n \n { item }\n
\n { getGames(item, \"sanfl\") }\n \n
\n } */}\n\n {\n buttonEnable > 0 &&\n \n AFL
\n {\n games.aflDate.map((item, index) => \n // \n
\n )\n }\n \n { item }\n
\n { getGames(item, \"afl\") }\n \n \n
\n }\n\n \n
\n\n \n
\n )\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { GetProfileModel } from './profileFormModel';\nimport { useState } from 'react';\nimport { useForm } from '../../../form';\nimport { Button, usePost, ErrorMessage } from '../../../components';\nimport env from '../../../env';\nimport style from './style';\n\nexport function Profile({tippingSession, logOUt}){\n \n const model = GetProfileModel({});\n const form = useForm(model, { usePlaceholder: true });\n const render = (name) => form.renderControl(name, null);\n const [sendingStatus, setSendingStatus] = useState(null);\n const post = usePost();\n\n const onSubmit = ((e) => {\n form.validateForm(e, () => {\n const formData = { ...form.getValue(), token : tippingSession };\n post.send(env.apiBase + \"/api/proxy/tippingprofile\", formData);\n setSendingStatus('pending');\n });\n });\n\n if (post.done() && sendingStatus === 'pending') {\n //const _data = post.response;\n //console.log(\"_data\", _data);\n // setTimeout(() => {\n // }, 1000);\n form.reset(model);\n setSendingStatus(null);\n }\n\n if(post.hasErrors()){\n let checkSessionExpired = false;\n for(let i in post.errors){\n if(post.errors[i] === \"session expired\"){\n checkSessionExpired = true;\n break;\n }\n }\n\n setTimeout(() => {\n setSendingStatus(null);\n if(checkSessionExpired === true){\n logOUt();\n }\n }, 1000);\n }\n\n return(\n \n {game.Venue + \", \" + (game.GameDateTextTime === \"12.00 AM\" ? \"TBC\" : game.GameDateTextTime) }\n
\n \n \n
\n \n \n \n | HOME \n
\n \n \n
\n \n \n \n | AWAY \n
\n \n \n \n
\n {\n (game.EnterMargin && game.EnterMargin === true) &&\n \n Margin : \n \n
\n }\n \n
\n )\n}","import { fb, validators } from '../../../lib/form';\nexport function GetProfileModel(data){\n const model = fb.group({\n firstName: [data.firstName || '', [validators.Required()], { label: 'First Name', type: 'text' }],\n lastName: [data.lastName || '', [], { label: 'Last Name', type: 'text' }],\n nickName: [data.nickName || '', [validators.Required()], { label: 'Nick Name', type: 'text' }],\n phone: [data.phone || '', [], { label: 'Phone', type: 'text' }]\n }); \n return model;\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport { GetResetPasswordModel } from './resetPasswordFormModel';\nimport { useForm } from '../../../form';\nimport { Button, usePost, ErrorMessage } from '../../../components';\nimport env from '../../../env';\nimport { useState } from 'react';\n\nexport function TipppingResetPassword({tippingSession, logOUt}){\n\n const model = GetResetPasswordModel({});\n const form = useForm(model, { usePlaceholder: true });\n const render = (name) => form.renderControl(name, null);\n const [sendingStatus, setSendingStatus] = useState(null);\n const post = usePost();\n\n const onSubmit = ((e) => {\n form.validateForm(e, () => {\n const formData = { ...form.getValue(), token : tippingSession };\n post.send(env.apiBase + \"/api/proxy/tippingresetpassword\", formData);\n setSendingStatus('pending');\n });\n });\n\n if (post.done() && sendingStatus === 'pending') {\n //const _data = post.response;\n form.reset(model);\n setSendingStatus(null);\n }\n\n if(post.hasErrors()){\n let checkSessionExpired = false;\n for(let i in post.errors){\n if(post.errors[i] === \"session expired\"){\n checkSessionExpired = true;\n break;\n }\n }\n\n setTimeout(() => {\n setSendingStatus(null);\n if(checkSessionExpired === true){\n logOUt();\n }\n }, 1000);\n }\n\n return(\n Profile
\n\n
\n \n {render('firstName')}\n
\n \n {render('lastName')}\n
\n \n {render('nickName')}\n
\n \n {render('phone')}\n
\n \n \n
\n \n \n
\n \n \n
\n )\n\n}","import { fb, validators } from '../../../lib/form';\n\nexport function GetResetPasswordModel(data){\n const model = fb.group({\n password: [data.password || '', [validators.Required()], { label: 'Current Password', type: 'password' }],\n newPassword: [data.newPassword || '', [validators.Required(), validators.Length('Min 7 characters', {min: 7})], { label: 'New Password', type: 'password' }],\n }); \n return model;\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\n//import style from './style';\nimport { useEffect, useState, Fragment } from 'react';\nimport { Loading, ErrorMessage } from '../../../components';\nimport env from '../../../env';\nimport { GetReviewStandingModel } from './reviewStandingModel';\nimport { useForm } from '../../../form';\n\nexport function ReviewStanding(){\n\n const [sendingStatus, setSendingStatus] = useState(\"pending\");\n const [errors, setErrors] = useState(); \n const [standingInfo, setStandingInfo] = useState(null);\n const [compRounds, setCompRounds] = useState(null);\n const [roundId, setRoundId] = useState(0);\n\n useEffect(() => {\n if(!sendingStatus || sendingStatus !== \"pending\"){\n return;\n }\n\n const fetchData = async () => {\n const value = { roundId : roundId };\n const res = await fetch(env.apiBase + \"/api/proxy/tippingstanding\", {\n method : 'post',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(value),\n });\n const _data = await res.json();\n\n if(_data.errors && _data.errors.length > 0){\n let checkSessionExpired = false;\n const _errors = [];\n for(let i in _data.errors){\n if(_data.errors[i].errorMessage === \"session expired\"){\n checkSessionExpired = true;\n }\n _errors.push(_data.errors[i].errorMessage);\n }\n setErrors(_errors);\n setSendingStatus(null);\n if(checkSessionExpired === true){\n //logOUt();\n }\n return;\n }\n\n if(_data.results.tippingStandingResult && _data.results.tippingStandingResult.Result.standing){\n const data = _data.results.tippingStandingResult.Result.standing;\n setStandingInfo(data);\n if(!compRounds){\n setCompRounds(data.CompRounds);\n }\n setSendingStatus(null);\n }\n } \n fetchData();\n \n // eslint-disable-next-line\n }, [sendingStatus]);\n\n function changeStading(roundId){\n console.log(\"roundId\", roundId);\n setRoundId(roundId);\n setSendingStatus(\"pending\");\n }\n\n //console.log(\"standingInfo\", standingInfo);\n\n return(\n Reset Password
\n\n
\n \n {render('password')}\n
\n \n {render('newPassword')}\n
\n \n \n
\n \n \n
\n \n \n {\n (compRounds && compRounds.length > 0) &&\n \n {\n (standingInfo && standingInfo.Ranks && standingInfo.Ranks.length > 0) ?\n \n }\n\n
\n )\n}\n\nfunction CompList({compRounds, changeStading}){\n \n const model = GetReviewStandingModel({compRounds});\n const form = useForm(model, { usePlaceholder: true, onControlChanged : orderItemChanged });\n const render = (name) => form.renderControl(name, null);\n \n function orderItemChanged(e, control){\n if (control && control.name === 'compRound'){\n changeStading(control.value);\n }\n }\n\n return(\n \n {\n standingInfo.Ranks.map((item, index) =>\n
:\n Not available yet.
\n }\n \n
\n\n \n
\n )\n}\n\nfunction RankView({item}){\n return(\n \n {render('compRound')}\n
\n \n
\n )\n}","import { fb } from '../../../lib/form';\n\nexport function GetReviewStandingModel(data){ \n let list = data.compRounds.map(x => {\n return { name : x.CompRoundName, value : x.CompRoundId };\n });\n list = [{ name : \"All\", value : \"0\" }, ...list]\n const model = fb.group({\n compRound: [data.compRound || '0', [], { label: 'Round', type: 'select', options : list }]\n }); \n return model;\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\n//import utils from '../../../utils';\n//import { Button, usePost, ErrorMessage } from '../../../components';\n//import env from '../../../env';\nimport { useState, Fragment } from 'react';\n//import { GetLoginModel } from './loginFormModel';\n//import { useForm } from '../../../form';\nimport { EnterTip } from \"../enterTip/view\";\nimport { Profile } from \"../profile/view\";\nimport { TipppingResetPassword } from \"../resetPassword/view\";\nimport { ReviewStanding } from \"../reviewStanding/view\";\n\nexport function TippingView({tippingSession, logOUt}){ \n\n const [currentTab, setCurrentTab] = useState(0);\n return(\n {item.RankTitle}
\n {item.Points + \" / \" + item.TotalGames}
\n {\n item.UserScores && item.UserScores.length > 0 &&\n \n {\n item.UserScores.map((userItem, index) => \n {userItem.NickName} \n )\n }\n
\n }\n \n \n
\n {\n currentTab === 0 &&\n \n
\n\n {\n setCurrentTab(0);\n }}>\n ENTER TIP\n
\n \n
\n\n {\n setCurrentTab(1);\n }}>\n REVIEW STANDING\n
\n \n
\n\n {\n setCurrentTab(2);\n }}>\n PROFILE\n
\n \n
\n\n {\n setCurrentTab(3);\n }}>\n REST PASSWORD\n
\n \n
\n \n {\n logOUt(2);\n }}>\n LOGOUT\n
\n \n
\n )\n}","import { fb, validators } from '../../../lib/form';\n\nexport function GetSignUpModel(data){\n const model = fb.group({\n email: [data.email || '', [validators.Required(), validators.Email()], { label: 'Email', type: 'email' }],\n password: [data.password || '', [validators.Required(), validators.Length('Min 7 characters', {min: 7})], { label: 'Password', type: 'password' }],\n confirmPassword: [data.confirmPassword || '', [validators.Required()], { label: 'Confirm Password', type: 'password' }],\n firstName: [data.firstName || '', [validators.Required()], { label: 'First Name', type: 'text' }],\n lastName: [data.lastName || '', [], { label: 'Last Name', type: 'text' }],\n nickName: [data.nickName || '', [validators.Required()], { label: 'Nick Name', type: 'text' }],\n phone: [data.phone || '', [], { label: 'Phone', type: 'text' }]\n }); \n return model;\n}","import { variables } from '../../../cssInJs';\n\nexport default{\n span__link : {\n color: variables.redColor,\n cursor: 'pointer'\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport { useForm } from '../../../form';\nimport { Button, usePost, ErrorMessage } from '../..';\nimport env from '../../../env';\nimport { useState } from 'react';\nimport { GetForgetPasswordModel } from './forgetPasswordFormModel';\n\nexport function TipppingForgetPassword({setWwtitchForm}){\n \n const model = GetForgetPasswordModel({});\n const form = useForm(model, { usePlaceholder: true });\n const render = (name) => form.renderControl(name, null);\n const [sendingStatus, setSendingStatus] = useState(null);\n const post = usePost();\n\n const onSubmit = ((e) => {\n form.validateForm(e, () => {\n const formData = { ...form.getValue() };\n post.send(env.apiBase + \"/api/proxy/tippingpasswordrecovery\", formData);\n setSendingStatus('pending');\n });\n });\n \n if (post.done() && sendingStatus === 'pending') {\n const _data = post.response;\n console.log(\"_data\", _data);\n setTimeout(() => {\n //sessionStorage.setItem(\"tippingsession\", _data.results.tippingSessionInfo.Result.token);\n //setTippingSession(_data.results.tippingSessionInfo.Result.token);\n }, 1000);\n setSendingStatus(null);\n }\n \n return(\n Sign Up
\n\n {\n e.preventDefault();\n e.stopPropagation();\n setWwtitchForm(0);\n }}> Return to login page \n
\n \n
\n \n {render('email')}\n
\n \n {render('password')}\n
\n \n {render('confirmPassword')}\n
\n \n {render('firstName')}\n
\n \n {render('lastName')}\n
\n \n {render('nickName')}\n
\n \n {render('phone')}\n
\n \n \n
\n \n \n
\n \n \n
\n )\n}","import { fb, validators } from '../../../lib/form';\n\nexport function GetForgetPasswordModel(data){\n const model = fb.group({\n email: [data.email || '', [validators.Required(), validators.Email()], { label: 'Email', type: 'email' }]\n }); \n return model;\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport utils from '../../utils';\n//import { Loading } from '../../components/';\n//import env from '../../env';\nimport { useState, useLayoutEffect } from 'react';\nimport { TipppingLogin } from './login/view';\nimport { TippingView } from './tippingView/view';\nimport { Fragment } from 'react';\nimport { TipppingSignUp } from './signUp/view';\nimport { TipppingForgetPassword } from './forgetPassword/view';\n\nexport function Tipping(props){\n\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'tipping', item.cssClass || item.anchorName || '');\n const [tippingSession, setTippingSession] = useState();\n const [swtitchForm, setWwtitchForm] = useState(0);\n\n useLayoutEffect(() => {\n setTippingSession(sessionStorage.getItem(\"tippingsession\"));\n }, []);\n\n if (cmsOption.isCmsEdit){\n return(\n Forgot Your Password?
\n Enter your email address to receive your password reset instructions.
\n \n
\n\n \n {render('email')}\n
\n \n
\n\n \n
\n \n \n
\n \n Successfully reset. A new password has been sent to your email address.\n
}\n\n Or {\n e.preventDefault();\n e.stopPropagation();\n setWwtitchForm(1);\n }}> Sign up now
\n\n \n {\n e.preventDefault();\n e.stopPropagation();\n setWwtitchForm(0);\n }}> Return to login page \n
\n\n \n
\n )\n }\n\n function logOUt(type = 1){\n if(type === 1){\n setTimeout(() => {\n setTippingSession(null);\n sessionStorage.removeItem(\"tippingsession\");\n }, 1000);\n }\n else{\n setTippingSession(null);\n sessionStorage.removeItem(\"tippingsession\");\n }\n }\n\n return(\n \n Tipping \n\n
\n {\n (tippingSession && tippingSession != null ) ?\n \n {\n swtitchForm === 0 &&\n \n \n }\n {\n swtitchForm === 1 &&\n \n }\n
\n )\n}","import { variables, mq } from '../../cssInJs'\n\nexport default {\n fixtureButtonContainer : {\n padding: '2px'\n },\n fixtureButton : {\n backgroundColor: '#d9d9d9',\n //marginLeft: '0.5rem',\n //marginRight: '0.5rem',\n textAlign: 'center',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n cursor: 'pointer',\n color: \"#585858\",\n fontWeight: \"600\",\n '&.selected' : {\n backgroundColor: variables.redColor,\n color: 'white'\n }\n },\n fixturesContainer : {\n marginTop: '5px',\n marginBottom: '1rem',\n paddingLeft: '2px',\n paddingRight: '2px'\n },\n fixtureContainer: {\n marginLeft: '0px',\n marginRight: '0px',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n \"&.even\" : {\n backgroundColor: '#ebebeb'\n },\n \"&.odd\" : {\n backgroundColor: 'white'\n },\n },\n fixtureWrapper : {\n paddingLeft: '0.5rem',\n paddingRight: '0.5rem'\n },\n\n fixtureRoundName:{\n fontWeight: 700\n },\n \n fixtureBar:{\n marginLeft: '0.5rem',\n marginRight: '0.5rem'\n },\n\n fixtureDate:{\n fontWeight: 600\n },\n\n fixtureVanue : mq({\n marginLeft: ['0rem', null, '1rem'],\n fontSize: '0.8rem'\n }),\n\n hr : {\n marginTop: '0.3rem',\n marginBottom: '0.3rem'\n },\n\n fixtureLogo : mq({\n width: '80px',\n height: '80px',\n //margin: '0 10px 0 0',\n backgroundPosition: 'center center',\n backgroundSize: 'contain',\n backgroundRepeat: 'no-repeat',\n margin: 'auto',\n float: ['unset', null, 'left']\n }),\n teamName : mq({\n fontWeight: 600,\n marginLeft : ['0rem', null, '1rem'],\n position : ['static', null, 'absolute'],\n transform : ['unset', null, 'translateY(-50%)'],\n top: '50%',\n textAlign: 'center',\n display: ['block', null, 'inline'],\n lineHeight: 1,\n marginTop: ['0.3rem', null, '0rem'] \n }),\n score : mq({\n fontWeight: 600,\n position : ['static', null, 'absolute'],\n transform : ['unset', null, 'translateY(-50%)'],\n top: '50%',\n left: \"50%\",\n textAlign: 'center',\n display: ['block', null, 'inline'],\n lineHeight: 1,\n marginTop: ['0.3rem', null, '0rem'] \n })\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport style from './style';\nimport utils from '../../utils';\n//import { Loading } from '../../components/';\nimport env from '../../env';\nimport { useEffect, useState } from 'react';\nimport cmsUtils from '../../cms/utils/cmsUtils';\nimport { Fragment } from 'react';\n\nexport function UpComingGame(props){\n\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'fixtures', item.cssClass || item.anchorName || '');\n const gameGroup = cmsUtils.payload(item, 'GameGroup') || \"nafc\";\n const [fixtures, setFixtures] = useState();\n\n useEffect(() => {\n if (cmsOption.isCmsEdit){\n return;\n }\n\n const fetchData = async () => {\n const url = \"/api/proxy/getfixture/\" + gameGroup;\n const res = await fetch(env.apiBase + url);\n const data = await res.json();\n if(data.errors && data.errors.length > 0){\n }\n else{\n var fixtures = data.results.Result.FixtureRounds;\n const today = new Date();\n var upComingGame = null;\n var latestGame = null;\n fixtures.forEach(el => {\n const date = new Date(el.GameDateValue);\n \n if(upComingGame){\n const _up = new Date(upComingGame.GameDateValue);\n if(date.getTime() <= _up.getTime()){\n upComingGame = el;\n }\n }\n else{\n if(today.getTime() <= date.getTime() ){\n upComingGame = el;\n }\n }\n\n if(today.getTime() >= date.getTime() ){\n latestGame = el;\n }\n \n });\n setFixtures({upComingGame : upComingGame, latestGame : latestGame});\n }\n };\n\n fetchData();\n // eslint-disable-next-line\n }, []);\n\n if (cmsOption.isCmsEdit){\n return(\n \n Forgot your password? {\n e.preventDefault();\n e.stopPropagation();\n setWwtitchForm(2);\n }}> Click Here Or\n
\n \n \n
\n \n
\n )\n }\n\n\n return(\n \n Up Coming Game : { gameGroup } \n \n \n {\n (fixtures && fixtures.upComingGame) &&\n \n \n }\n {\n (fixtures && fixtures.latestGame) &&\n \n \n }\n
\n )\n\n}\n\nfunction Fixture({ fixtureInfo }){\n\n return(\n \n { gameGroup === \"nafc\" ? \"Upcoming SANFL Match\" : \"Upcoming SANFLW Match\"}\n
\n\n { gameGroup === \"nafc\" ? \"Latest SANFL Match\" : \"Latest SANFLW Match\"}\n
\n\n
\n )\n}","// //import { css, keyframes } from '@emotion/core'\n// //import { variables, mq } from 'cssInJs'\n\nimport { css } from '@emotion/core'\nimport { mq } from '../../cssInJs'\n\nexport default {\n photoGallery : css({\n maxWidth : '960px',\n margin: 'auto'\n }),\n thumbnails : css({\n //display:'flex',\n display:'none',\n flexWrap:'wrap',\n marginLeft:'-5px',\n marginRight:'-5px',\n '&.open' : {\n display:'flex',\n marginTop: '0.5rem'\n }\n }),\n thumbnail : css(mq({\n //flexBasis: ['50%','25%','33.33%'],\n //flexBasis: ['50%','25%','16.66%'],\n flexBasis: ['33.33%','25%','16.66%'],\n //padding: ['5px']\n padding:'5px',\n cursor: 'pointer'\n })),\n bg : {\n paddingBottom: '100%',\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n backgroundRepeat: 'no-repeat',\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core'\nimport style from './style';\nimport { useState, useEffect, Fragment } from 'react';\nimport utils from '../../utils';\nimport env from '../../env';\nimport FsLightbox from 'fslightbox-react';\nimport { createPortal } from \"react-dom\";\n\nfunction Portal({children}){\n const [el] = useState(document.createElement('div'));\n useEffect(() => {\n let mount = document.getElementById(\"portal-root\");\n mount.appendChild(el);\n return () => mount.removeChild(el);\n }, [el]);\n return createPortal(children, el);\n}\n\nexport function PhotoGalleryNafc(props){\n\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'photo__gallery__nafc', item.cssClass || item.anchorName || '');\n const [photogallerylist, setPhotogallerylist] = useState();\n const [thumbnails, setThumbnails] = useState({});\n const [getPhotoGalleryId, setGetPhotoGalleryId] = useState(\"\");\n const [images, setImages] = useState();\n const [toggler, setToggler] = useState(false);\n const [popupIndex, setPopupIndex] = useState(0);\n\n useEffect(() => {\n if (cmsOption.isCmsEdit){\n return;\n }\n\n const fetchData = async () => {\n const url = \"/api/proxy/getphotogallerylist\";\n const res = await fetch(env.apiBase + url);\n const data = await res.json();\n \n if(data.errors && data.errors.length > 0){\n\n }\n else{\n const set = data.results.Result.set;\n //console.log(\"set\", set);\n if(set && set.length > 0){\n setPhotogallerylist({ latest : set[0], list : set.slice(1) });\n }\n }\n\n \n };\n \n fetchData();\n // eslint-disable-next-line\n }, []);\n\n useEffect(() => {\n if (cmsOption.isCmsEdit || getPhotoGalleryId === \"\"){\n return;\n }\n\n const fetchData = async () => {\n\n const url = \"/api/proxy/GetPhotoGallery/\" + getPhotoGalleryId;\n const res = await fetch(env.apiBase + url);\n const data = await res.json();\n const resource = data.results.Result.resource;\n const images = [];\n console.log(\"data\", resource);\n\n for(let i in resource){\n //const item = {...resource[i], index : parseInt(images.length) + parseInt(i)};\n //_resource.push(item);\n images.push(resource[i].ImageUrl);\n }\n\n setThumbnails({\n ...thumbnails,\n [\"g_\" + getPhotoGalleryId] : {\n openStatus : true,\n resource : resource,\n images : images\n }\n });\n //setImages(images.concat(resource));\n };\n \n fetchData();\n setGetPhotoGalleryId(\"\");\n // eslint-disable-next-line\n }, [getPhotoGalleryId]);\n\n if (cmsOption.isCmsEdit){\n return (\n \n
\n
\n \n {fixtureInfo.RoundName}\n | \n { (fixtureInfo.GameDate && fixtureInfo.GameDate.includes(\"12.00 AM\")) ? \"TBC\" : fixtureInfo.GameDate} \n {\"VENUE : \" + fixtureInfo.Venue} \n
\n \n
\n
\n \n \n { fixtureInfo.HomeTeam.TeamName }\n {\n fixtureInfo.ResultHomeScore &&\n { fixtureInfo.ResultHomeGoals + \".\" + fixtureInfo.ResultHomeBehinds} ({fixtureInfo.ResultHomeScore}) \n }\n
\n \n \n { fixtureInfo.AwayTeam.TeamName }\n {\n fixtureInfo.ResultAwayScore &&\n { fixtureInfo.ResultAwayGoals + \".\" + fixtureInfo.ResultAwayBehinds} ({fixtureInfo.ResultAwayScore}) \n }\n
\n \n
\n )\n }\n\n return(\n \n Photo Gallery Nafc \n\n
\n \n \n \n\n {\n photogallerylist &&\n \n \n \n }\n {\n (photogallerylist && photogallerylist.list.length > 0) &&\n \n \n }\n
\n )\n\n}","import { variables } from '../../cssInJs'\n\nexport default{\n container : {\n maxWidth: '960px',\n margin: 'auto',\n border: '1px solid',\n padding: '1rem',\n textAlign: 'center',\n marginTop: '1rem',\n marginBottom: '1rem',\n backgroundColor: variables.primaryColor,\n color: 'white',\n fontWeight: 600,\n 'label' : {\n marginBottom:0\n }\n }\n}","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport { useEffect, useState } from 'react';\nimport utils from '../../utils';\nimport style from './style';\n\nexport function MembershipCounter(props){\n const item = props.item;\n const cmsOption = props.cmsOption || {};\n const cssClass = utils.classNames('cms_item', 'membership__counter', item.cssClass || item.anchorName || '');\n const [memberCount, setMemberCount] = useState();\n\n useEffect(() => {\n const fetchData = async () => {\n const res = await fetch(\"https://premier.sportsubs.com.au/public/membercount?comp=sanfl&team=nafc\");\n const data = await res.json();\n setMemberCount(data);\n }\n fetchData();\n }, []);\n\n return(\n \n PhotoGallery\n
\n {photogallerylist.latest.GalleryTitle}
\n \n {\n (thumbnails && thumbnails[\"g_\" + photogallerylist.latest.GalleryId]) &&\n\n {\n thumbnails[\"g_\" + photogallerylist.latest.GalleryId].resource.map((item, index) =>\n
\n }\n \n {\n e.preventDefault();\n e.stopPropagation();\n \n setImages(thumbnails[\"g_\" + photogallerylist.latest.GalleryId].images);\n setToggler(!toggler);\n setPopupIndex(index);\n \n // setTimeout(() => {\n \n // }, 200); \n }}>\n \n
\n ) \n }\n VIEW PHOTO GALLERY
\n {\n photogallerylist.list.map((item, index) =>\n\n \n {\n (thumbnails && thumbnails[\"g_\" + item.GalleryId]) &&\n
\n )\n }\n \n {\n thumbnails[\"g_\" + item.GalleryId].resource.map((resourceitem, index) => \n
\n }\n {\n e.preventDefault();\n e.stopPropagation();\n\n setImages(thumbnails[\"g_\" + item.GalleryId].images);\n setToggler(!toggler);\n setPopupIndex(index);\n \n }}>\n \n
\n )\n }\n \n {\n (memberCount && memberCount.isSuccess === true) &&\n
\n )\n}","import { padding } from \"polished\";\r\nimport { variables, mq } from \"../../cssInJs\";\r\n\r\nexport default {\r\n jumper__list: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n flexWrap: \"wrap\",\r\n //gap : '1rem'\r\n },\r\n\r\n jumper__list__item: mq({\r\n flex: [\"1 1 20%\",null,\"1 1 10%\"],\r\n maxWidth: [\"20%\",null, \"10%\"],\r\n cursor: \"pointer\",\r\n padding: \"10px\",\r\n \".jumper__list__item__img__con\": {},\r\n }),\r\n\r\n popupContainer: {\r\n backgroundColor: \"rgba(0,0,0,0.8)\",\r\n position: \"fixed\",\r\n top: \"0px\",\r\n left: \"0px\",\r\n width: \"100%\",\r\n height: \"100%\",\r\n zIndex: \"9998\",\r\n },\r\n popUpItemView : {\r\n position : 'absolute',\r\n left: '50%',\r\n top : '50%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: 9999,\r\n //padding: '1rem',\r\n width: '90%',\r\n maxWidth : '980px',\r\n //overflow: 'hidden',\r\n },\r\n popup__item__top__title : mq({\r\n borderTopLeftRadius: '25px',\r\n borderTopRightRadius: '25px',\r\n fontSize: ['1.1rem',null,'1rem'],\r\n fontWeight: 700,\r\n fontFamily: variables.familyHeader,\r\n color: '#ed1c24',\r\n padding: '0.25rem 20px',\r\n backgroundRepeat: 'repeat-x',\r\n backgroundPosition: 'top left',\r\n position : 'relative',\r\n backgroundImage: 'url(https://www.redlegsmuseum.com.au/site/Redlegsmuseum/skins/default/img/sidebar-bg.png)'\r\n }),\r\n popup__item : {\r\n position : 'relative',\r\n paddingBottom: '5px',\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)'\r\n },\r\n close__button : {\r\n position : 'absolute',\r\n zIndex: 1,\r\n color: 'white',\r\n top: '-30px',\r\n right: '20px',\r\n cursor: 'pointer',\r\n },\r\n\r\n popup__item__title : mq({\r\n fontWeight: 700,\r\n fontSize: ['1rem',null,'0.8rem'],\r\n textAlign: 'center',\r\n backgroundColor : 'rgb(220, 220, 220)',\r\n padding: '0.25rem 0.5rem'\r\n }),\r\n\r\n popup__item__co : {\r\n display: 'flex',\r\n flexDirection : 'row',\r\n flexWrap : 'wrap',\r\n maxHeight: '560px',\r\n //height: '60vh',\r\n overflow: 'auto',\r\n //backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n '@media (orientation: landscape)' : {\r\n height: '60vh',\r\n }\r\n },\r\n\r\n popup__item__list : mq({\r\n flex: ['1 1 99%',null,'1 1 50%'] ,\r\n maxWidth: ['99%',null,'50%'] ,\r\n '&.right' : mq({\r\n borderLeft: ['unset',null,'1px solid black'] \r\n })\r\n }),\r\n popup__item__list__item : mq({\r\n display: 'flex',\r\n flexWrap : 'wrap',\r\n fontSize: ['1rem',null,'0.8rem'],\r\n //backgroundColor: 'white',\r\n '&.right' : {\r\n //borderLeft: '1px solid black'\r\n },\r\n '&.top__item' : {\r\n position : 'sticky',\r\n top: '-2px',\r\n backgroundColor : 'rgb(240, 240, 240)'\r\n },\r\n\r\n '& > div' : {\r\n padding: '0.25rem 1rem',\r\n '&.name' : {\r\n flex: '2 1 auto',\r\n 'a' : {\r\n color: variables.fontColor,\r\n '&:hover' : {\r\n color: variables.primaryColor,\r\n }\r\n }\r\n //maxWidth: '60%',\r\n },\r\n '&.value' : {\r\n //flex: '1 1 40%',\r\n //maxWidth: '40%',\r\n }\r\n }\r\n })\r\n};\r\n","/** @jsx jsx */\r\nimport { jsx } from \"@emotion/core\";\r\nimport { useMemo, useEffect, Fragment, useState } from \"react\";\r\nimport style from \"./style\";\r\nimport utils from \"../../utils\";\r\nimport { createPortal } from \"react-dom\";\r\nimport env from \"../../env\";\r\nimport { SiteLink } from \"../../components\";\r\nimport { MdClose } from \"react-icons/md\";\r\n\r\nfunction Portal({ children }) {\r\n const [el] = useState(document.createElement(\"div\"));\r\n useEffect(() => {\r\n let mount = document.getElementById(\"portal-root\");\r\n mount.appendChild(el);\r\n return () => mount.removeChild(el);\r\n }, [el]);\r\n return createPortal(children, el);\r\n}\r\n\r\nexport function JumperList(props) {\r\n const item = props.item;\r\n const cmsOption = props.cmsOption || {};\r\n const cssClass = utils.classNames(\r\n \"cms_item\",\r\n \"jumper__list\",\r\n item.cssClass || item.anchorName || \"\"\r\n );\r\n const [openPopup, setOpenPopup] = useState(false);\r\n const [currentGuernsey, setCurrentGuernsey] = useState();\r\n const [lists, setLists] = useState();\r\n\r\n const items = useMemo(() => {\r\n const _items = [];\r\n for (let i = 1; i <= 60; i++) {\r\n _items.push({\r\n id: i,\r\n imgUrl: `/assets/jersey/nafc_jersey_${i}.png`,\r\n });\r\n }\r\n return _items;\r\n\r\n //eslint-disable-next-line\r\n }, []);\r\n\r\n function openPopupFc(guernseyId) {\r\n setCurrentGuernsey(guernseyId);\r\n setOpenPopup(true);\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n\r\n function closePopupFc() {\r\n setOpenPopup(false);\r\n document.body.style.overflow = \"unset\";\r\n }\r\n\r\n useEffect(() => {\r\n if (!currentGuernsey) {\r\n return;\r\n }\r\n\r\n const controller = new AbortController();\r\n const signal = controller.signal;\r\n\r\n const fetchData = async () => {\r\n const res = await fetch(\r\n env.apiBase + `/api/footy/getjumplist/${currentGuernsey}`,\r\n signal\r\n );\r\n const data = await res.json();\r\n\r\n if (data && data.results && data.results.lists) {\r\n setLists(data.results.lists);\r\n }\r\n };\r\n\r\n fetchData();\r\n\r\n return () => {\r\n controller.abort();\r\n };\r\n\r\n //eslint-disable-next-line\r\n }, [currentGuernsey]);\r\n\r\n return (\r\n \n
\n }\n \n \n
\n \n {memberCount.memberCount}\n
\n \n \n
\n \n 3000\n
\n \r\n
\r\n )}\r\n \r\n {\r\n openPopupFc(item.id);\r\n }}\r\n >\r\n 
\r\n
\r\n \r\n );\r\n}\r\n\r\nfunction PopUpItemView({ lists, currentGuernsey, closePopupFc }) {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n","import React from 'react';\nimport { BannerPanel } from './bannerPanel/view';\nimport { BannerItem } from './bannerItem/view';\nimport { Panel } from './panel/view';\nimport { Html } from './html/view';\n// import { TestimonialPanel } from './testimonialPanel/view';\n// import { TestimonialItem } from './testimonialItem/view';\nimport { ImagePanel } from './imagePanel/view';\n// import { PageTiles } from './pageTiles/view';\n//import { PageTilesStApollo } from '../../components/tiles/pageTileStApollo/view';\nimport { PageTilesSharkCageDiving } from '../../components/tiles/sharkcagediving/view';\nimport { SingleBanner } from './singleBanner/view';\nimport { ContactForm } from './contactForm/view';\nimport { VideoPanel } from './VideoPanel/view';\nimport { Code } from './code/view';\nimport { BlogPosts } from './blogPosts/view';\nimport { BlogPostTitle } from './blogPostTitle/view';\nimport { VideoHolder } from './videoHolder/view';\nimport { VideoItem } from './videoItem/view';\nimport { MultiColumnPanel } from './multiColumnPanel/view';\nimport { ExpandableHtml } from './expandableHtml/view';\nimport { PhotoGallery } from '../../components/photoGallery/view';\nimport { TestimonialPanel } from '../../components/testimonial/index';\nimport { ExpandablePanel } from '../../components/expandablePanel/view';\nimport { NewsFeed } from '../../components/newsFeed/view';\nimport { SliderAwardPanel } from '../../components/SliderAward/index';\nimport { HistorySearch } from '../../components/historySearch/view';\nimport { PageTilesBsyc } from '../../components/tiles/bsyc/view';\nimport cmsUtils from '../utils/cmsUtils';\nimport { HistoryGameView } from '../../components/historyGameView/view';\nimport { OnlineScoreboard } from '../../components/onlineScoreboard/view';\nimport { PlayerProfiles } from '../../components/playerProfiles/view';\nimport { TeamSelection } from '../../components/teamSelection/view';\nimport { Ladders } from '../../components/ladders/view';\nimport { Fixtures } from '../../components/fixtures/view';\nimport { Tipping } from '../../components/tipping/view';\nimport { UpComingGame } from '../../components/upComingGame/view';\nimport { PhotoGalleryNafc } from '../../components/photoGalleryNafc/view';\nimport { MembershipCounter } from '../../components/membershipCounter/view';\nimport { JumperList } from '../../components/jumperList/view';\n\n//import { PrintShare } from './printShare/view';\n\nexport function Item(props) {\n const item = props.item;\n //const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n //console.log('item', item, subItems, cmsOption);\n\n let itemElt = (<>);\n if (item.itemTypeCode === 'Panel') {\n itemElt = (\r\n
\r\n )}\r\n \r\n {`GUERNSEY ${currentGuernsey}`}\r\n
\r\n \r\n
\r\n \r\n {`Most Games and Goals by Players in GUERNSEY ${currentGuernsey}`}\r\n
\r\n\r\n {lists && (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {lists.count.map((item, index) => {\r\n return (\r\n Player
\r\n Games
\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n {item.surname +\r\n (item.otherNames && item.otherNames !== \"\"\r\n ? \", \" + item.otherNames\r\n : \"\")}\r\n \r\n
\r\n {item.count}
\r\n \r\n \r\n
\r\n\r\n {lists.gola.map((item, index) => {\r\n return (\r\n Player
\r\n Goals
\r\n \r\n \r\n {item.surname +\r\n (item.otherNames && item.otherNames !== \"\"\r\n ? \", \" + item.otherNames\r\n : \"\")}\r\n \r\n
\r\n {item.goals}
\r\n {item.itemTypeCode}
);\n }\n\n // const subItemsElts = subItems.map((subItem, index) =>\n // \n {sectionItems}\n
\n \n );\n}\n\nfunction Section(props) {\n log('5. section rendering')\n const item = props.item;\n //const sectionName = item.sectionName;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n if (!subItems || subItems.length === 0)\n return (<>);\n\n const subItemsElts = subItems.map((subItem, index) =>\n <\\/p>/g, '');\n //editor.insertHtml(evt.data.dataValue); return false;\n setTimeout(function () {\n CKEDITOR.instances.cmsCurrentEditor.setData(CKEDITOR.instances.cmsCurrentEditor.getData());\n }, 100);\n }, null, null, 9);\n }\n\n close($editor = null) {\n const CKEDITOR = window['CKEDITOR'] || {};\n //console.log('ckeditor close');\n if (typeof CKEDITOR.instances.cmsCurrentEditor != \"undefined\")\n CKEDITOR.instances.cmsCurrentEditor.destroy();\n\n //for (var instance in CKEDITOR.instances) {\n // CKEDITOR.instances[instance].destroy();\n //}\n\n }\n}\n","import { CmsRadioSender } from './cms-radio-sender'\nimport { CmsRadioReceiver } from './cms-radio-receiver'\nimport { CmsHtmlEditor } from './cms-html-editor'\nimport env from '../../env';\n\n// declare var CKEDITOR: any;\n// import * as $ from 'jquery';\n\n\nexport class CmsPageController {\n settings;//: any;\n sender;//: CmsRadioSender;\n receiver;//: CmsRadioReceiver;\n htmlEditor;//: CmsHtmlEditor;\n\n constructor() {\n this.settings = { root: \"body\", viewOnly: false };\n this.sender = new CmsRadioSender(this);\n this.receiver = new CmsRadioReceiver(this);\n this.htmlEditor = new CmsHtmlEditor(env.cmsEndpoint, this.sender);\n }\n init(options) {\n const $ = window['jQuery'];\n this.settings = Object.assign({}, /*default*/{ root: \"body\", viewOnly: false }, options);\n this.initGlobalVars();\n\n var self = this;\n $(\"[onclick]\").prop(\"onclick\", null);\n $(\"[dblclick]\").prop(\"dblclick\", null);\n $(self.settings.root).off(\"click dblclick\", \"*\");\n $(self.settings.root).on(\"click dblclick\", \"*\", function (e) {\n //$(\".cms_html_editor_img_selected\").removeClass(\"cms_html_editor_img_selected\");\n // console.log($(e.target).hasClass(\"allowClick\"));\n // console.log(e.target);\n\n if (!$(e.target).hasClass(\"allowClick\")) {\n e.stopPropagation();\n e.preventDefault();\n }\n\n if ($(this).attr(\"contenteditable\") === \"true\" ||\n $(\"#cms_html_editor_source_id\").is(\":visible\")) {\n e.stopPropagation();\n return;\n }\n if (!self.settings.viewOnly)\n self.selectItem($(this), false, e.type === \"dblclick\");\n });\n\n if (self.settings.viewOnly) return; // stop the editing logic for viewonly mode.\n\n // ctrl + s for html block\n $(self.settings.root).on('keydown', \"#cmsCurrentEditor\", function (e) {\n if (e.ctrlKey && e.which === 83) {\n //var itemId = $(this).data(\"cms-item-id\");\n //if (!itemId)\n // itemId = $(this).closest(\"[data-cms-item-id]\").data(\"cms-item-id\");\n //window.parent.cms.site.saveHtml(itemId);\n //e.preventDefault();\n\n self.sender.saveAllDirtyHtml(self.getAllDirtyHtml());\n return false;\n }\n });\n }\n\n selectItemFromController(id) {\n const $ = window['jQuery'];\n var item = $(\".cms_item[data-cms-item-id='\" + id + \"']\");\n this.scrollTo(item);\n this.selectItem(item, true);\n }\n\n selectItem($item, fromController, doubleclicked = false) {\n //console.log(\"select item - \" + fromController + \" - \" + doubleclicked);\n //console.log($item);\n var editor = $item.closest(\"[contenteditable]\");\n if (editor.length > 0)\n return;\n var cke_top = $item.closest(\".cke_top\");\n if (cke_top.length > 0)\n return;\n\n this.closeEditingItem();\n //console.log($item);\n if (typeof $item === \"undefined\") return;\n if ($item.length === 0) return;\n this.findItem($item, fromController, 0, doubleclicked);\n }\n\n closeEditingItem() {\n const $ = window['jQuery'];\n //console.log(\"close editing item\");\n $(\"[contenteditable]\").removeAttr(\"contenteditable\");\n $(\"#cms_hovermenu\").remove();\n $(\".cms_editing_item\").removeClass(\"cms_editing_item\");\n\n }\n\n findItem($item, fromController, depth, doubleclicked) {\n if (depth > 100) return false;\n // console.log($item, fromController, depth, doubleclicked)\n if (typeof $item.attr(\"data-cms-html\") !== \"undefined\" && $item.attr(\"data-cms-html\") === \"true\") {\n $item.attr(\"contenteditable\", \"true\");\n this.showHtmlEditor($item);\n }\n if (typeof $item.attr(\"data-cms-item-id\") !== \"undefined\") {\n //$item.attr(\"contenteditable\", \"true\");\n $item.addClass(\"cms_editing_item\");\n if (!fromController) {\n //window.parent.cms.site.selectControllerItem($item.attr(\"data-cms-item-id\"),\n // typeof doubleclicked != \"undefined\" && doubleclicked == true\n //);\n this.sender.selectControllerItem({\n id: $item.attr(\"data-cms-item-id\"),\n openEdit: typeof doubleclicked !== \"undefined\" && doubleclicked === true\n });\n\n }\n\n //show_hovermenu($item);\n\n } else {\n var editableParent = $item.parents(\".cms_item[data-cms-item-id], [data-cms-html]\");\n if (editableParent.length > 0)\n this.findItem(editableParent.first(), fromController, depth + 1, doubleclicked);\n\n }\n }\n\n sameContent(a, b) {\n return a === b;\n }\n\n showHtmlEditor($item) {\n const $ = window['jQuery'];\n var editor = $item;\n //console.log(editor);\n //var $menu = $(\"#cms_html_editor_ctrl\");\n ////$menu.css(\"top\", $item.offset().top - 40);\n ////$menu.css(\"left\", $item.offset().left);\n //$menu.show();\n //initHtmlEditor($item);\n\n if (editor.attr(\"id\") === \"cmsCurrentEditor\") return;\n\n $(\"#cmsCurrentEditor\").attr(\"id\", \"\");\n this.htmlEditor.close(editor);\n\n editor.attr(\"id\", \"cmsCurrentEditor\");\n //editor.data(\"current-content\", editor.html());\n\n this.htmlEditor.show(editor);\n //setHandlers($item);\n\n }\n\n\n initGlobalVars() {\n const $ = window['jQuery'];\n window[\"cmsPage\"] = $.extend({}, window[\"cmsPage\"] || {}, {\n htmleditor: {\n // cmsPage.htmleditor.getAnchors();\n getAnchors: function (opt) {\n //var options = $.extend({}, opt);\n //console.log(options);\n var anchors = [];\n\n $(\"a[name]\").each(function (inx, obj) {\n anchors.push({ id: $(obj).attr(\"id\"), name: $(obj).attr(\"name\") });\n });\n\n $(\"[data-cms-item-name],[data-cms-anchor]\").each(function (inx, obj) {\n if (typeof $(obj).attr(\"data-cms-anchor\") !== \"undefined\" && $(obj).attr(\"data-cms-anchor\") !== \"\" && $(obj).parents(\".owl-item\").length === 0) {\n anchors.push({ id: null, name: $(obj).attr(\"data-cms-anchor\") });\n } else if ($(obj).attr(\"data-cms-item-name\") !== \"\" && $(obj).parents(\".owl-item\").length === 0) {\n anchors.push({ id: null, name: $(obj).attr(\"data-cms-item-name\") });\n }\n });\n\n return anchors;\n }\n }\n });\n }\n\n scrollTo(target) {\n const $ = window['jQuery'];\n if (typeof target === \"undefined\") return;\n if ($(target).length === 0) return;\n var htmlbody = $('html,body');\n var top = 0;\n if ($(target).height() > $(window).height())\n top = $(target).offset().top;\n else {\n top = $(target).offset().top - Math.floor(($(window).height() - $(target).height()) / 2);\n }\n //console.log(top);\n //htmlbody.animate({ scrollTop: top }, 500, 'easeInOutQuint');\n htmlbody.animate({ scrollTop: top }, 500);\n }\n\n getCurrentHtml() {\n const CKEDITOR = window['CKEDITOR'] || {};\n try {\n return CKEDITOR.instances.cmsCurrentEditor.getData();\n } catch (e) { return \"\"; }\n }\n\n getAllDirtyHtml() {\n const $ = window['jQuery'];\n var self = this;\n var htmlChanges = [];\n $(\".dirtyHtml\").each(function (inx, obj) {\n var $section = $(obj);\n var content = $section.is(\"#cmsCurrentEditor\") ? // if the html editor is active, it needs to get the html from the editor.\n self.getCurrentHtml() : $section.html();\n if ($section.is(\"[data-cms-section-id]\")) {\n // section level?\n let $item = $section.closest(\"[data-cms-item-id]\");\n htmlChanges.push({ ItemId: $item.data(\"cms-item-id\"), SectionId: $section.data(\"cms-section-id\"), Content: content });\n } else if ($section.is(\"[data-cms-item-id]\")) {\n // section level?\n let $item = $section;\n htmlChanges.push({ ItemId: $item.data(\"cms-item-id\"), SectionId: \"Content\", Content: content });\n }\n });\n return htmlChanges;\n }\n\n getHtml(itemid: any) {\n const $ = window['jQuery'];\n this.htmlEditor.close();\n var self = this;\n var item = $(\".cms_item[data-cms-item-id='\" + itemid + \"']\");\n\n var formvals = { Content: this.cms_replace_item_html(item) };\n\n //cms_msg_progressing(\"#save_message\", \"Saving...\");\n if ($(\"[data-cms-section-id]\", item).length > 0) {\n $(\"[data-cms-section-id]\", item).each(function (inx, section) {\n var closestItemId = $(section).closest(\".cms_item\").data(\"cms-item-id\");\n if (closestItemId === itemid) {\n var id = $(section).attr(\"data-cms-section-id\");\n formvals[id] = self.cms_replace_item_html($(section)); //.find(\">:first-child\")().html();\n\n }\n });\n }\n return formvals;\n }\n\n cms_replace_item_html(item) {\n return item.html();\n // var $tmp = $(\"
\").html(item.html());\n // if ($tmp.find('.cms-skeleton').length > 0)\n // return $tmp.find('.cms-skeleton').html();\n // else\n // return item.html();\n //tmp.find(\".cms_ctrl_in_editor\").each(function (inx, obj) {\n // var ctrlid = $(obj).attr(\"data-cms-ctrl-id\");\n // $(obj).replaceWith(\"__cms__ctrl:\" + ctrlid + \"__\");\n //});\n //return tmp.html();\n }\n\n}\n","import React, { useEffect } from 'react';\nimport { useRouter } from '../../../components';\nimport { useGet } from '../../../components';\nimport { Item } from '../../items/item';\nimport env from '../../../env';\nimport { loadJs } from '../../../lib/net-loader';\nimport { CmsPageController } from '../../services/cms-page-controller';\nimport { ErrorPopup, Loading } from '../../../components';\n\n// function useQuery() {\n// return new URLSearchParams(useLocation().search);\n// }\n\nexport function EditPage(props) {\n //const [page, setPage] = useState(null);\n\n //const pageId = props.pageId;\n const { query } = useRouter();\n const { cmsViewMode = 'edit', id, publishVer, editVer } = query;\n const pageId = id;\n\n //console.log(pageId, cmsViewMode, env.apiBase, env)\n\n const get = useGet();\n useEffect(() => {\n get.send(env.apiBase + '/api/cms/GetPage/' + pageId + '?cmsViewMode=' + cmsViewMode\n + (publishVer ? '&publishVer=' + publishVer : '')\n + (editVer ? '&editVer=' + editVer : '')\n );\n // eslint-disable-next-line\n }, [pageId]);\n\n if (get.loading()) {\n return\n {sectionItems}\n
\n );\n}\n\n\nfunction Section(props) {\n const item = props.item;\n //const sectionName = item.sectionName;\n const subItems = item.items || [];\n const cmsOption = props.cmsOption || {};\n\n if (!subItems || subItems.length === 0)\n return (<>);\n\n const subItemsElts = subItems.map((subItem, index) =>\n - \n {subItemsElts}\n
\n \n\n \n
\n\n \n 
\n 
\n
\n {link.title}
\n \n {\n }}\n />\n
\n\n );\n}","import React from 'react';\nimport { useRouter } from './components';\nimport { useHistoryStore } from './components';\nimport { useParallax } from './components';\nimport utils from './utils';\n\nexport function AppRouteChanged() {\n const { path } = useRouter();\n const parallax = useParallax();\n const history = useHistoryStore();\n \n React.useLayoutEffect(() => {\n console.log('route changed', path)\n if (typeof window !== `undefined`) {\n parallax.reset();\n const hash = window.location.hash;\n history.push({path: path})\n \n if (hash) { \n setTimeout(() => {\n const anchor = utils.ui.findElement(hash);\n if (anchor)\n utils.ui.scrollTo(anchor, 500);\n }, 500)\n } else {\n window.scrollTo(0, 0);\n }\n }\n // eslint-disable-next-line\n }, [path]);\n\n return null;\n}\n","//import { mq, variables } from '../../cssInJs'\n\nexport default{\n page__container : {\n maxWidth: '960px',\n marginTop: '1rem',\n marginBottom: '1rem'\n },\n banner__image : {\n backgroundSize: 'cover',\n backgroundPosition: 'center'\n },\n news__date : {\n marginBottom: '1rem',\n marginTop: '1rem'\n },\n loading : {\n textAlign: 'center',\n marginTop: '7rem',\n 'svg' : {\n width: '100px',\n height:'100px',\n }\n }\n}","import React, { useState, useEffect } from 'react';\nimport { useGet } from '../../../components';\nimport { Item } from '../../items/item';\nimport { NotFound } from '../../../components';\nimport env from '../../../env';\nimport { useStore } from '../../../store';\nimport { ErrorPopup, Loading } from '../../../components';\n\nconst log = (...args) => {\n //console.log(args);\n}\nconst areEqual = (prevProps, nextProps) => {\n return (prevProps.pageData === nextProps.pageData)\n};\nconst PageMemo = React.memo(Page, areEqual)\n\nexport function ViewPartial({pageOptions = null}) {\n const { dispatch } = useStore();\n const [pageLoaded, setPageLoaded] = useState(false);\n const [data, setData] = useState(null);\n //const path = usePath();\n //log('view page', path);\n const pathname = '/partials/common-footer';\n\n const get = useGet();\n log('0. viewpage ready');\n\n useEffect(() => {\n log('*. start loading')\n setPageLoaded(false);\n get.send(env.apiBase + \"/api/cms/GetPublishedPage?path=\" + pathname);\n // eslint-disable-next-line\n }, [pathname]);\n\n useEffect(() => {\n if (data){\n dispatch({ type: 'SET_PAGE', payload: data.data })\n dispatch({ type: 'SET_MENU', payload: data.menu })\n }\n // eslint-disable-next-line\n }, [data]);\n\n if (get.loading()) {\n return \n
\n )\n }\n else if(get.hasErrors()){\n return(\n \n
\n \n
\n \n
\n {newsData.newsTitle}
\n { newsDate }
\n \n \n
\n );\n}\n\nfunction App() {\n return (\n \n
\n {/* */}\n \n \n \n \n\n {/* For ECM \n \n \n
\n {/*