@everymatrix/casino-tournaments-page-controller 0.0.248 → 0.0.249

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-page-controller",
-  "version": "0.0.248",
+  "version": "0.0.249",
   "main": "dist/casino-tournaments-page-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "77f6efa473daab4dd62004b893c587558bf4511c"
+  "gitHead": "38af455e241b6ef7ccabb2367be2be59e6b24352"
 }

package/src/CasinoTournamentsPageController.svelte

@@ -23,7 +23,7 @@
   export let currency: string = 'EUR';
   export let tablelimit: string = '30';
   export let namemask: string = '';
-
+  export let mobiletablelimit:string = '15';
   // Variables of topics for communication
   let sessionTopic;
 
@@ -44,39 +44,54 @@
 
   let tableUpdateEventSource: EventSourcePolyfill;
 
-  setupI18n({withLocale: 'en', translations: {}});
+  let currentUserData:any = {};
+  let currentUserInPage:Boolean = false;
+  setupI18n({ withLocale: 'en', translations: {}});
 
   Object.keys(TournamentsPageTranslations).forEach((item: any) => {
     addNewMessages(item, TournamentsPageTranslations[item]);
   });
 
   // @TODO this must be configurable
-  const tableColumns = ['Position', 'Name', 'Score'];
+  const tableColumns = ['Rank', 'Player', 'Points','Prize'];
+
+  // data for current user
+  const transFormCurrentUserData = (item:any) => {
+    let userData = {
+      Rank: item.rank,
+      Player: item.shortName,
+      Points: item.score,
+      Prize: item.prizeName,
+      Unqualified: item.unqualified,
+      BetCount: item.betCount,
+    };
+    return userData;
+  }
 
   // @TODO data type
-  const transformTableData = (data: any) => {
-      let tableData: any = [];
-
-      if (data && data.length > 0) {
-        data.forEach((item: any) => {
-          if (item.unqualified == false) {
-            if (item.userID == playerID) {
-              firstRowAvailable = true;
-              firstRowData = {
-                Position: item.rank,
-                Name: item.shortName,
-                Score: item.score,
-              };
-            } else {
-              tableData.push({
-                Position: item.rank,
-                Name: item.shortName,
-                Score: item.score,
-              });
-            }
+  const transformTableData = (data:any) => {
+    let tableData:any = [];
+
+    if (data && data.length > 0) {
+      data.forEach((item:any) => {
+        if (item.unqualified == false) {
+          if(item.userID == playerID){
+            currentUserData = item;
+            currentUserInPage = true;
           }
-        });
-      }
+          // added duplicated properties for mobile version, requirement more information for desktop version 
+          tableData.push({
+            Rank: item.rank,
+            Player: item.shortName,
+            Points: item.score,
+            Prize: item.prizeName,
+            Unqualified: item.unqualified,
+            BetCount: item.betCount,
+            userID: item.userID
+          });
+        }
+      });
+    }
 
       return tableData;
     },
@@ -91,11 +106,18 @@
           return;
         }
         let newTableData = transformTableData(updateTableData.Items);
-        if (firstRowAvailable && firstRowData) {
-          window.postMessage({type: 'CasinoTableFirstRowData', tableData: firstRowData}, window.location.href);
+        if(updateTableData.item && !currentUserInPage){
+          firstRowAvailable = true;
+          firstRowData = transFormCurrentUserData(updateTableData.item);
         }
-        window.postMessage({type: 'CasinoTableDataUpdate', tableData: newTableData}, window.location.href);
-      } catch (err) {
+        if(firstRowAvailable && firstRowData){
+          window.postMessage({ type: 'CasinoTableFirstRowData', tableData: firstRowData }, window.location.href);
+        }
+        window.postMessage({ type: 'CasinoTableDataUpdate', tableData:  newTableData}, window.location.href);
+        if(currentUserInPage){
+          window.postMessage({ type: 'CasinoTableCurrentUserData', tableData: currentUserData }, window.location.href);
+        }
+      }catch(err){
         console.error(err);
       }
     },
@@ -144,6 +166,11 @@
       url.searchParams.append('filter', `shortNameMask=${namemask}`);
     }
 
+    if (session) {
+      let limit = isMobile(userAgent) == true? mobiletablelimit : tablelimit;
+      url.searchParams.append('pagination', `offset=0,limit=${limit}`);
+      reqHeaders.append('X-SessionID', session);
+    }
     reqHeaders.append('platform', getDevice(userAgent));
 
     let requestOptions = {
@@ -155,18 +182,25 @@
       .then((res: any) => res.json())
       .then((res: any) => {
         tournamentTableData = transformTableData(res.items);
+        if(res.item && !currentUserInPage){
+          firstRowAvailable = true;
+          firstRowData = transFormCurrentUserData(res.item);
+        }
         showTable = true;
 
         // @TODO data is not iterable error fix
         window.postMessage({
           type: 'CasinoTableData',
-          tableData: tournamentTableData.slice(0, tablelimit)
+          tableData: tournamentTableData
         }, window.location.href);
         window.postMessage({type: 'CasinoTableColumns', tableColumns}, window.location.href);
         if (firstRowAvailable) {
           window.postMessage({type: 'CasinoTableFirstRowData', tableData: firstRowData}, window.location.href);
         }
         startupTableDataChangeListener(tourID, url.searchParams);
+        if (currentUserInPage){
+          window.postMessage({ type: 'CasinoTableCurrentUserData', tableData: currentUserData }, window.location.href);
+        }
       });
   }
 
@@ -203,7 +237,9 @@
 
     isLoading = false;
   }
-
+  const setActiveLanguage = ():void => {
+    setLocale(lang);
+  }
   const initialLoad = () => {
     setLocale(lang);
     getData(endpoint, tourid);
@@ -230,6 +266,7 @@
   });
 
   $: session && userid && setSession();
+  $: lang && setActiveLanguage();
   $: initialParameters = tourid && endpoint && session && lang;
   $: initialParameters && initialLoad();
   $: tourid && cmsendpoint && getDataFromCMS();