@everymatrix/casino-last-played-section 1.3.2 → 1.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-last-played-section",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6f5109fe10945e3602504893215ac687784c4156"
+  "gitHead": "a3f9e9cbbb1c3537031608dfbcfd6293c7ec408b"
 }

package/src/CasinoLastPlayedSection.svelte

@@ -2,7 +2,8 @@
 <script lang="ts">
 
   import { getDevice } from 'rvhelper';
-  import { _, setLocale } from './i18n';
+  import { _, addNewMessages, setLocale } from './i18n';
+  import { LastPlayedTranslations } from './translations.js';
   import '@everymatrix/casino-games-category-section'
 
   export let endpoint:string = '';
@@ -13,6 +14,7 @@
   export let userid:string = ''; // Value for UserID;
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
+  export let translationurl:string = '';
 
   export let livecasino:string = 'false';
   export let integratedgameframemobile:string = 'false';
@@ -33,6 +35,23 @@
   let isLoading:boolean = false;
   
   let customStylingContainer:HTMLElement;
+  
+  const setTranslationUrl = ():void => {
+    let url:string = translationUrl;
+
+    fetch(url).then((res:any) => res.json())
+    .then((res) => {
+      Object.keys(res).forEach((item:any):void => {
+        addNewMessages(item, res[item]);
+      });
+    }).catch((err:any) => {
+      console.log(err);
+    });
+  }
+
+  Object.keys(LastPlayedTranslations).forEach((item:any):void => {
+    addNewMessages(item, LastPlayedTranslations[item]);
+  });
 
   const getLastPlayedCategory = (options:any) => {
     return new Promise((resolve, reject) => {
@@ -144,15 +163,16 @@
   }
 
   $: endpoint && userid && lang && initialLoad();
+  $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: lang && setActiveLanguage();
 </script>
 
 <div class="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
-  <div class="casino-last-played-section">
+  <div class="CasinoLastPlayedSection">
     {#if lastPlayedEmpty}
-      <p class="SearchLoading">No games in last played</p>
+      <p class="SearchLoading"> {$_('LastPlayedTranslations.noRecentGames')}</p>
     {:else}
       <casino-games-category-section
                 session={session}
@@ -194,7 +214,7 @@
     box-sizing: border-box;
   }
 
-  .casino-last-played-section {
+  .CasinoLastPlayedSection {
     background: var(--emfe-w-color-contrast, #07072A);
     color: var(--emfe-w-color-white, #FFFFFF);
   }

package/src/translations.js

@@ -0,0 +1,12 @@
+export const LastPlayedTranslations = {
+  en: {
+    LastPlayedTranslations: {
+      noRecentGames: "You haven't played yet but here you will find in the future a list of your games.",
+    },
+  },
+  de: {
+    LastPlayedTranslations: {
+      noRecentGames: "Du hast bisher noch nicht gespielt, aber hier findest du in Zukunft eine Liste deiner Spiele.",
+    },
+  },
+};