@everymatrix/casino-game-page 0.0.242 → 0.0.246
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.246",
|
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": "a366db972245075088a5539434d1ea34d55c1b91"
|
40
40
|
}
|
@@ -63,7 +63,6 @@
|
|
63
63
|
let mobileView:boolean = false;
|
64
64
|
let favoriteGames: Array<Object> = [];
|
65
65
|
let customStylingContainer:HTMLElement;
|
66
|
-
|
67
66
|
let isOnNative:boolean = false;
|
68
67
|
|
69
68
|
setupI18n({ withLocale: 'en', translations: {}});
|
@@ -75,9 +74,7 @@
|
|
75
74
|
// @TODO game typescript model type
|
76
75
|
const formatGameLaunchUrl = (game:any):void => {
|
77
76
|
let url:URL = new URL(game.launchUrl);
|
78
|
-
|
79
77
|
url.searchParams.append('language', lang);
|
80
|
-
|
81
78
|
// @TODO wtf? session check or go home
|
82
79
|
// Maybe we should check if the session is valid, somehow?
|
83
80
|
if (sessionID && sessionID.length > 0) {
|
@@ -85,9 +82,7 @@
|
|
85
82
|
|
86
83
|
url.searchParams.append('_sid', sessionID)
|
87
84
|
url.searchParams.append('funMode', 'false')
|
88
|
-
url.searchParams.append('language', lang)
|
89
85
|
}
|
90
|
-
|
91
86
|
game.launchUrl = url;
|
92
87
|
|
93
88
|
return game;
|
@@ -206,7 +201,6 @@
|
|
206
201
|
|
207
202
|
url.searchParams.append('language', lang);
|
208
203
|
// url.searchParams.append('expand', 'vendor');
|
209
|
-
|
210
204
|
fetch(url.href)
|
211
205
|
.then((res:any) => res.json())
|
212
206
|
.then((data:any) => {
|
@@ -521,7 +515,7 @@
|
|
521
515
|
{/if}
|
522
516
|
{#if isFullscreen}
|
523
517
|
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
524
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill
|
518
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
525
519
|
</button>
|
526
520
|
{:else}
|
527
521
|
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
@@ -544,7 +538,7 @@
|
|
544
538
|
</div>
|
545
539
|
{#if isFullscreen}
|
546
540
|
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
547
|
-
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill
|
541
|
+
<svg width="24" height="24" viewBox="0 0 31 31"><polygon style="fill:#fff;" points="24.586,27.414 29.172,32 32,29.172 27.414,24.586 32,20 20,20 20,32 "/><polygon style="fill:#fff;" points="0,12 12,12 12,0 7.414,4.586 2.875,0.043 0.047,2.871 4.586,7.414 "/><polygon style="fill:#fff;" points="0,29.172 2.828,32 7.414,27.414 12,32 12,20 0,20 4.586,24.586 "/><polygon style="fill:#fff;" points="20,12 32,12 27.414,7.414 31.961,2.871 29.133,0.043 24.586,4.586 20,0 "/></svg>
|
548
542
|
</button>
|
549
543
|
{:else}
|
550
544
|
<button class="FullscreenButton" on:click='{() => handleIframeSize()}'>
|
@@ -591,7 +585,7 @@
|
|
591
585
|
padding-right: 60px;
|
592
586
|
padding-bottom: 15px;
|
593
587
|
min-height: 85px;
|
594
|
-
background-color:
|
588
|
+
background-color: #14143B;
|
595
589
|
display: flex;
|
596
590
|
justify-content: space-between;
|
597
591
|
align-items: center;
|
@@ -600,13 +594,13 @@
|
|
600
594
|
border: none;
|
601
595
|
width: 129px;
|
602
596
|
height: 60px;
|
603
|
-
background-color:
|
597
|
+
background-color: #28A745;
|
604
598
|
color: white;
|
605
599
|
border-radius: 2px;
|
606
600
|
cursor: pointer;
|
607
601
|
}
|
608
602
|
.PlayNowButton {
|
609
|
-
background-color:
|
603
|
+
background-color: #D0046C;
|
610
604
|
}
|
611
605
|
.GameThumbnail {
|
612
606
|
border-radius: 2px;
|
@@ -618,7 +612,7 @@
|
|
618
612
|
border: none;
|
619
613
|
width: 60px;
|
620
614
|
height: 60px;
|
621
|
-
background-color:
|
615
|
+
background-color: #D0046C;
|
622
616
|
float: right;
|
623
617
|
margin-top: 20px;
|
624
618
|
}
|
@@ -628,7 +622,7 @@
|
|
628
622
|
align-items: center;
|
629
623
|
}
|
630
624
|
.GameDetails h3 {
|
631
|
-
color:
|
625
|
+
color: #fff;
|
632
626
|
font-size: 26px;
|
633
627
|
}
|
634
628
|
.ButtonsContainer {
|
@@ -639,26 +633,26 @@
|
|
639
633
|
justify-content: space-between;
|
640
634
|
}
|
641
635
|
.RegisterButton {
|
642
|
-
color:
|
643
|
-
background-color:
|
636
|
+
color: #ffffff;
|
637
|
+
background-color: #D0046C;
|
644
638
|
border-radius: 2px;
|
645
639
|
border: none;
|
646
640
|
width: 129px;
|
647
641
|
height: 60px;
|
648
642
|
}
|
649
643
|
.LoginButton {
|
650
|
-
color:
|
651
|
-
background-color:
|
644
|
+
color: #D0046C;
|
645
|
+
background-color: #07072A;
|
652
646
|
border-radius: 2px;
|
653
|
-
border: 1px solid
|
647
|
+
border: 1px solid #D0046C;
|
654
648
|
width: 129px;
|
655
649
|
height: 60px;
|
656
650
|
}
|
657
651
|
.FullWidthButton {
|
658
|
-
color:
|
659
|
-
background-color:
|
652
|
+
color: #D0046C;
|
653
|
+
background-color: #07072A;
|
660
654
|
border-radius: 2px;
|
661
|
-
border: 1px solid
|
655
|
+
border: 1px solid #D0046C;
|
662
656
|
width: 100%;
|
663
657
|
height: 60px;
|
664
658
|
margin-top: 20px;
|
@@ -677,7 +671,7 @@
|
|
677
671
|
justify-content: center;
|
678
672
|
}
|
679
673
|
svg {
|
680
|
-
fill:
|
674
|
+
fill: #ffffff;
|
681
675
|
}
|
682
676
|
p {
|
683
677
|
color: white;
|
@@ -727,15 +721,15 @@
|
|
727
721
|
}
|
728
722
|
p {
|
729
723
|
font-size: ttp(1);
|
730
|
-
color:
|
724
|
+
color: #fff;
|
731
725
|
}
|
732
726
|
.Button {
|
733
727
|
border-radius: 2px;
|
734
|
-
border: 1px solid
|
735
|
-
background-color:
|
728
|
+
border: 1px solid #D0046C;
|
729
|
+
background-color: #D0046C;
|
736
730
|
width: ttp(15);
|
737
731
|
height: 60px;
|
738
|
-
color:
|
732
|
+
color: #fff;
|
739
733
|
cursor: pointer;
|
740
734
|
}
|
741
735
|
}
|