@everymatrix/casino-page 0.0.109 → 0.0.113
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/dist/casino-page.js +418 -464
- package/dist/casino-page.js.map +1 -1
- package/package.json +2 -2
- package/src/CasinoPage.svelte +209 -217
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-page",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.113",
|
|
4
4
|
"main": "dist/casino-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": "76a88c5d47e0a7fc7705bdb3f31a2ba6540117cb"
|
|
40
40
|
}
|
package/src/CasinoPage.svelte
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
getMostPlayedGames({
|
|
121
121
|
limit: 100,
|
|
122
122
|
device: getDevice(userAgent),
|
|
123
|
-
rounds:
|
|
123
|
+
rounds: 10
|
|
124
124
|
}).then((res:any) => {
|
|
125
125
|
isLoading = false;
|
|
126
126
|
|
|
@@ -764,25 +764,19 @@
|
|
|
764
764
|
}
|
|
765
765
|
|
|
766
766
|
const setClientStylingURL = () => {
|
|
767
|
-
let cssFile = document.createElement('style');
|
|
767
|
+
let cssFile:HTMLElement = document.createElement('style');
|
|
768
768
|
|
|
769
|
-
|
|
769
|
+
fetch(new URL(clientstylingurl))
|
|
770
|
+
.then((res:any) => res.text())
|
|
771
|
+
.then((data:any) => {
|
|
772
|
+
cssFile.innerHTML = data
|
|
770
773
|
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
cssFile.innerHTML = data
|
|
776
|
-
|
|
777
|
-
if (customStylingContainer) {
|
|
778
|
-
setTimeout(() => { customStylingContainer.appendChild(cssFile); isLoadingStyle = false; }, 1);
|
|
779
|
-
}
|
|
780
|
-
});
|
|
781
|
-
}
|
|
774
|
+
if (customStylingContainer) {
|
|
775
|
+
setTimeout(() => { customStylingContainer.appendChild(cssFile); }, 1);
|
|
776
|
+
}
|
|
777
|
+
});
|
|
782
778
|
}
|
|
783
779
|
|
|
784
|
-
let isLoadingStyle:Boolean = false;
|
|
785
|
-
|
|
786
780
|
onMount(() => {
|
|
787
781
|
window.addEventListener('scroll', scrollHandler, false);
|
|
788
782
|
window.addEventListener('message', messageHandler, false);
|
|
@@ -803,227 +797,225 @@
|
|
|
803
797
|
<p class="SearchLoading">500 Error - Internal Server Error</p>
|
|
804
798
|
{:else}
|
|
805
799
|
<section class="CategoriesLobby" bind:this={customStylingContainer}>
|
|
806
|
-
{#if
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
<div class="
|
|
812
|
-
<
|
|
813
|
-
<
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
</span>
|
|
820
|
-
</div>
|
|
800
|
+
{#if (getDevice(userAgent) !== 'PC') && (alternativesearch === 'false') && mobileSearchViewActive}
|
|
801
|
+
<div class="SearchBarPlaceholder"></div>
|
|
802
|
+
{/if}
|
|
803
|
+
{#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && numberOfFilters && getDevice(userAgent) !== 'PC'}
|
|
804
|
+
<div class="ClearFilterMobileButtonWrapper" on:click="{() => clearVendorFilter()}">
|
|
805
|
+
<div class="ClearButton">Clear
|
|
806
|
+
<span class="ClearIcon">
|
|
807
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
808
|
+
viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
|
|
809
|
+
<polygon style="fill:#FD2839;" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
|
|
810
|
+
28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
|
|
811
|
+
</svg>
|
|
812
|
+
</span>
|
|
821
813
|
</div>
|
|
822
|
-
|
|
814
|
+
</div>
|
|
815
|
+
{/if}
|
|
823
816
|
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
</div>
|
|
845
|
-
</div>
|
|
846
|
-
</span>
|
|
847
|
-
{/if}
|
|
848
|
-
</div>
|
|
849
|
-
</div>
|
|
850
|
-
{#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
|
|
851
|
-
<div class="FiltersButtonsContainer">
|
|
852
|
-
{#if numberOfFilters}
|
|
853
|
-
<div class="ClearFilterButtonWrapper" on:click="{() => clearVendorFilter()}">
|
|
854
|
-
<div class="ClearButton">Clear
|
|
855
|
-
<span class="ClearIcon">
|
|
856
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
857
|
-
viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
|
|
858
|
-
<polygon style="fill:#FD2839;" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
|
|
859
|
-
28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
|
|
860
|
-
</svg>
|
|
861
|
-
</span>
|
|
817
|
+
{#if alternativesearch === 'false'}
|
|
818
|
+
<!-- main search layout -->
|
|
819
|
+
<div bind:this={searchWrapper} class="CategoriesHeaderSection {(getDevice(userAgent) !== 'PC') ? 'CategoriesHeaderMobileSection' : ''} {mobileSearchViewActive ? 'SearchMobileActive' : ''} {mobileSearchViewActive || (searched && !(getDevice(userAgent) === 'PC') && !closeSearch) ? "CategoriesHeaderSearchActive" : ''} {(adjustingScroll && mobileSearchViewActive) ? 'SearchStickTop' : ''}"
|
|
820
|
+
style="top: {adjustingScroll && mobileSearchViewActive ? scrollOffset + 'px' : ''}">
|
|
821
|
+
<div class="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ? 'SearchTruncated' : ''}">
|
|
822
|
+
<label for="search" class="SrOnly">Search casino games</label>
|
|
823
|
+
<div class="SearchWrapper">
|
|
824
|
+
{#if !mobileSearchViewActive}
|
|
825
|
+
<div class="SearchIcon">
|
|
826
|
+
<svg role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
|
|
827
|
+
<path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
|
|
828
|
+
</svg>
|
|
829
|
+
</div>
|
|
830
|
+
{/if}
|
|
831
|
+
<input id="SearchField" class="SearchInput" on:focus={onFocus} on:blur={onBlur} bind:this={searchElement} bind:value={searchValue} placeholder="{(getDevice(userAgent) === 'PC') ? $_('casinoPage.search') : $_('casinoPage.searchMobile')}" type="search" on:focus={searchActivated} />
|
|
832
|
+
{#if ((getDevice(userAgent) === 'PC') && searchValue.length) || (getDevice(userAgent) !== 'PC') }
|
|
833
|
+
<span class="{(getDevice(userAgent) === 'PC') ? 'ClearSearchButton' : 'ClearSearchButtonMobile'} " on:click="{() => clearSearchbar()}">
|
|
834
|
+
<div class="CloseIconContainer">
|
|
835
|
+
<div class="CloseIconWrapper">
|
|
836
|
+
<div class="CloseIcon"></div>
|
|
862
837
|
</div>
|
|
863
838
|
</div>
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
<div class="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
|
|
868
|
-
<div class="FilterButton">Filters</div>
|
|
869
|
-
<div class="FilterIconContainer">
|
|
870
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:#fff;}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
|
|
871
|
-
<div class="NumberOfFiltersContainer">
|
|
872
|
-
<span class="NumberOfFilters">{numberOfFilters}</span>
|
|
873
|
-
</div>
|
|
874
|
-
</div>
|
|
875
|
-
</div>
|
|
876
|
-
{/if}
|
|
877
|
-
{/if}
|
|
878
|
-
</div>
|
|
879
|
-
{/if}
|
|
839
|
+
</span>
|
|
840
|
+
{/if}
|
|
841
|
+
</div>
|
|
880
842
|
</div>
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
</
|
|
843
|
+
{#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
|
|
844
|
+
<div class="FiltersButtonsContainer">
|
|
845
|
+
{#if numberOfFilters}
|
|
846
|
+
<div class="ClearFilterButtonWrapper" on:click="{() => clearVendorFilter()}">
|
|
847
|
+
<div class="ClearButton">Clear
|
|
848
|
+
<span class="ClearIcon">
|
|
849
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
850
|
+
viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
|
|
851
|
+
<polygon style="fill:#FD2839;" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
|
|
852
|
+
28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
|
|
853
|
+
</svg>
|
|
854
|
+
</span>
|
|
893
855
|
</div>
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
856
|
+
</div>
|
|
857
|
+
{/if}
|
|
858
|
+
{#if !searched || !recentSearches}
|
|
859
|
+
{#if !mostPlayedScreen}
|
|
860
|
+
<div class="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
|
|
861
|
+
<div class="FilterButton">Filters</div>
|
|
862
|
+
<div class="FilterIconContainer">
|
|
863
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:#fff;}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
|
|
864
|
+
<div class="NumberOfFiltersContainer">
|
|
865
|
+
<span class="NumberOfFilters">{numberOfFilters}</span>
|
|
901
866
|
</div>
|
|
902
867
|
</div>
|
|
903
|
-
</
|
|
868
|
+
</div>
|
|
904
869
|
{/if}
|
|
905
|
-
|
|
870
|
+
{/if}
|
|
906
871
|
</div>
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
872
|
+
{/if}
|
|
873
|
+
</div>
|
|
874
|
+
{:else}
|
|
875
|
+
<!-- start alternative search layout-->
|
|
876
|
+
<div bind:this={searchWrapper} class="CategoriesHeaderSection CategoriesHeaderSectionAltDesign {(getDevice(userAgent) !== 'PC') ? 'CategoriesHeaderMobileSection' : ''} {mobileSearchViewActive ? 'SearchMobileActive' : ''} {mobileSearchViewActive || (searched && !(getDevice(userAgent) === 'PC') && !closeSearch) ? "CategoriesHeaderSearchActive" : ''}{(adjustingScroll && mobileSearchViewActive) ? 'SearchStickTop' : ''}"
|
|
877
|
+
style="top: {adjustingScroll && mobileSearchViewActive ? scrollOffset + 'px' : ''}">
|
|
878
|
+
<div class="SearchContainer { (!lobbyScreen && !favoritesScreen && !mostPlayedScreen && !lobbyViewAux) ? 'SearchTruncated' : ''}">
|
|
879
|
+
<label for="search" class="SrOnly">Search casino games</label>
|
|
880
|
+
<div class="SearchWrapper">
|
|
881
|
+
{#if !mobileSearchViewActive}
|
|
882
|
+
<div class="SearchIcon">
|
|
883
|
+
<svg role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" aria-hidden="true">
|
|
884
|
+
<path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
|
|
885
|
+
</svg>
|
|
886
|
+
</div>
|
|
887
|
+
{/if}
|
|
888
|
+
<input id="SearchField" class="SearchInput" on:focus={onFocus} on:blur={onBlur} bind:this={searchElement} bind:value={searchValue} placeholder="{(getDevice(userAgent) === 'PC') ? $_('casinoPage.search') : $_('casinoPage.searchMobile')}" type="search" on:focus={searchActivated} />
|
|
889
|
+
{#if ((getDevice(userAgent) === 'PC') && searchValue.length) || (getDevice(userAgent) !== 'PC') }
|
|
890
|
+
<span class="{(getDevice(userAgent) === 'PC') ? 'ClearSearchButton' : 'ClearSearchButtonMobile'} " on:click="{() => clearSearchbar()}">
|
|
891
|
+
<div class="CloseIconContainer">
|
|
892
|
+
<div class="CloseIconWrapper">
|
|
893
|
+
<div class="CloseIcon"></div>
|
|
919
894
|
</div>
|
|
920
895
|
</div>
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
896
|
+
</span>
|
|
897
|
+
{/if}
|
|
898
|
+
</div>
|
|
899
|
+
</div>
|
|
900
|
+
{#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
|
|
901
|
+
<div class="FiltersButtonsContainer">
|
|
902
|
+
{#if numberOfFilters}
|
|
903
|
+
<div class="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" on:click="{() => clearVendorFilter()}">
|
|
904
|
+
<div class="ClearButton">Clear
|
|
905
|
+
<span class="ClearIcon">
|
|
906
|
+
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
907
|
+
viewBox="0 0 378.303 378.303" style="enable-background:new 0 0 378.303 378.303;" xml:space="preserve">
|
|
908
|
+
<polygon style="fill:#FD2839;" points="378.303,28.285 350.018,0 189.151,160.867 28.285,0 0,28.285 160.867,189.151 0,350.018
|
|
909
|
+
28.285,378.302 189.151,217.436 350.018,378.302 378.303,350.018 217.436,189.151 "/>
|
|
910
|
+
</svg>
|
|
911
|
+
</span>
|
|
912
|
+
</div>
|
|
913
|
+
</div>
|
|
914
|
+
{/if}
|
|
915
|
+
{#if !searched || !recentSearches}
|
|
916
|
+
{#if !mostPlayedScreen && !numberOfFilters}
|
|
917
|
+
<div class="FilterButtonWrapper" on:click='{() => {openFiltersModal()}}'>
|
|
918
|
+
<div class="FilterButton">Filters</div>
|
|
919
|
+
<div class="FilterIconContainer">
|
|
920
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:#fff;}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
|
|
921
|
+
<div class="NumberOfFiltersContainer">
|
|
922
|
+
<span class="NumberOfFilters">{numberOfFilters}</span>
|
|
931
923
|
</div>
|
|
932
924
|
</div>
|
|
933
|
-
|
|
925
|
+
</div>
|
|
934
926
|
{/if}
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
927
|
+
{/if}
|
|
928
|
+
</div>
|
|
929
|
+
{/if}
|
|
930
|
+
</div>
|
|
931
|
+
<!-- end alternative search layout-->
|
|
932
|
+
{/if}
|
|
940
933
|
|
|
941
|
-
|
|
942
|
-
|
|
934
|
+
{#if isLoading}
|
|
935
|
+
<p class="SearchLoading">{$_('casinoPage.loading')}</p>
|
|
936
|
+
{:else}
|
|
937
|
+
{#if searched}
|
|
938
|
+
<casino-games-category-section
|
|
939
|
+
endpoint={endpoint}
|
|
940
|
+
datasource={datasource}
|
|
941
|
+
lang={lang}
|
|
942
|
+
session={session}
|
|
943
|
+
userid={userid}
|
|
944
|
+
use:sendSearchData={searchArray}
|
|
945
|
+
categoryid="Search"
|
|
946
|
+
favorites={favorites}
|
|
947
|
+
categoryindex="0"
|
|
948
|
+
{clientstyling}
|
|
949
|
+
{clientstylingurl}
|
|
950
|
+
/>
|
|
943
951
|
{:else}
|
|
944
|
-
{#if
|
|
952
|
+
{#if lobbyScreen}
|
|
953
|
+
{#each shownCategories as category, index}
|
|
954
|
+
<casino-games-category-section
|
|
955
|
+
session={session}
|
|
956
|
+
userid={userid}
|
|
957
|
+
endpoint={endpoint}
|
|
958
|
+
datasource={datasource}
|
|
959
|
+
lang={lang}
|
|
960
|
+
use:sendCategoryData={category}
|
|
961
|
+
categoryid={category}
|
|
962
|
+
categoryindex={index}
|
|
963
|
+
categorygames="9"
|
|
964
|
+
favorites={favorites}
|
|
965
|
+
class="CategoryContainer"
|
|
966
|
+
style="background-color: {(index % 2 !== 0) ? categorybackground : 'transparent'}"
|
|
967
|
+
{clientstyling}
|
|
968
|
+
{clientstylingurl}
|
|
969
|
+
/>
|
|
970
|
+
{/each}
|
|
971
|
+
{:else if favoritesScreen}
|
|
945
972
|
<casino-games-category-section
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
973
|
+
session={session}
|
|
974
|
+
userid={userid}
|
|
975
|
+
endpoint={endpoint}
|
|
976
|
+
datasource={datasource}
|
|
977
|
+
lang={lang}
|
|
978
|
+
favorites={favorites}
|
|
979
|
+
use:showFavoriteGames={`${endpoint}/player/${playerID}/favorites/`, sessionID, playerID}
|
|
980
|
+
categoryid={"FAVORITES"}
|
|
981
|
+
class="CategoryContainer"
|
|
982
|
+
{clientstyling}
|
|
983
|
+
{clientstylingurl}
|
|
984
|
+
/>
|
|
985
|
+
{:else if mostPlayedScreen}
|
|
986
|
+
{#if mostPlayedEmpty}
|
|
987
|
+
<p class="SearchLoading">You have no games played!</p>
|
|
988
|
+
{:else}
|
|
989
|
+
<casino-games-category-section
|
|
990
|
+
session={session}
|
|
991
|
+
userid={userid}
|
|
992
|
+
endpoint={endpoint}
|
|
993
|
+
datasource={datasource}
|
|
994
|
+
lang={lang}
|
|
995
|
+
favorites={favorites}
|
|
996
|
+
categoryid="MOSTPLAYED"
|
|
997
|
+
categoryindex="1"
|
|
998
|
+
categorygames="9"
|
|
999
|
+
class="CategoryContainer"
|
|
1000
|
+
{clientstyling}
|
|
1001
|
+
{clientstylingurl}
|
|
1002
|
+
/>
|
|
1003
|
+
{/if}
|
|
958
1004
|
{:else}
|
|
959
|
-
{#if
|
|
960
|
-
{#each shownCategories as category, index}
|
|
961
|
-
<casino-games-category-section
|
|
962
|
-
session={session}
|
|
963
|
-
userid={userid}
|
|
964
|
-
endpoint={endpoint}
|
|
965
|
-
datasource={datasource}
|
|
966
|
-
lang={lang}
|
|
967
|
-
use:sendCategoryData={category}
|
|
968
|
-
categoryid={category}
|
|
969
|
-
categoryindex={index}
|
|
970
|
-
categorygames="9"
|
|
971
|
-
favorites={favorites}
|
|
972
|
-
class="CategoryContainer"
|
|
973
|
-
style="background-color: {(index % 2 !== 0) ? categorybackground : 'transparent'}"
|
|
974
|
-
{clientstyling}
|
|
975
|
-
{clientstylingurl}
|
|
976
|
-
/>
|
|
977
|
-
{/each}
|
|
978
|
-
{:else if favoritesScreen}
|
|
1005
|
+
{#if !recentSearches}
|
|
979
1006
|
<casino-games-category-section
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
|
|
992
|
-
{:else if mostPlayedScreen}
|
|
993
|
-
{#if mostPlayedEmpty}
|
|
994
|
-
<p class="SearchLoading">You have no games played!</p>
|
|
995
|
-
{:else}
|
|
996
|
-
<casino-games-category-section
|
|
997
|
-
session={session}
|
|
998
|
-
userid={userid}
|
|
999
|
-
endpoint={endpoint}
|
|
1000
|
-
datasource={datasource}
|
|
1001
|
-
lang={lang}
|
|
1002
|
-
favorites={favorites}
|
|
1003
|
-
categoryid="MOSTPLAYED"
|
|
1004
|
-
categoryindex="1"
|
|
1005
|
-
categorygames="9"
|
|
1006
|
-
class="CategoryContainer"
|
|
1007
|
-
{clientstyling}
|
|
1008
|
-
{clientstylingurl}
|
|
1009
|
-
/>
|
|
1010
|
-
{/if}
|
|
1011
|
-
{:else}
|
|
1012
|
-
{#if !recentSearches}
|
|
1013
|
-
<casino-games-category-section
|
|
1014
|
-
userid={userid}
|
|
1015
|
-
endpoint={endpoint}
|
|
1016
|
-
datasource={datasource}
|
|
1017
|
-
favorites={favorites}
|
|
1018
|
-
lang={lang}
|
|
1019
|
-
session={session}
|
|
1020
|
-
categoryid={activeCategory}
|
|
1021
|
-
categorygames="9"
|
|
1022
|
-
class="CategoryContainer"
|
|
1023
|
-
{clientstyling}
|
|
1024
|
-
{clientstylingurl}
|
|
1025
|
-
/>
|
|
1026
|
-
{/if}
|
|
1007
|
+
userid={userid}
|
|
1008
|
+
endpoint={endpoint}
|
|
1009
|
+
datasource={datasource}
|
|
1010
|
+
favorites={favorites}
|
|
1011
|
+
lang={lang}
|
|
1012
|
+
session={session}
|
|
1013
|
+
categoryid={activeCategory}
|
|
1014
|
+
categorygames="9"
|
|
1015
|
+
class="CategoryContainer"
|
|
1016
|
+
{clientstyling}
|
|
1017
|
+
{clientstylingurl}
|
|
1018
|
+
/>
|
|
1027
1019
|
{/if}
|
|
1028
1020
|
{/if}
|
|
1029
1021
|
{/if}
|