Confetti

- Confetti - Speed up saves
costs-to-expect · Jul 24, 2022 · 94e60ba · 94e60ba
1 parent d0ffcbe
commit 94e60ba
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 8 deletions.
diff --git a/public/js/public-score-sheet.js b/public/js/public-score-sheet.js
@@ -1,10 +1,10 @@
-(function (axios, bootstrap) {
+(function (axios, bootstrap, confetti) {
     'use strict'
 
     let token = document.getElementById('token');
 
     let timeout = null;
-    let delay = 1500;
+    let delay = 1000;
     let factors = { "ones": 1, "twos": 2, "threes": 3, "fours": 4, "fives": 5, "sixes": 6 }
 
     let score_upper = document.getElementById('upper-score');
@@ -233,7 +233,18 @@
     let display_toast = function (show_toast) {
         if (show_toast !== 'none') {
             const toast = new bootstrap.Toast(document.getElementById('toast_' + show_toast))
-            toast.show()
+            toast.show();
+
+            if (show_toast === 'yahtzee') {
+                confetti({
+                    particleCount: 100,
+                })
+            }
+            if (show_toast.startsWith('yahtzee_bonus')) {
+                confetti({
+                    particleCount: 500,
+                })
+            }
         }
     }
 
@@ -356,4 +367,4 @@
                 });
         }, delay);
     }
-})(axios, bootstrap);
+})(axios, bootstrap, confetti);
diff --git a/public/js/score-sheet.js b/public/js/score-sheet.js
@@ -1,11 +1,11 @@
-(function (axios, bootstrap) {
+(function (axios, bootstrap, confetti) {
     'use strict'
 
     let game_id = document.getElementById('game_id');
     let player_id = document.getElementById('player_id');
 
     let timeout = null;
-    let delay = 1500;
+    let delay = 1000;
     let factors = { "ones": 1, "twos": 2, "threes": 3, "fours": 4, "fives": 5, "sixes": 6 }
 
     let score_upper = document.getElementById('upper-score');
@@ -238,7 +238,18 @@
     let display_toast = function (show_toast) {
         if (show_toast !== 'none') {
             const toast = new bootstrap.Toast(document.getElementById('toast_' + show_toast))
-            toast.show()
+            toast.show();
+
+            if (show_toast === 'yahtzee') {
+                confetti({
+                    particleCount: 100,
+                })
+            }
+            if (show_toast.startsWith('yahtzee_bonus')) {
+                confetti({
+                    particleCount: 500,
+                })
+            }
         }
     }
 
@@ -369,4 +380,4 @@
             });
         }, delay);
     }
-})(axios, bootstrap);
+})(axios, bootstrap, confetti);
diff --git a/resources/views/public-score-sheet.blade.php b/resources/views/public-score-sheet.blade.php
@@ -535,6 +535,7 @@
         <x-toast />
         <script src="{{ asset('node_modules/axios/dist/axios.min.js') }}" defer></script>
         <script src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.js') }}" defer></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js" defer></script>
         <script src="{{ asset('js/public-score-sheet.js?v0.7.0') }}" defer></script>
         <script src="{{ asset('js/public-player-scores.js?v0.7.0') }}" defer></script>
     </body>

diff --git a/resources/views/score-sheet.blade.php b/resources/views/score-sheet.blade.php
@@ -546,6 +546,7 @@
         <x-toast />
         <script src="{{ asset('node_modules/axios/dist/axios.min.js') }}" defer></script>
         <script src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.js') }}" defer></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/confetti.browser.min.js" defer></script>
         <script src="{{ asset('js/score-sheet.js?v0.7.0') }}" defer></script>
         <script src="{{ asset('js/player-scores.js?v0.7.0') }}" defer></script>
         @endif