@everymatrix/casino-game-page 0.0.277 → 0.0.280
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.280",
|
|
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": "1a620ac617e7ff4b6f5fe26863d6e3cb7cf4d03c"
|
|
40
40
|
}
|
|
@@ -48,6 +48,9 @@
|
|
|
48
48
|
let playerID:string;
|
|
49
49
|
let sessionID:string;
|
|
50
50
|
|
|
51
|
+
let panicLoading = false;
|
|
52
|
+
let panicButtonTimeout;
|
|
53
|
+
|
|
51
54
|
let game:any;
|
|
52
55
|
let detailsObtained:boolean = false;
|
|
53
56
|
let funMode:boolean = false;
|
|
@@ -370,8 +373,14 @@
|
|
|
370
373
|
}
|
|
371
374
|
}
|
|
372
375
|
|
|
373
|
-
const
|
|
374
|
-
|
|
376
|
+
const PanicAction = () => {
|
|
377
|
+
panicLoading = true;
|
|
378
|
+
|
|
379
|
+
panicButtonTimeout = setTimeout(() => {
|
|
380
|
+
panicLoading = false;
|
|
381
|
+
window.postMessage({ type: 'PanicButtonClicked' }, window.location.href);
|
|
382
|
+
}, 3000);
|
|
383
|
+
clearTimeout(panicButtonTimeout);
|
|
375
384
|
}
|
|
376
385
|
|
|
377
386
|
const refreshTime = ():void => {
|
|
@@ -499,7 +508,7 @@
|
|
|
499
508
|
<svg class="w-1 h-1" part="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
|
500
509
|
<p>{$_('gamePage.break')}</p>
|
|
501
510
|
</div>
|
|
502
|
-
<button class="Button" part="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
511
|
+
<button class="Button" class:PanicButtonAnimation={panicLoading} part="Button" on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
|
|
503
512
|
</div>
|
|
504
513
|
{/if}
|
|
505
514
|
<p>{time}</p>
|
|
@@ -771,4 +780,10 @@
|
|
|
771
780
|
cursor: pointer;
|
|
772
781
|
}
|
|
773
782
|
}
|
|
783
|
+
|
|
784
|
+
.PanicButtonAnimation {
|
|
785
|
+
transition: all 3000ms ease-in;
|
|
786
|
+
background-color: var(--emfe-w-color-gray-300, #58586B);
|
|
787
|
+
border: 1px solid var(--emfe-w-color-white, #FFFFFF);
|
|
788
|
+
}
|
|
774
789
|
</style>
|