@everymatrix/casino-most-played-section 1.12.6 → 1.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-most-played-section",
-  "version": "1.12.6",
+  "version": "1.12.7",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "026a68f7a1e50f7a829cccf3a3f82cd7776b6f31"
+  "gitHead": "7f8097b50f6a8794ce81f8961ed3efba1842a578"
 }

package/src/CasinoMostPlayedSection.svelte

@@ -2,7 +2,8 @@
 <script lang="ts">
 
   import { getDevice } from 'rvhelper';
-  import { _, setLocale } from './i18n';
+  import { _, setLocale, addNewMessages } from './i18n';
+  import { TRANSLATIONS } from './translations';
   import '@everymatrix/casino-games-category-section'
 
   export let endpoint:string = '';
@@ -21,12 +22,30 @@
   export let visiblegames:string;
   export let favorites:string = '';
   export let lastPlayedEmpty:string = '';
+  export let translationurl:string = '';
   export let casinomygames:string = 'false';
   export let mostplayedperiod:string = 'Last30Days';
   export let mostplayedrounds: string = '10';
 
 
   let userAgent:any = window.navigator.userAgent;
+
+  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(TRANSLATIONS).forEach((item) => {
+    addNewMessages(item, TRANSLATIONS[item]);
+  });
   
   let mostPlayedGames:Array<any> = [];
   let playerID:string;
@@ -154,13 +173,14 @@
   $: endpoint && userid && lang && initialLoad();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
+  $: translationurl && setTranslationUrl();
   $: lang && setActiveLanguage();
 </script>
 
 <div class="CasinoGamesCategorySectionContainer" part="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>
   <div class="casino-most-played-section">
     {#if mostPlayedEmpty}
-      <p class="SearchLoading" part="SearchLoading">No games in most played</p>
+      <p class="SearchLoading" part="SearchLoading">{$_('noGames')}</p>
     {:else}
       <casino-games-category-section
         session={session}

package/src/translations.js

@@ -0,0 +1,59 @@
+export const TRANSLATIONS = {
+  "en": {
+    "noGames": "No games in most played"
+  },
+  "zh-hk": {
+
+    "noGames": "No games in most played"
+  },
+  "de": {
+
+    "noGames": "No games in most played"
+  },
+  "it": {
+
+    "noGames": "No games in most played"
+  },
+  "fr": {
+
+    "noGames": "No games in most played"
+  },
+  "es": {
+    "noGames": "No hay juegos en más jugados."
+  },
+  "tr": {
+    "noGames": "No games in most played"
+  },
+  "ru": {
+
+    "noGames": "No games in most played"
+  },
+  "ro": {
+
+    "noGames": "No games in most played"
+  },
+  "hr": {
+
+    "noGames": "No games in most played"
+  },
+  "hu": {
+
+    "noGames": "No games in most played"
+  },
+  "pl": {
+
+    "noGames": "No games in most played"
+  },
+  "pt": {
+
+    "noGames": "No games in most played"
+  },
+  "sl": {
+
+    "noGames": "No games in most played"
+  },
+  "sr": {
+
+    "noGames": "No games in most played"
+  }
+}