@everymatrix/casino-tournaments-controller 0.0.162 → 0.0.163

package/index.html

@@ -18,7 +18,7 @@
   </style>
 
   <div class="webcomponent">
-    <casino-tournaments-controller session="3a621d62-1a5e-40fb-89d1-36f1cd0af643" userid="3657535" loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://casinouat.pamestoixima.gr/apijson/en/tournaments/906333318049055456" numberoftournaments="4" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished"></casino-tournaments-controller>
+    <casino-tournaments-controller session="3a621d62-1a5e-40fb-89d1-36f1cd0af643" userid="3657535" loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://casinouat.pamestoixima.gr/apijson/en/tournaments/906333318049055456" numberoftournaments="4" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished" containermaxwidth="1300"></casino-tournaments-controller>
     <!--<casino-tournaments-controller loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1/tournaments" numberoftournaments="10" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished"></casino-tournaments-controller>-->
   </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-controller",
-  "version": "0.0.162",
+  "version": "0.0.163",
   "main": "dist/casino-tournaments-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -29,11 +29,11 @@
     "typescript": "^3.9.3"
   },
   "dependencies": {
-    "@everymatrix/casino-tournaments-details": "^0.0.162",
-    "@everymatrix/casino-tournaments-filter-controller": "^0.0.162",
-    "@everymatrix/casino-tournaments-list-controller": "^0.0.162",
-    "@everymatrix/casino-tournaments-page-controller": "^0.0.162",
-    "@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.162",
+    "@everymatrix/casino-tournaments-details": "^0.0.163",
+    "@everymatrix/casino-tournaments-filter-controller": "^0.0.163",
+    "@everymatrix/casino-tournaments-list-controller": "^0.0.163",
+    "@everymatrix/casino-tournaments-page-controller": "^0.0.163",
+    "@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.163",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0ae2ffa2c984a3f90ab2eea42992f92e6acf725"
+  "gitHead": "0987227fd54b268a6dedfb7687bc94ba10d87ea7"
 }

package/src/CasinoTournamentsController.svelte

@@ -25,6 +25,7 @@
   export let loginurl:string = '';
   export let registerurl:string = '';
   export let currency:string = 'EUR';
+  export let containermaxwidth:string = '';
 
   const sortByStatus:string = '""|type1';
   // Variables of topics for communication
@@ -217,44 +218,46 @@
   <p>{$_('tournamentsController.500')}</p>
   <p>{error}</p>
 {:else}
-  <div class="Tournaments">
-    <div class="FirstRow">
-      {#if filtersLoaded}
-        <casino-tournaments-filter-controller
-          filters={filtersArray}
-          activefilters={filters}
-        ></casino-tournaments-filter-controller>
-      {/if}
-    </div>
-    <div class="SecondRow">
-      {#if tournamentsNumber == 0}
-        {#if isLoading}
-          <p>Loading, please wait ...</p>
+  <div class="TournamentsWrapper">
+    <div class="Tournaments" style="max-width: {containermaxwidth}px;">
+      <div class="FirstRow">
+        {#if filtersLoaded}
+          <casino-tournaments-filter-controller
+                  filters={filtersArray}
+                  activefilters={filters}
+          ></casino-tournaments-filter-controller>
+        {/if}
+      </div>
+      <div class="SecondRow">
+        {#if tournamentsNumber == 0}
+          {#if isLoading}
+            <p>Loading, please wait ...</p>
+          {:else}
+            <p>No tournaments found</p>
+          {/if}
         {:else}
-          <p>No tournaments found</p>
+          <casino-tournaments-list-controller
+                  session={session}
+                  userid={userid}
+                  numberoftournaments={numberoftournaments}
+                  endpoint={endpoint}
+                  loginurl={loginurl}
+                  loginevent={loginevent}
+                  registerurl={registerurl}
+                  registerevent={registerevent}
+                  {lang}
+                  {currency}
+          ></casino-tournaments-list-controller>
         {/if}
-      {:else}
-        <casino-tournaments-list-controller
-          session={session}
-          userid={userid}
-          numberoftournaments={numberoftournaments}
-          endpoint={endpoint}
-          loginurl={loginurl}
-          loginevent={loginevent}
-          registerurl={registerurl}
-          registerevent={registerevent}
-          {lang}
-          {currency}
-        ></casino-tournaments-list-controller>
+      </div>
+      {#if !allTournamentsShown}
+        <div class="ThirdRow">
+          <div class="CenterButton">
+            <button class="ShowMoreButton" on:click="{() => showMoreAction()}" title="Show More">{$_('tournamentsController.showMore')}</button>
+          </div>
+        </div>
       {/if}
     </div>
-    {#if !allTournamentsShown}
-      <div class="ThirdRow">
-        <div class="CenterButton">
-          <button class="ShowMoreButton" on:click="{() => showMoreAction()}" title="Show More">{$_('tournamentsController.showMore')}</button>
-        </div>
-      </div>
-    {/if}
   </div>
 {/if}
 
@@ -301,12 +304,17 @@
     opacity: 0.7;
   }
 
-  .Tournaments {
+  .TournamentsWrapper {
     background: $primary-background-color;
+  }
+
+  .Tournaments {
     color: $primary-font-color;
     display: flex;
     flex-direction: column;
     position: relative;
+    margin: 0 auto;
+    padding: 0 10px;
 
     .FirstRow {
       width: 100%;