@everymatrix/casino-header-controller 0.0.91 → 0.0.95

package/index.html

@@ -21,10 +21,11 @@
   </style>
 
   <div class="webcomponent">
-    <casino-header-controller session userid 
+    <casino-header-controller session userid
     cmsmenuurl="https://widgets.everymatrix.com/apijson/en/menu?device=dk&env=stage&language=en&platform=dk"
-    cmshamburgermenuurl="https://widgets.everymatrix.com/apijson/en/hamburger-menu?device=dk&env=stage&language=en&platform=dk"></casino-header-controller>
+    cmshamburgermenuurl="https://widgets.everymatrix.com/apijson/en/hamburger-menu?device=dk&env=stage&language=en&platform=dk"
+                              profileurl="https://demo-api.stage.norway.everymatrix.com/v1/player/"></casino-header-controller>
   </div>
-  
+
 </body>
-</html>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.91",
+  "version": "0.0.95",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3dd432f6c47fa7c594cac2e4fb8bd6a554d4fdb5"
+  "gitHead": "c914b1873e8355d7b4604b3321bed9a223b0386f"
 }

package/src/CasinoHeaderController.svelte

@@ -5,6 +5,7 @@
 
   import '@everymatrix/casino-slider';
   import '@everymatrix/casino-hamburger-menu';
+  import '@everymatrix/player-account-balance-modal';
   import everymatrixLogo from './images/everymatrix-logo-white.png';
   import sliderPlaceholderImage from './images/slider.png';
 
@@ -12,6 +13,7 @@
   export let userid:String = '';
   export let cmsmenuurl:string = '';
   export let cmshamburgermenuurl:string = '';
+  export let profileurl:string = '';
 
   const genericIcon = `<svg version="1.1" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 30px; color: #fff;" x="0px" y="0px"
   viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;" xml:space="preserve">
@@ -26,7 +28,6 @@
   let mainMenuArray = [];
   let secondaryMenuArray = [];
   let languagesArray = ['EN', 'DE'];
-  let balanceArray = ['1.650.944,353 €', '6.300,453 Ron'];
 
   let mobileView:boolean = false;
   let userAgent:string = window.navigator.userAgent;
@@ -38,6 +39,12 @@
   // use for medium devices styling, if necessary
   // const mediaQuery = window.matchMedia('(min-width: 768px)');
   let hamburgerMenuActive: boolean = false;
+
+  let totalBalance:string = '';
+  let cashBalance:string = '';
+  let bonusBalance:string = '';
+  let currency:string = '';
+
   const menuAction = (data) => {
     switch (data) {
 
@@ -57,10 +64,6 @@
         console.log("lobby");
         break;
 
-      case 'balance':
-        console.log("balance");
-        break;
-
       case 'myaccount':
         console.log("myaccount");
         window.postMessage({ type: 'PlayerAccountMenuActive' }, window.location.href);
@@ -141,7 +144,7 @@
     window.addEventListener('message', messageHandler, false);
     if (isMobile(userAgent)) {
       mobileView = true;
-    } 
+    }
 
     return () => {
       window.removeEventListener('message', messageHandler);
@@ -149,7 +152,7 @@
   });
 
   $: session && setSession();
-  $: cmsmenuurl && cmshamburgermenuurl && initialLoad();
+  $: cmsmenuurl && cmshamburgermenuurl && profileurl && initialLoad();
 </script>
 
 {#if isLoggedIn}
@@ -167,15 +170,7 @@
 
         <div class="HeaderTopActions">
           <div class="HeaderItemsMenu PrimaryMenu">
-            <select class="Item ItemBalance" on:change={()=>menuAction('balance')}>
-              {#each balanceArray as val}
-                {#if val.includes('€')}
-                  <option selected>{val}</option>
-                {:else}
-                  <option>{val}</option>
-                {/if}
-              {/each}
-            </select>
+            <player-account-balance-modal sessionid={sessionID} playerid={playerID} {profileurl} />
             <div class="Item ItemDeposit" on:click={()=>menuAction('deposit')}>Deposit</div>
             <div class="Item ItemAccount" on:click={()=>menuAction('myaccount')}>
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429"><defs><style>.a{fill:#fff;}</style></defs><g transform="translate(-8 -4)"><path class="a" d="M15.5,4a3.75,3.75,0,1,0,3.75,3.75A3.761,3.761,0,0,0,15.5,4Zm0,1.429A2.321,2.321,0,1,1,13.179,7.75,2.311,2.311,0,0,1,15.5,5.429Zm0,6.429A7.7,7.7,0,0,0,8,19.714a.714.714,0,0,0,.714.714H22.286A.714.714,0,0,0,23,19.714,7.7,7.7,0,0,0,15.5,11.857Zm0,1.429A6.18,6.18,0,0,1,21.5,19H9.5A6.18,6.18,0,0,1,15.5,13.286Z" transform="translate(0 0)"/></g></svg>
@@ -196,15 +191,7 @@
         </nav>
         <div class="HeaderTopActions">
           <div class="HeaderItemsMenu PrimaryMenu">
-            <select class="Item ItemBalance" on:change={()=>menuAction('balance')}>
-              {#each balanceArray as val}
-                {#if val.includes('€')}
-                  <option selected>{val}</option>
-                {:else}
-                  <option>{val}</option>
-                {/if}
-              {/each}
-            </select>
+            <player-account-balance-modal sessionid={sessionID} playerid={playerID} {profileurl} />
             <div class="Item ItemDeposit" on:click={()=>menuAction('deposit')}>Deposit</div>
             <div class="Item ItemAccount" on:click={()=>menuAction('myaccount')}>
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">