@everymatrix/casino-header-controller 1.0.3 → 1.0.8

package/index.html

@@ -37,6 +37,7 @@
       activecategory="/live-casino"
       positiontag="center-main-slider"
       userroles="everyone"
+      clientstylingurl="https://raw.githubusercontent.com/adrianprp/winners/master/Winners.css"
     ></casino-header-controller>
   </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "1.0.3",
+  "version": "1.0.8",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {

package/src/CasinoHeaderController.svelte

@@ -76,11 +76,25 @@
       case 'login':
         loginActive = true;
         window.postMessage({type: 'OpenLoginRegisterModal', transition: 'Login' }, window.location.href);
+
+        //Analytics event
+        if(typeof gtag == 'function'){
+          gtag('event', 'OpenLoginModal', {
+            'context': 'HeaderController'
+          });
+        } 
         break;
 
       case 'register':
         loginActive = false;
         window.postMessage({type: 'OpenLoginRegisterModal', transition: 'Register'}, window.location.href);
+
+        //Analytics event
+        if(typeof gtag == 'function'){
+          gtag('event', 'OpenRegisterModal', {
+            'context': 'HeaderController'
+          });
+        } 
         break;
 
       case 'lobby':
@@ -93,6 +107,13 @@
 
       case 'deposit':
         window.postMessage({type: 'GoToDeposit'}, window.location.href);
+
+        //Analytics event
+        if(typeof gtag == 'function'){
+          gtag('event', 'GoToDeposit', {
+            'context': 'HeaderController'
+          });
+        } 
         break;
 
       case 'language':
@@ -253,9 +274,7 @@
       .then((data:any) => {
         cssFile.innerHTML = data
 
-        if (customStylingContainer) {
-          setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
-        }
+        setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
       });
   }
 
@@ -275,8 +294,8 @@
   $: session && setSession();
   $: lang && setActiveLanguage();
   $: cmsendpoint && lang && languageslist && userroles && initialLoad();
-  $: clientstyling && setClientStyling();
-  $: clientstylingurl && setClientStylingURL();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
 </script>
 
 {#if isLoggedIn}
@@ -356,7 +375,10 @@
              {endpoint}
              {lang}
              location="headerMain"
-             {showsubgroups}/>
+             {showsubgroups}
+             {clientstyling}
+             {clientstylingurl}
+             />
           {/if}
         </nav>
         <div class="HeaderTopActions" part="HeaderItemsMenu">
@@ -454,7 +476,10 @@
              activeindex={activeIndex}
              location="headerMain"
              {endpoint}
-             {lang}/>
+             {lang}
+             {clientstyling}
+             {clientstylingurl}
+             />
           {/if}
         </nav>
         <div class="HeaderTopActions" part="HeaderTopActions">
@@ -480,7 +505,7 @@
   {/if}
 {/if}
 
-<casino-hamburger-menu menuitemsurl={hamburgerURL} {activecategory} {lang} {languageslist}></casino-hamburger-menu>
+<casino-hamburger-menu menuitemsurl={hamburgerURL} {activecategory} {lang} {languageslist} {clientstyling} {clientstylingurl}></casino-hamburger-menu>
 
 <style lang="scss">