@everymatrix/casino-tournaments-page-controller 0.0.400 → 0.0.402

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-page-controller",
-  "version": "0.0.400",
+  "version": "0.0.402",
   "main": "dist/casino-tournaments-page-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2b9ea7d441ad474249a446a0bc5da5c02293b70b"
+  "gitHead": "c34a1b1831353cf2d35cc737b5b85cbfd12f9e62"
 }

package/src/CasinoTournamentsPageController.svelte

@@ -39,6 +39,8 @@
   export let leaderboardoffset:string = '0';
   export let leaderboardlimit:string = '15';
   export let keepbrowsercontext:string = 'false';
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
   // Variables of topics for communication
   let sessionTopic;
 
@@ -68,6 +70,7 @@
   let latestRank:number;
   let isMiniMode:boolean;
   let shownStatus:any = '';
+  let customStylingContainer:HTMLElement;
 
   setupI18n({ withLocale: 'en', translations: {}});
 
@@ -81,7 +84,7 @@
   const transFormCurrentUserData = (item:any) => {
     let userData = {
       Rank: showunqualifiedplayer == "false" ? item.rankWithoutUnqualified : item.rank,
-      Player: item.shortName,
+      Player: item.userID == playerID ? "me" : item.shortName,
       Points: item.score,
       Prize: item.prizeName,
       Unqualified: item.unqualified,
@@ -379,6 +382,27 @@
     window.postMessage({type: 'TournamentsTabLocaleTextUpdate','state': 'games', 'text': $_('tournamentsPage.games')}, window.location.href)
   }
 
+  const setClientStyling = ():void => {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = clientstyling;
+    customStylingContainer.appendChild(sheet);
+  }
+
+  const setClientStylingURL = ():void => {
+    let url:URL = new URL(clientstylingurl);
+    let cssFile:HTMLElement = document.createElement('style');
+
+    fetch(url.href)
+      .then((res:any) => res.text())
+      .then((data:any) => {
+        cssFile.innerHTML = data
+
+        if (customStylingContainer) {
+          setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
+        }
+      });
+  }
+
   onMount(() => {
     window.addEventListener('message', messageHandler, false);
     return () => {
@@ -400,6 +424,8 @@
   $: initialParameters && initialLoad();
   $: cmsendpoint && tourid && getDataFromCMS();
   $: isMiniMode = (viewmode != 'desktop') && isMobile(userAgent); // forward this page from tournamentslider
+  $: clientstyling && setClientStyling();
+  $: clientstylingurl && setClientStylingURL();
 </script>
 
 {#if isLoading}
@@ -408,7 +434,7 @@
   </p>
 {/if}
 {#if !isMiniMode}
-  <div class="TournamentsPage" part="TournamentsPage">
+  <div class="TournamentsPage" part="TournamentsPage" bind:this={customStylingContainer}>
     <div class="TournamentsSectionWrapper" part="TournamentsSectionWrapper">
 
       <div class="TopButtons" part="TopButtons">
@@ -492,7 +518,7 @@
   </div>
 {/if}
 {#if isMiniMode }
-  <div class="TournamentsPage MiniMode {tournamentDetails ? 'hidden':''}" part="MiniTournamentPage">
+  <div class="TournamentsPage MiniMode {tournamentDetails ? 'hidden':''}" part="MiniTournamentPage" bind:this={customStylingContainer}>
     <div class="TournamentContentDetails {isMobile(userAgent) ? 'MobileClass' : ''}" part="TournamentContentDetails">
       <div class="{isMobile(userAgent) ? 'MobileClass' : ''}{showleaderboard == 'true' ? ' TournamentCardDetails' : ' FullSize'}" part="MobileTournamentCardDetails">
         {#if !tournamentDetails}