@everymatrix/casino-tournaments-controller 0.0.159 → 0.0.163
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/index.html
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</style>
|
|
19
19
|
|
|
20
20
|
<div class="webcomponent">
|
|
21
|
-
<casino-tournaments-controller session="3a621d62-1a5e-40fb-89d1-36f1cd0af643" userid="3657535" loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://casinouat.pamestoixima.gr/apijson/en/tournaments/906333318049055456" numberoftournaments="4" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished"></casino-tournaments-controller>
|
|
21
|
+
<casino-tournaments-controller session="3a621d62-1a5e-40fb-89d1-36f1cd0af643" userid="3657535" loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://casinouat.pamestoixima.gr/apijson/en/tournaments/906333318049055456" numberoftournaments="4" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished" containermaxwidth="1300"></casino-tournaments-controller>
|
|
22
22
|
<!--<casino-tournaments-controller loginevent="OpenRegisterLoginModal" showleaderboard="true" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1/tournaments" numberoftournaments="10" showmorestep="3" lang="en" filters="All,Scheduled,Ongoing,Finished"></casino-tournaments-controller>-->
|
|
23
23
|
</div>
|
|
24
24
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/casino-tournaments-controller",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.163",
|
|
4
4
|
"main": "dist/casino-tournaments-controller.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -29,11 +29,11 @@
|
|
|
29
29
|
"typescript": "^3.9.3"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@everymatrix/casino-tournaments-details": "^0.0.
|
|
33
|
-
"@everymatrix/casino-tournaments-filter-controller": "^0.0.
|
|
34
|
-
"@everymatrix/casino-tournaments-list-controller": "^0.0.
|
|
35
|
-
"@everymatrix/casino-tournaments-page-controller": "^0.0.
|
|
36
|
-
"@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.
|
|
32
|
+
"@everymatrix/casino-tournaments-details": "^0.0.163",
|
|
33
|
+
"@everymatrix/casino-tournaments-filter-controller": "^0.0.163",
|
|
34
|
+
"@everymatrix/casino-tournaments-list-controller": "^0.0.163",
|
|
35
|
+
"@everymatrix/casino-tournaments-page-controller": "^0.0.163",
|
|
36
|
+
"@everymatrix/casino-tournaments-thumbnail-controller": "^0.0.163",
|
|
37
37
|
"cross-env": "^7.0.3",
|
|
38
38
|
"sirv-cli": "^1.0.0",
|
|
39
39
|
"svelte": "^3.0.0"
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"publishConfig": {
|
|
42
42
|
"access": "public"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "0987227fd54b268a6dedfb7687bc94ba10d87ea7"
|
|
45
45
|
}
|
|
@@ -10,48 +10,50 @@
|
|
|
10
10
|
import '@everymatrix/casino-tournaments-list-controller';
|
|
11
11
|
|
|
12
12
|
// endpoint for NorWAy
|
|
13
|
-
export let session:
|
|
14
|
-
export let userid:
|
|
15
|
-
export let endpoint:
|
|
16
|
-
export let lang:
|
|
13
|
+
export let session:string = '';
|
|
14
|
+
export let userid:string = '';
|
|
15
|
+
export let endpoint:string = '';
|
|
16
|
+
export let lang:string = 'en';
|
|
17
17
|
// number of default tournaments shown
|
|
18
|
-
export let numberoftournaments:
|
|
18
|
+
export let numberoftournaments:string = '6';
|
|
19
19
|
// number of added elements to the list when showmore is clicked
|
|
20
|
-
export let showmorestep:
|
|
21
|
-
export let cmsendpoint:
|
|
22
|
-
export let filters:
|
|
23
|
-
export let loginevent:
|
|
24
|
-
export let registerevent:
|
|
25
|
-
export let loginurl:
|
|
26
|
-
export let registerurl:
|
|
27
|
-
export let currency:
|
|
28
|
-
|
|
29
|
-
|
|
20
|
+
export let showmorestep:string = '2';
|
|
21
|
+
export let cmsendpoint:string = '';
|
|
22
|
+
export let filters:string = 'All';
|
|
23
|
+
export let loginevent:string = '';
|
|
24
|
+
export let registerevent:string = '';
|
|
25
|
+
export let loginurl:string = '';
|
|
26
|
+
export let registerurl:string = '';
|
|
27
|
+
export let currency:string = 'EUR';
|
|
28
|
+
export let containermaxwidth:string = '';
|
|
29
|
+
|
|
30
|
+
const sortByStatus:string = '""|type1';
|
|
30
31
|
// Variables of topics for communication
|
|
31
|
-
let hasErrors:
|
|
32
|
-
let error:
|
|
33
|
-
let isLoggedIn:
|
|
34
|
-
let sessionID:
|
|
35
|
-
let playerID:
|
|
36
|
-
let userAgent:
|
|
37
|
-
let isLoading:
|
|
38
|
-
let filtersLoaded:
|
|
32
|
+
let hasErrors:boolean = false;
|
|
33
|
+
let error:string = '';
|
|
34
|
+
let isLoggedIn:boolean = false;
|
|
35
|
+
let sessionID:string = '';
|
|
36
|
+
let playerID:string = '';
|
|
37
|
+
let userAgent:string = window.navigator.userAgent;
|
|
38
|
+
let isLoading:boolean = true;
|
|
39
|
+
let filtersLoaded:boolean = false;
|
|
39
40
|
|
|
40
41
|
let filtersArray = 'All,Scheduled,Ongoing,Finished';
|
|
41
|
-
let tournamentsNumber:
|
|
42
|
+
let tournamentsNumber:number = 0;
|
|
42
43
|
|
|
43
44
|
// Default state
|
|
44
|
-
let tournamentsShownNumber:
|
|
45
|
-
let allTournamentsShown:
|
|
46
|
-
let activeFilters:Array<
|
|
45
|
+
let tournamentsShownNumber:number = 6;
|
|
46
|
+
let allTournamentsShown:boolean = true;
|
|
47
|
+
let activeFilters:Array<string> = [];
|
|
47
48
|
|
|
48
49
|
let lastMonthDate:any = new Date();
|
|
50
|
+
|
|
49
51
|
lastMonthDate.setMonth(lastMonthDate.getMonth() - 1);
|
|
50
52
|
lastMonthDate = lastMonthDate.toISOString().substring(0, 10);
|
|
51
53
|
|
|
52
54
|
setupI18n({ withLocale: 'en', translations: {}});
|
|
53
55
|
|
|
54
|
-
Object.keys(TournamentsControllerTranslations).forEach((item) => {
|
|
56
|
+
Object.keys(TournamentsControllerTranslations).forEach((item:any) => {
|
|
55
57
|
addNewMessages(item, TournamentsControllerTranslations[item]);
|
|
56
58
|
});
|
|
57
59
|
|
|
@@ -71,7 +73,7 @@
|
|
|
71
73
|
}
|
|
72
74
|
}
|
|
73
75
|
|
|
74
|
-
const matchStatus = (status:
|
|
76
|
+
const matchStatus = (status:string) => {
|
|
75
77
|
if (status == 'Scheduled') {
|
|
76
78
|
return 'Unstarted';
|
|
77
79
|
}
|
|
@@ -83,12 +85,12 @@
|
|
|
83
85
|
return 'Closing|Closed';
|
|
84
86
|
}
|
|
85
87
|
|
|
86
|
-
const getData = (url:
|
|
88
|
+
const getData = (url:string, offset:number, limit:number) => {
|
|
87
89
|
isLoading = true;
|
|
88
90
|
tournamentsNumber = 0;
|
|
89
91
|
|
|
90
|
-
let tournamentsUrl:
|
|
91
|
-
let reqHeaders = new Headers();
|
|
92
|
+
let tournamentsUrl:URL = new URL(`${url}/tournaments`);
|
|
93
|
+
let reqHeaders:Headers = new Headers();
|
|
92
94
|
|
|
93
95
|
tournamentsUrl.searchParams.append('pagination', `offset=${offset},limit=${limit}`);
|
|
94
96
|
tournamentsUrl.searchParams.append('sortField', 'StartTime');
|
|
@@ -96,14 +98,13 @@
|
|
|
96
98
|
tournamentsUrl.searchParams.append('language', lang);
|
|
97
99
|
|
|
98
100
|
if (activeFilters.length > 0 && activeFilters[0] != 'All') {
|
|
99
|
-
let state = activeFilters.map((item) => matchStatus(item)).join("|");
|
|
101
|
+
let state = activeFilters.map((item:any) => matchStatus(item)).join("|");
|
|
100
102
|
|
|
101
103
|
tournamentsUrl.searchParams.append('filter', `state=${state},StartTimeAfter=${lastMonthDate}`);
|
|
102
104
|
} else {
|
|
103
105
|
tournamentsUrl.searchParams.append('filter', `StartTimeAfter=${lastMonthDate}`);
|
|
104
106
|
}
|
|
105
107
|
|
|
106
|
-
|
|
107
108
|
reqHeaders.append('platform', getDevice(userAgent));
|
|
108
109
|
reqHeaders.append('sortType', sortByStatus);
|
|
109
110
|
|
|
@@ -217,44 +218,46 @@
|
|
|
217
218
|
<p>{$_('tournamentsController.500')}</p>
|
|
218
219
|
<p>{error}</p>
|
|
219
220
|
{:else}
|
|
220
|
-
<div class="
|
|
221
|
-
<div class="
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
{#if
|
|
232
|
-
|
|
221
|
+
<div class="TournamentsWrapper">
|
|
222
|
+
<div class="Tournaments" style="max-width: {containermaxwidth}px;">
|
|
223
|
+
<div class="FirstRow">
|
|
224
|
+
{#if filtersLoaded}
|
|
225
|
+
<casino-tournaments-filter-controller
|
|
226
|
+
filters={filtersArray}
|
|
227
|
+
activefilters={filters}
|
|
228
|
+
></casino-tournaments-filter-controller>
|
|
229
|
+
{/if}
|
|
230
|
+
</div>
|
|
231
|
+
<div class="SecondRow">
|
|
232
|
+
{#if tournamentsNumber == 0}
|
|
233
|
+
{#if isLoading}
|
|
234
|
+
<p>Loading, please wait ...</p>
|
|
235
|
+
{:else}
|
|
236
|
+
<p>No tournaments found</p>
|
|
237
|
+
{/if}
|
|
233
238
|
{:else}
|
|
234
|
-
<
|
|
239
|
+
<casino-tournaments-list-controller
|
|
240
|
+
session={session}
|
|
241
|
+
userid={userid}
|
|
242
|
+
numberoftournaments={numberoftournaments}
|
|
243
|
+
endpoint={endpoint}
|
|
244
|
+
loginurl={loginurl}
|
|
245
|
+
loginevent={loginevent}
|
|
246
|
+
registerurl={registerurl}
|
|
247
|
+
registerevent={registerevent}
|
|
248
|
+
{lang}
|
|
249
|
+
{currency}
|
|
250
|
+
></casino-tournaments-list-controller>
|
|
235
251
|
{/if}
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
loginevent={loginevent}
|
|
244
|
-
registerurl={registerurl}
|
|
245
|
-
registerevent={registerevent}
|
|
246
|
-
{lang}
|
|
247
|
-
{currency}
|
|
248
|
-
></casino-tournaments-list-controller>
|
|
252
|
+
</div>
|
|
253
|
+
{#if !allTournamentsShown}
|
|
254
|
+
<div class="ThirdRow">
|
|
255
|
+
<div class="CenterButton">
|
|
256
|
+
<button class="ShowMoreButton" on:click="{() => showMoreAction()}" title="Show More">{$_('tournamentsController.showMore')}</button>
|
|
257
|
+
</div>
|
|
258
|
+
</div>
|
|
249
259
|
{/if}
|
|
250
260
|
</div>
|
|
251
|
-
{#if !allTournamentsShown}
|
|
252
|
-
<div class="ThirdRow">
|
|
253
|
-
<div class="CenterButton">
|
|
254
|
-
<button class="ShowMoreButton" on:click="{() => showMoreAction()}" title="Show More">{$_('tournamentsController.showMore')}</button>
|
|
255
|
-
</div>
|
|
256
|
-
</div>
|
|
257
|
-
{/if}
|
|
258
261
|
</div>
|
|
259
262
|
{/if}
|
|
260
263
|
|
|
@@ -301,12 +304,17 @@
|
|
|
301
304
|
opacity: 0.7;
|
|
302
305
|
}
|
|
303
306
|
|
|
304
|
-
.
|
|
307
|
+
.TournamentsWrapper {
|
|
305
308
|
background: $primary-background-color;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.Tournaments {
|
|
306
312
|
color: $primary-font-color;
|
|
307
313
|
display: flex;
|
|
308
314
|
flex-direction: column;
|
|
309
315
|
position: relative;
|
|
316
|
+
margin: 0 auto;
|
|
317
|
+
padding: 0 10px;
|
|
310
318
|
|
|
311
319
|
.FirstRow {
|
|
312
320
|
width: 100%;
|