-
+
+
+
- ($sessionStore.newsletterPopUpShow = false)}
+ width=20
+ height=20
+ on:click={() => ($sessionStore.newsletterPopUpShow = false)}
/>
-
- {#if server_side_language == 'en'}
-
+
+
+ {#if $sessionStore?.serverLang == 'en'}
+
- {:else if server_side_language == 'es'}
-
+
+ {:else if $sessionStore?.serverLang == 'es'}
+
- {:else if server_side_language == 'it'}
-
+
+ {:else if $sessionStore?.serverLang == 'it'}
+
- {:else if server_side_language == 'br'}
-
-
- {:else if server_side_language == 'pt'}
-
+
+ {:else if $sessionStore?.serverLang == 'pt'}
+
+
{/if}
+
+
{/if}
-
+
+
diff --git a/src/lib/components/Offline-Alert.svelte b/src/lib/components/Offline-Alert.svelte
index 19d79013d..53fe2b9a4 100644
--- a/src/lib/components/Offline-Alert.svelte
+++ b/src/lib/components/Offline-Alert.svelte
@@ -1,31 +1,48 @@
-
-
+
-
+
- ($sessionStore.newsletterPopUpShow = false)}
+ width=20
+ height=20
+ on:click={() => ($sessionStore.newsletterPopUpShow = false)}
/>
-
- {#if server_side_language == 'en'}
-
+
+
+ {#if $sessionStore?.serverLang == 'en'}
+
- {:else if server_side_language == 'es'}
-
+
+ {:else if $sessionStore?.serverLang == 'es'}
+
- {:else if server_side_language == 'it'}
-
+
+ {:else if $sessionStore?.serverLang == 'it'}
+
- {:else if server_side_language == 'br'}
-
-
- {:else if server_side_language == 'pt'}
-
+
+ {:else if $sessionStore?.serverLang == 'pt'}
+
+
{/if}
+
-
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
-
{#await widgetInit()}
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
-
+
-
{#await widgetInit()}
+
-
-
+
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
@@ -154,33 +169,50 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
-
{#await widgetInit()}
-
+
+
-
-
+
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
+
-
{#await widgetInit()}
-
+
+
-
-
+
-
{#await widgetInit()}
-
-
-
+
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
@@ -119,32 +136,46 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
-
+
-
{#await widgetInit()}
-
+
+
-
-
-
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
-
+
-
{#await widgetInit()}
+
+ * @summary
+ * š¹ HELPER
+ * @description
+ * š `fetch` data from target list of `urls`, and returns results.
+ * @param
+ * { string[] } endpoints - List of target urls to fetch.
+ * @param
+ * { fetch } fetch - Target `fetch` object to use.
+ * @returns
+ * A listof type `Promise`.
*/
export async function promiseUrlsPreload
(
endpoints: string[],
fetch: any
-)
+): Promise < any[] >
{
- const promises = endpoints.map((_url) =>
- fetch(_url).then((response) =>
+
+ const promises: any[] = endpoints
+ ?.map
+ (
+ (
+ _url
+ ) =>
+ fetch(_url)
+ .then
+ (
+ (
+ response
+ ) =>
response.json()
)
);
- const data = await Promise.all(promises);
+
+ const data: any[] = await Promise.all(promises);
+
+ // [š]
+ PRELOAD_invalid_data
+ (
+ data,
+ endpoints
+ );
+
return data;
}
/**
- * @summary [HELPER] method
- * @description validates the target
- * url properties for its validity in
- * the +page.ts/+page.server.ts (preload);
- * IMPORTANT used by PRE-LOAD ONLY;
+ * @summary
+ * š¹ HELPER
+ * @description
+ * š checks for target `url` to be a `valid` or not.
* @param {fetch} fetch
* @param {string} langUrl
* @param {string} sportUrl
@@ -451,7 +534,8 @@ export async function promiseUrlsPreload
* @param {string} leagueUrl
* @param {string} fixtureUrl
* @param {string} playerUrl
- * @returns NaN
+ * @returns
+ * A `boolean`.
*/
export async function promiseValidUrlCheck
(
@@ -464,6 +548,7 @@ export async function promiseValidUrlCheck
playerUrl: string = null
): Promise < boolean >
{
+
const validation_0 =
// lang
(langUrl && !sportUrl && !countryUrl && !leagueUrl && !fixtureUrl && !playerUrl)
@@ -479,19 +564,36 @@ export async function promiseValidUrlCheck
|| (langUrl && !sportUrl && !countryUrl && !leagueUrl && !fixtureUrl && playerUrl)
;
- console.log('validation_0', validation_0)
+ // [š]
+ dlog
+ (
+ `š checkpoint ā¤ promiseValidUrlCheck`,
+ true
+ );
+
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ validation_0 ${validation_0}`,
+ true
+ );
if (!validation_0) return false;
- let queryStr = "";
- if (langUrl) queryStr += `?langUrl=${langUrl}`
- if (sportUrl) queryStr += `&sportUrl=${sportUrl}`
- if (countryUrl) queryStr += `&countryUrl=${countryUrl}`
- if (leagueUrl) queryStr += `&leagueUrl=${leagueUrl}`
- if (fixtureUrl) queryStr += `&fixtureUrl=${fixtureUrl}`
- if (playerUrl) queryStr += `&playerUrl=${playerUrl}`
+ let queryStr: string = "";
+ if (langUrl) queryStr += `?langUrl=${langUrl}`;
+ if (sportUrl) queryStr += `&sportUrl=${sportUrl}`;
+ if (countryUrl) queryStr += `&countryUrl=${countryUrl}`;
+ if (leagueUrl) queryStr += `&leagueUrl=${leagueUrl}`;
+ if (fixtureUrl) queryStr += `&fixtureUrl=${fixtureUrl}`;
+ if (playerUrl) queryStr += `&playerUrl=${playerUrl}`;
- console.log('queryStr', queryStr)
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ queryStr ${queryStr}`,
+ true
+ );
const response = await fetch
(
@@ -507,14 +609,18 @@ export async function promiseValidUrlCheck
}
/**
- * @description obtains the target sportbook data
- * information based on users geo-location;
- * data gathered at page-level and set to svelte-stores
- * to be used by (this) page components;
+ * @summary
+ * š¹ HELPER
+ * @description
+ * š `fetch` target sportbook data,
+ * based on `client` geo-location.
+ *
+ * ā”ļø Data gathered at page-level and set to svelte-stores.
+ *
* NOTE: (*) best approach
- * TODO: can be moved to a layout-level [?]
- * TODO: can be moved to a header-level [?]
- * TODO: can be moved to a +server-level [ā ļø]
+ * TODO: (alt) can be moved to a layout-level [?]
+ * TODO: (alt) can be moved to a header-level [?]
+ * TODO: (alt) can be moved to a +server-level [ā ļø]
* @returns {Promise} void
*/
export async function initSportbookData
@@ -546,6 +652,37 @@ export async function initSportbookData
/**
* @description
* TODO: DOC:
+ */
+export function cssVarChange
+(
+): void
+{
+ let value = 'false';
+
+ setInterval
+ (
+ () =>
+ {
+ const currentValue = getComputedStyle(document.documentElement).getPropertyValue('--header-is-mobile');
+
+ // console.log(`š¹ [var] --header-is-mobile: ${currentValue}`)
+ // console.log(`š¹ [var] value: ${value}`)
+
+ if (currentValue != value)
+ {
+ // ### NOTE:
+ // ### The css-variable has changed
+ value = currentValue;
+ console.log('š„ Header Is now Mobile!');
+ }
+
+ // console.log('š Checking')
+ },
+ 500
+ );
+}
+
+// #endregion ā¤ š ļø METHODS
*
* @param
* { number } d_places - Target number of decimal places.
@@ -808,4 +945,4 @@ export async function selectLanguage
// window.history.replaceState({}, "NewPage", newURL);
await goto(newURL, { replaceState: true });
}
-}
\ No newline at end of file
+}
diff --git a/src/lib/utils/translation.ts b/src/lib/utils/translation.ts
index 244a7bbac..f6aab25d1 100644
--- a/src/lib/utils/translation.ts
+++ b/src/lib/utils/translation.ts
@@ -10,12 +10,22 @@
*/
export const translationObject:
{
+ featured_match_title: string,
+ featured_bet_site: string,
+ league_list_title: string,
+ leagues_table_title: string,
+ seo_block_title: string,
sign_in: string;
odds_type: string;
bookmakers: string;
balance: string;
} =
{
+ featured_match_title: 'Featured Match',
+ featured_bet_site: 'Featured Betting Site',
+ league_list_title: 'League List',
+ leagues_table_title: 'Leagues Table',
+ seo_block_title: 'Seo Block',
sign_in: 'Sign In',
odds_type: 'Odds Type',
bookmakers: 'Bookmakers',
diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 000000000..088dcfd18
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,276 @@
+// #region ā¤ š¦ Package Imports
+
+import { ERROR_CODE_PRELOAD, LAYOUT_1_LANG_PAGE_ERROR_MSG, dlog } from '$lib/utils/debug';
+import { PRELOAD_exitPage, promiseUrlsPreload } from '$lib/utils/platform-functions.js';
+import DeviceDetector from "device-detector-js";
+import parser from 'ua-parser-js';
+
+import type { B_FOT_T } from '@betarena/scores-lib/types/footer.js';
+import type { B_NAV_T } from '@betarena/scores-lib/types/navbar.js';
+import type { ServerLoadEvent } from '@sveltejs/kit';
+import type { LayoutServerLoad } from './$types.js';
+
+// #endregion ā¤ š¦ Package Imports
+
+// #region ā¤ š LIFECYCLE [SVELTE]
+
+export async function load
+(
+ event: ServerLoadEvent
+): Promise < LayoutServerLoad >
+{
+
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ request.headers.get('user-agent') ${JSON.stringify([...event.request.headers.entries()], null, 4)}`,
+ false
+ );
+
+ // ### [š]
+ const t0: number = performance.now();
+
+ const
+ {
+ // url,
+ fetch,
+ params,
+ request,
+ setHeaders,
+ // route
+ } = event;
+
+ // ### NOTE: TEST
+ // ### testing to identify USERS IP, from within load
+ // ### only works with deployment using '.js'
+ /*
+
+ try
+ {
+ // ### NOTE:
+ // ### V1 | ā does not appear to work, breaks platform.
+ // const response_IP = await fetch(`/getClientIP`, {
+ // const response_IP_3 = await fetch(`https://betarena-scores-platform.herokuapp.com/getClientIP`, {
+ // console.log("šµ response_IP: ", response_IP);
+
+ // ### NOTE:
+ // ### V2 | ā
works [?] but incorrect IP.
+ // console.log("šµšµšµ event: ", event);
+ // console.log("šµšµšµ event.getClientAddress(): ", event?.getClientAddress());
+
+ // ### NOTE:
+ // ### V3 | ā works [?] but incorrect IP
+ // const response_IP_3 = await get(`/getClientIP`)
+ // console.log("šµšµšµ response_IP_3: ", response_IP_3);
+ }
+ catch (error)
+ {
+ console.log(`š“ ${error}`)
+ }
+
+ try
+ {
+ // ### NOTE:
+ // ### V3 | ā
works [?] only on when calling directly URL, not from .server.ts
+ // ### works when using the non +layout.ts/+page.ts file
+ // const response_IP_2 = await get(`https://betarena-scores-platform.herokuapp.com/getClientIP`)
+ // OR:
+ // const response_IP_2 = await fetch(`http://betarena-scores-platform.herokuapp.com/getClientIP`, {
+ // method: 'GET',
+ // }
+ // ).then((r) => r.json())
+ // .catch((error) => { console.log(error) });
+ // console.log("šµšµšµ response_IP_2: ", response_IP_2);
+ }
+ catch (error)
+ {
+ console.log(`š“ ${error}`)
+ }
+
+ */
+
+ // ### NOTE: TEST
+ // ### identify 'user-agent' object data, for device type.
+ const deviceType: string = detectDeviceWithUA
+ (
+ request?.headers?.get('user-agent') ?? ''
+ );
+
+ const _langUrl: string =
+ [undefined, 'en'].includes(params?.lang)
+ // ### FIXME:
+ // ### interferes with [player=player] routeId.
+ // || (!response_valid_url && route?.id != '/u/[view]/[lang=lang]')
+ // || (route?.id != '/u/[view]/[lang=lang]')
+ ? 'en'
+ : params.lang
+ ;
+
+ const
+ [
+ HEADER_TRANSLATION_DATA,
+ FOOTER_TRANSLATION_DATA
+ ] = await fetchData
+ (
+ fetch,
+ _langUrl
+ );
+
+ // ### IMPORTANT
+ // ### exit condition.
+ const if_M_0: boolean =
+ HEADER_TRANSLATION_DATA == undefined
+ || FOOTER_TRANSLATION_DATA == undefined
+ ;
+ if (if_M_0)
+ {
+ PRELOAD_exitPage
+ (
+ t0,
+ `[LAYOUT]`,
+ ERROR_CODE_PRELOAD,
+ LAYOUT_1_LANG_PAGE_ERROR_MSG
+ );
+ }
+
+ // ### [š]
+ const t1: number = performance.now();
+
+ // ### [š]
+ dlog
+ (
+ `ā³ [LAYOUT] preload ${((t1 - t0) / 1000).toFixed(2)} sec`,
+ true
+ );
+
+ // ### NOTE:
+ // ### commented out due to interferences
+ // ### with error logs and code-traces.
+ setHeaders
+ (
+ {
+ 'cache-control': 'public, max-age=3600'
+ }
+ );
+
+ return {
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+ // @ts-expect-error
+ // ### NOTE: FIXME:
+ // ### issues with setting correct types.
+ HEADER_TRANSLATION_DATA,
+ FOOTER_TRANSLATION_DATA,
+ deviceType
+ };
+
+}
+
+// #endregion ā¤ š LIFECYCLE [SVELTE]
+
+// #region ā¤ š ļø METHODS
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+type PP_PROMISE_0 =
+[
+ B_NAV_T | undefined,
+ B_FOT_T | undefined,
+];
+
+/**
+ * @description
+ * TODO: DOC:
+ */
+async function fetchData
+(
+ fetch: any,
+ _lang: string
+): Promise < PP_PROMISE_0 >
+{
+
+ // [š]
+ dlog
+ (
+ `š checkpoint ā¤ src/routes/+layout.ts fecthData`
+ );
+
+ const urls_0: string[] =
+ [
+ `/api/data/main/navbar?lang=${_lang}`,
+ `/api/data/main/footer?lang=${_lang}`
+ ];
+
+ const data_0: PP_PROMISE_0 = await promiseUrlsPreload
+ (
+ urls_0,
+ fetch
+ ) as PP_PROMISE_0;
+
+ return data_0;
+}
+
+/**
+ * @summary
+ * š¹ HELPER
+ *
+ * @description
+ * TODO: DOC:
+ *
+ * @see
+ * https://discord.com/channels/457912077277855764/1067871458233159750
+ * @see
+ * https://discord.com/channels/457912077277855764/1067529519294070885/1067827869004341319
+ *
+ * @param
+ * { string } userAgent - Target `user-agent` string.
+ */
+function detectDeviceWithUA
+(
+ userAgent: string
+): string
+{
+
+ let deviceType: string = 'mobile';
+
+ // ### NOTE:
+ // ### using 'ua-parser-js' module.
+ const parsedUA: parser.IResult = parser(userAgent);
+
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ parsedUA ${JSON.stringify(parsedUA, null, 4)}`,
+ false
+ );
+
+ deviceType = parsedUA?.device?.type ?? 'mobile';
+
+ // ### NOTE:
+ // ### using 'device-detector-js' module.
+ const parsedUA_2: DeviceDetector.DeviceDetectorResult = new DeviceDetector().parse
+ (
+ userAgent
+ );
+
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ parsedUA_2 ${JSON.stringify(parsedUA_2, null, 4)}`,
+ false
+ );
+
+ deviceType = parsedUA_2?.device?.type ?? 'mobile';
+
+ // [š]
+ dlog
+ (
+ `š¹ [var] ā¤ deviceType ${deviceType}`,
+ true
+ );
+
+ return deviceType;
+}
+
+// #endregion ā¤ š ļø METHODS
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 572c9c0e9..6e6e056fc 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,10 +1,12 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
+### COMPONENT HTML
+### NOTE:
+### use 'CTRL+SPACE' to autocomplete global class="" styles
+### NOTE:
+### access custom Betarena Scores VScode Snippets by typing emmet-like abbrev.
+================= -->
-
+
+### COMPONENT STYLE
+### NOTE:
+### auto-fill/auto-complete iniside
+
\ No newline at end of file
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
deleted file mode 100644
index e70a6ba86..000000000
--- a/src/routes/+layout.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { ERROR_CODE_PRELOAD, LAYOUT_1_LANG_PAGE_ERROR_MSG, dlog } from '$lib/utils/debug';
-import { PRELOAD_invalid_data } from '$lib/utils/platform-functions.js';
-import { error } from '@sveltejs/kit';
-
-import type { LayoutLoad, PageLoadEvent } from './$types';
-
-/** @type {import('./$types').LayoutLoad} */
-export async function load
-(
- event: PageLoadEvent
-): Promise < LayoutLoad >
-{
-
- const t0 = performance.now();
-
- const {
- // url,
- fetch,
- params,
- // setHeaders,
- // route
- } = event
-
- // ==================
- // NOTE: TEST
- // [ā¹] Attempt to Identify the USERS IP from "load()"
- // [ā¹] only works with deployment using '.js'
- // ==================
-
- /*
-
- try {
- // [ā¹] V1 | ā does not appear to work - breaks platform
- // const response_IP = await fetch(`/getClientIP`, {
- // const response_IP_3 = await fetch(`https://betarena-scores-platform.herokuapp.com/getClientIP`, {
- // console.log("šµšµšµ response_IP: ", response_IP);
- // [ā¹] V2 | ā
works [?] but incorrect IP
- // console.log("šµšµšµ event: ", event);
- // console.log("šµšµšµ event.getClientAddress(): ", event?.getClientAddress());
- // [ā¹] V3 | ā works [?] but incorrect IP
- // const response_IP_3 = await get(`/getClientIP`)
- // console.log("šµšµšµ response_IP_3: ", response_IP_3);
- } catch (error) {
- console.log(`š“ ${error}`)
- }
-
- try {
- // [ā¹] V3 | ā
works [?] only on when calling directly URL, not from .server.ts
- // NOTE: works when using the non +layout.ts/+page.ts file
- // const response_IP_2 = await get(`https://betarena-scores-platform.herokuapp.com/getClientIP`)
- // OR:
- // const response_IP_2 = await fetch(`http://betarena-scores-platform.herokuapp.com/getClientIP`, {
- // method: 'GET',
- // }
- // ).then((r) => r.json())
- // .catch((error) => { console.log(error) });
- // console.log("šµšµšµ response_IP_2: ", response_IP_2);
- } catch (error) {
- console.log(`š“ ${error}`)
- }
-
- */
-
- // --------------
- // [ā¹] preload data [1] DOC: REF: [2]
- // --------------
-
- // const response_valid_url = await fetch(
- // `/api/cache/_main_/pages_and_seo?url=${url.pathname}`,
- // {
- // method: 'GET'
- // }
- // ).then((r) => r.json());
-
- const urlLang: string =
- params.lang == undefined
- // FIXME: interferes with [player=player] route;
- // || (!response_valid_url && route?.id != '/u/[view]/[lang=lang]')
- // || (route?.id != '/u/[view]/[lang=lang]')
- ? 'en'
- : params.lang;
-
- // console.log('š“ (+layout.ts) urlLang', urlLang)
-
- // --------------
- // [ā¹] preload data [2] DOC: REF: [2]
- // --------------
-
- const urls = [
- `/api/data/main/navbar?lang=${urlLang}`,
- `/api/data/main/footer?lang=${urlLang}`
- ];
-
- const promises = urls.map((url) =>
- fetch(url).then((response) => response.json())
- );
-
- const data = await Promise.all(promises);
-
- const [
- HEADER_TRANSLATION_DATA,
- FOOTER_TRANSLATION_DATA
- ] = data;
-
- // --------------
- // [ā¹] return(s)
- // --------------
-
- const INVALID_PAGE_DATA_POINTS: boolean =
- data.includes(undefined);
-
- // [ā¹] exit;
- if (INVALID_PAGE_DATA_POINTS) {
- throw error(
- ERROR_CODE_PRELOAD,
- LAYOUT_1_LANG_PAGE_ERROR_MSG
- );
- }
-
- PRELOAD_invalid_data
- (
- data,
- urls
- )
-
- const t1 = performance.now();
- dlog(`ā³ [LAYOUT] preload ${((t1 - t0) / 1000).toFixed(2)} sec`, true)
-
- // NOTE: interferes with error indentification
- // thus, kept disabled;
- // setHeaders({
- // 'cache-control': 'public, max-age=3600'
- // });
-
- return {
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
- // @ts-expect-error
- // NOTE: issues with setting correct types,
- // NOTE: not being applied to return;
- // NOTE: not critical - can be silenced;
- HEADER_TRANSLATION_DATA,
- FOOTER_TRANSLATION_DATA
- };
-}
diff --git a/src/routes/[[lang=lang]]/+page.svelte b/src/routes/[[lang=lang]]/+page.svelte
index fea48971e..3123a5f5f 100644
--- a/src/routes/[[lang=lang]]/+page.svelte
+++ b/src/routes/[[lang=lang]]/+page.svelte
@@ -1,11 +1,25 @@
-
+
+
-
+
+
-
-
+
+
diff --git a/src/lib/components/Platform-Alert.svelte b/src/lib/components/Platform-Alert.svelte
index 5db2c6637..18313d8c0 100644
--- a/src/lib/components/Platform-Alert.svelte
+++ b/src/lib/components/Platform-Alert.svelte
@@ -1,20 +1,36 @@
-
+
+
-
-
-{#if HEADER_TRANSLATION_DATA != undefined}
-
- {#if HEADER_TRANSLATION_DATA.scores_top_bar_messages.status && show}
- +
Warning there is no connection to the internet you are using the website in offline mode
+
- 
(show = false)}
- on:keypress={(e) => { if (e.key === 'Enter') (show = false) }}
- />
-
- {/if}
+
+
+{#if B_NAV_T?.scores_top_bar_messages?.status && show}
+
+ - {HEADER_TRANSLATION_DATA - .scores_top_bar_messages.message} -
- - (show = false)}
- on:keypress={(e) => { if (e.key === 'Enter') (show = false) }}
- />
-
+
+ (show = false)}
+ on:keypress={(e) => { if (e.key === 'Enter') (show = false) }}
+ />
+
+
+
{/if}
-
+
+
diff --git a/src/lib/components/SEO-Box.svelte b/src/lib/components/SEO-Box.svelte
index 09640b17d..587f1d229 100644
--- a/src/lib/components/SEO-Box.svelte
+++ b/src/lib/components/SEO-Box.svelte
@@ -3,60 +3,24 @@ COMPONENT JS (w/ TS)
=================-->
{#if !browser}
+ {B_NAV_T?.scores_top_bar_messages?.message} +
+ + + (show = false)}
+ on:keypress={(e) => { if (e.key === 'Enter') (show = false) }}
+ />
+
+
+ id="seo-widget-box"
+ >
@@ -69,9 +33,10 @@ NOTE: [HINT] auto-fill/auto-complete iniside
+
\ No newline at end of file
diff --git a/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte b/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
index ced128fdd..69fb03e10 100644
--- a/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
+++ b/src/lib/components/page/home/feat-bet-site/FeatBetSite-Widget.svelte
@@ -1,159 +1,155 @@
+### COMPONENT JS (w/ TS)
+### NOTE:
+### access custom Betarena Scores JS VScode Snippets by typing 'script...'
+================= -->
-
-
-
-
+ - {WIDGET_T_DATA?.translations?.widget_title} -
-- {WIDGET_T_DATA?.translations?.title} -
-{WIDGET_T_DATA?.translations?.widget_title}
+{WIDGET_T_DATA?.translations?.title}
- {WIDGET_TITLE} -
+{WIDGET_TITLE}
{WIDGET_S_DATA?.home_team_name}
{WIDGET_S_DATA?.away_team_name}
@@ -137,9 +158,7 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style --> -- {WIDGET_S_DATA?.league_name} -
+{WIDGET_S_DATA?.league_name}
@@ -149,7 +168,7 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style {WIDGET_S_DATA?.away_team_name} - {#each WIDGET_S_DATA?.player_urls || [] as player} + {#each WIDGET_S_DATA?.player_urls ?? [] as player}@@ -160,54 +179,52 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style
{WIDGET_T_DATA?.translations?.title}
@@ -139,32 +150,52 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style- {WIDGET_T_DATA?.title} -
-
@@ -125,7 +152,8 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style from the global (ap
{/if}
{/each}
-
@@ -135,40 +163,50 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style from the global (ap
{/if}
{/each}
+
- {WIDGET_TITLE} -
-- { - WIDGET_T_DATA - ?.widget_translations - ?.goals - } -
-- { - WIDGET_T_DATA - ?.widget_translations - ?.odds - } -
-- { - WIDGET_T_DATA - ?.widget_translations - ?.player - } -
-- { - WIDGET_T_DATA - ?.widget_translations - ?.show_more_players - } -
+{WIDGET_TITLE}
+{WIDGET_T_DATA?.widget_translations?.goals}
+{WIDGET_T_DATA?.widget_translations?.odds}
+{WIDGET_T_DATA?.widget_translations?.player}
+{WIDGET_T_DATA?.widget_translations?.show_more_players}
- {#each WIDGET_S_DATA?.players || [] as player} + {#each WIDGET_S_DATA?.players ?? [] as player}{player?.common_name}
@@ -162,52 +151,48 @@ NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style