@everymatrix/casino-game-page 0.0.330 → 0.0.333
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-game-page",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.333",
|
|
4
4
|
"main": "dist/casino-game-page.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "a275be10d52b74796538211f413a3b2ae7787857"
|
|
40
40
|
}
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
|
|
328
328
|
// resize logic for maintaining game ratio when resizing
|
|
329
329
|
gameFrameWidth = gameContainerWidth * iframeRatio;
|
|
330
|
-
|
|
330
|
+
|
|
331
331
|
definitiveIframeWidth = gameFrameWidth ? `${Math.floor(gameFrameWidth)}px` : "1280px";
|
|
332
332
|
definitiveIframeHeight = gameFrameHeight ? `${Math.floor(gameFrameHeight)}px` : "720px";
|
|
333
333
|
|
|
@@ -555,58 +555,58 @@
|
|
|
555
555
|
$: panicButton && addEventsToDisplayedElements();
|
|
556
556
|
</script>
|
|
557
557
|
|
|
558
|
-
|
|
559
558
|
{#if isLoading}
|
|
560
559
|
<p class="SearchLoading" part="SearchLoading">Loading, please wait ...</p>
|
|
561
560
|
{:else}
|
|
562
561
|
{#if hasErrors}
|
|
563
562
|
<p class="SearchLoading" part="SearchLoading">500 Error - Internal Server Error.</p>
|
|
564
563
|
{:else}
|
|
565
|
-
<div class="
|
|
566
|
-
{
|
|
564
|
+
<div class="GamePageBackground" style="background: {!isModal? `url(${game.backgroundImageUrl})`: ''}; background-size: cover">
|
|
565
|
+
<div class="CasinoGamePageContainer" part="CasinoGamePageContainer" bind:this={customStylingContainer} style="background: rgba(0, 0, 0, 0)">
|
|
566
|
+
{#if detailsObtained}
|
|
567
567
|
{#if mobileView}
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
568
|
+
{#if isLoggedIn}
|
|
569
|
+
{#if favorites == 'true'}
|
|
570
|
+
{#if game.isFavored}
|
|
571
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
572
|
+
<svg version="1.1" class="FavoredIcon" part="FavoredIcon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.481 19.481" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 19.481 19.481">
|
|
573
|
+
<path style="fill: white" d="m10.201,.758l2.478,5.865 6.344,.545c0.44,0.038 0.619,0.587 0.285,0.876l-4.812,4.169 1.442,6.202c0.1,0.431-0.367,0.77-0.745,0.541l-5.452-3.288-5.452,3.288c-0.379,0.228-0.845-0.111-0.745-0.541l1.442-6.202-4.813-4.17c-0.334-0.289-0.156-0.838 0.285-0.876l6.344-.545 2.478-5.864c0.172-0.408 0.749-0.408 0.921,0z"/>
|
|
574
|
+
</svg>
|
|
575
|
+
</div>
|
|
576
|
+
{:else}
|
|
577
|
+
<div class="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" part="FavIconContainer {haspanicbutton == 'true' ? 'FavIconPanicButton' : ''}" on:click="{() => toggleFavoriteGame(game.id)}">
|
|
578
|
+
<svg version="1.1" class="UnfavoredIcon" part="UnfavoredIcon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="20px" y="20px"
|
|
579
|
+
viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><path style="fill: white" d="M511.266,197.256c-1.764-5.431-6.458-9.388-12.108-10.209l-158.722-23.065L269.452,20.155
|
|
580
|
+
c-2.527-5.12-7.741-8.361-13.451-8.361c-5.709,0-10.924,3.242-13.451,8.361l-70.988,143.828L12.843,187.047
|
|
581
|
+
c-5.65,0.821-10.344,4.779-12.108,10.209c-1.765,5.43-0.293,11.391,3.795,15.376l114.848,111.955L92.27,482.67
|
|
582
|
+
c-0.965,5.627,1.349,11.315,5.968,14.67c4.618,3.355,10.74,3.798,15.797,1.142L256,423.846l141.961,74.637
|
|
583
|
+
c2.195,1.154,4.591,1.723,6.979,1.723c3.11,0,6.206-0.966,8.818-2.865c4.619-3.356,6.933-9.043,5.968-14.671L392.61,324.587
|
|
584
|
+
l114.86-111.954C511.559,208.647,513.031,202.686,511.266,197.256z M366.023,308.608c-3.536,3.446-5.15,8.412-4.314,13.278
|
|
585
|
+
l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
|
|
586
|
+
c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
|
|
587
|
+
l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
|
|
588
|
+
</div>
|
|
589
|
+
{/if}
|
|
590
|
+
{/if}
|
|
591
|
+
<div class="GameDetails" part="GameDetails">
|
|
592
|
+
<h3>{game.name}</h3>
|
|
593
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
594
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
595
|
+
<button class="DepositButton" part="DepositButton" on:click='{() => toggleDeposit()}'>{$_('gamePage.deposit')}</button>
|
|
596
|
+
<button class="PlayNowButton" part="PlayNowButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playNow')}</button>
|
|
597
|
+
</div>
|
|
598
|
+
{#if haspanicbutton === "true"}
|
|
599
|
+
<div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}" part="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
|
|
600
|
+
<button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading} part="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
|
|
601
|
+
</div>
|
|
602
|
+
{/if}
|
|
603
|
+
<p>{time}</p>
|
|
604
|
+
</div>
|
|
605
|
+
{:else if anonymousFunMode}
|
|
606
|
+
<div class="GameDetails" part="GameDetails">
|
|
607
|
+
<h3>{game.name}</h3>
|
|
608
|
+
<img src={game.thumbnail} class="GameThumbnail" part="GameThumbnail" alt="game thumbnail" loading="lazy" />
|
|
609
|
+
<div class="ButtonsContainer" part="ButtonsContainer">
|
|
610
610
|
<button class="LoginButton" part="LoginButton" on:click='{() => toggleLogin()}'>{$_('gamePage.signIn')}</button>
|
|
611
611
|
<button class="RegisterButton" part="RegisterButton" on:click='{() => toggleRegister()}'>{$_('gamePage.register')}</button>
|
|
612
612
|
<button class="FullWidthButton" part="FullWidthButton" on:click='{() => {openGameWindow(game)}}'>{$_('gamePage.playForFun')}</button>
|
|
@@ -651,7 +651,7 @@
|
|
|
651
651
|
</div>
|
|
652
652
|
{:else}
|
|
653
653
|
{#if funMode}
|
|
654
|
-
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight}">
|
|
654
|
+
<div id="IframeContainer" part="IframeContainer" bind:this={gameFrameContainer} class:FullsScreenLayout={isFullscreen} style="width: {modalFrameWidth}; height: {modalFrameHeight};">
|
|
655
655
|
<div id="IframeGame" part="IframeGame" bind:this={gameInnerContainer} style="{gameStyle}">
|
|
656
656
|
<iframe title="Games" id="IframeGame" class="GamesContainer" part="GamesContainer" aria-hidden="false" src={game.launchUrl} bind:this={iframe}/>
|
|
657
657
|
<div class="BottomGame" part="BottomGame" bind:this={buttonsContainer}>
|
|
@@ -687,6 +687,7 @@
|
|
|
687
687
|
{/if}
|
|
688
688
|
{/if}
|
|
689
689
|
</div>
|
|
690
|
+
</div>
|
|
690
691
|
{/if}
|
|
691
692
|
{/if}
|
|
692
693
|
|
|
@@ -699,11 +700,19 @@
|
|
|
699
700
|
.CasinoGamePageContainer {
|
|
700
701
|
height: 100%;
|
|
701
702
|
padding: 0;
|
|
703
|
+
|
|
704
|
+
height: 1000px;
|
|
705
|
+
max-width: 1300px;
|
|
706
|
+
margin: 0 auto;
|
|
707
|
+
background: var(--emfe-w-color-contrast, #07072A);
|
|
708
|
+
|
|
709
|
+
display: flex;
|
|
710
|
+
flex-direction: column;
|
|
711
|
+
justify-content: center;
|
|
702
712
|
}
|
|
703
713
|
|
|
704
714
|
.BottomGame {
|
|
705
|
-
padding
|
|
706
|
-
padding-right: 60px;
|
|
715
|
+
padding: 4px 16px;
|
|
707
716
|
min-height: 85px;
|
|
708
717
|
background-color: var(--emfe-w-color-contrast, #07072A);
|
|
709
718
|
align-items: center;
|
|
@@ -714,6 +723,7 @@
|
|
|
714
723
|
grid-template-rows: 1fr;
|
|
715
724
|
gap: 0px 0px;
|
|
716
725
|
justify-items: center;
|
|
726
|
+
border-radius:0 0 6px 6px;
|
|
717
727
|
|
|
718
728
|
&.BottomGamePanicSection {
|
|
719
729
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
@@ -726,14 +736,11 @@
|
|
|
726
736
|
justify-self: left;
|
|
727
737
|
width: 130px;
|
|
728
738
|
height: 60px;
|
|
729
|
-
background-color: var(--emfe-w-color-
|
|
739
|
+
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
730
740
|
color: var(--emfe-w-color-white, #FFFFFF);
|
|
731
741
|
border-radius: 2px;
|
|
732
742
|
cursor: pointer;
|
|
733
743
|
}
|
|
734
|
-
.PlayNowButton {
|
|
735
|
-
background-color: var(--emfe-w-color-primary, #D0046C);
|
|
736
|
-
}
|
|
737
744
|
.GameThumbnail {
|
|
738
745
|
border-radius: 2px;
|
|
739
746
|
width: 270px;
|
|
@@ -801,6 +808,7 @@
|
|
|
801
808
|
width: 100%;
|
|
802
809
|
height: 60px;
|
|
803
810
|
}
|
|
811
|
+
|
|
804
812
|
.GamesContainer {
|
|
805
813
|
width: calc(100% - 4px);
|
|
806
814
|
height: 100%;
|
|
@@ -822,7 +830,7 @@
|
|
|
822
830
|
}
|
|
823
831
|
#IframeContainer {
|
|
824
832
|
height:100%;
|
|
825
|
-
width:
|
|
833
|
+
max-width:1300px;
|
|
826
834
|
display: flex;
|
|
827
835
|
align-items: center;
|
|
828
836
|
justify-content: center;
|