@everymatrix/casino-games-category-section 1.31.1 → 1.32.0

package/index.html

@@ -31,12 +31,15 @@
 
   <div class="webcomponent">
     <casino-games-category-section 
-      displayedgamecount=""
+      fetchviaevent="false"
+      displayedgamecount="12"
+      showallbuttongamescount="10"
+      actionevent="CategoryChange"
+      showallpage="casino"
       endpoint="https://demo-api.stage.norway.everymatrix.com"
       lang="en"
       datasource="RNG"
       categoryid="RNG$jacpots"
-      fetchviaevent="false"
       gamepagemodalurl="true"
       integratedgameframedesktop="true"
       integratedgameframemobile="true">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.31.1",
+  "version": "1.32.0",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0b3995d8c9121bfc27eb9aed6a034bbd1583400b"
+  "gitHead": "945c13abdd91674a919f38954bfa8a87e819f295"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -37,7 +37,10 @@
   export let filterbylogo:string = '';
   export let casinogamesgridslider:string = 'false'; 
   export let fetchviaevent:string = 'false';
+  export let showallpage:string = 'casino';
+  export let actionevent:string = 'CategoryChange';
   export let displayedgamecount:string = '10';
+  export let showallbuttongamescount: string = '10';
 
   //Revert manually
   // let livelobbyendpoint = `${endpoint}/lobby/tables`;
@@ -269,31 +272,30 @@
   }
 
   //Standalone fetching games using categoryid when fetchviaevent is false
-  const fetchGamesByCategory = (categoryid, displayedgamecount) => {
-      if(categoryid !== ''){
-        searched = false;
-        lobbyView = true;
-        addfilterselector = 'false';
-        addsortingselector = 'false';
-        showLoadCategory = true;
-        searchItem = false;
-        validObservers = false;
-
-        getData(categoryid, 0, +displayedgamecount).then((res:any) => {
-          categoryData = res;
-          shownCategoryData = categoryData.games.items;
-          if (shownCategoryData) {
-            shownCategoryData.forEach((item:any) => {
-              item.isFavorite = checkFavorite(item.id);
-            });
-            
-          }
-        });
+  const fetchGamesByCategory = (categoryid, displayedgamecount, showallbuttongamescount) => {
+    if(categoryid !== ''){
+      searched = false;
+      lobbyView = true;
+      addfilterselector = 'false';
+      addsortingselector = 'false';
+      searchItem = false;
+      validObservers = false;
+
+      showLoadCategory = (+displayedgamecount > +showallbuttongamescount);
+
+      getData(categoryid, 0, +displayedgamecount).then((res:any) => {
+        categoryData = res;
+        shownCategoryData = categoryData.games.items;
+        if (shownCategoryData) {
+          shownCategoryData.forEach((item:any) => {
+            item.isFavorite = checkFavorite(item.id);
+          });
+        }
+      });
     }
   }
 
   const messageHandler = (e:any) => {
-    
     if (e.data) {
       switch(e.data.type) {
         case 'MostPlayedData':
@@ -570,7 +572,7 @@
 
   // @TODO categoryId type fix
   const showCategory = (categoryId:any) => {
-    window.postMessage({ type: "CategoryChange", itemId: categoryId }, window.location.href);
+      window.postMessage({ type: `${actionevent}`, itemId: categoryId, showallpage}, window.location.href);
   }
 
   const initialSetup = () => {
@@ -655,7 +657,7 @@
   });
     
   $: lang && setActiveLanguage();
-  $: (fetchviaevent === 'false' || fetchviaevent === '') && endpoint && lang && categoryid && datasource && displayedgamecount && fetchGamesByCategory(categoryid, displayedgamecount);
+  $: (fetchviaevent === 'false' || fetchviaevent === '') && endpoint && lang && categoryid && datasource && displayedgamecount && showallbuttongamescount && fetchGamesByCategory(categoryid, displayedgamecount, showallbuttongamescount);
   $: dataloaded && thumbnailContainer && setupObserver();
   $: lang && categoryid && initialSetup();
   $: translationurl && setTranslationUrl();