From 5ed1ee1e6cb34e389929c0ffd459eda5451260a4 Mon Sep 17 00:00:00 2001
From: Suvodip <suvodip@l1>
Date: Mon, 17 Jun 2024 18:41:11 +0530
Subject: [PATCH] t1

---
 public/saveGameData.js                | 80 ++++++++++++++-------------
 src/pages/drag/dragdrop_phonics.astro | 57 +++++++++----------
 src/pages/drag/index.astro            | 57 +++++++++----------
 src/pages/drag/match_phonics.astro    | 57 +++++++++----------
 src/pages/drag/v2.astro               | 57 +++++++++----------
 src/pages/drag/v3.astro               | 57 +++++++++----------
 src/pages/drag/v4.astro               | 57 +++++++++----------
 src/pages/drawing/index.astro         |  7 ++-
 8 files changed, 219 insertions(+), 210 deletions(-)

diff --git a/public/saveGameData.js b/public/saveGameData.js
index 475aa0e..99d83a4 100644
--- a/public/saveGameData.js
+++ b/public/saveGameData.js
@@ -3,23 +3,8 @@ const urlParams = new URLSearchParams(queryString);
 const userId = urlParams.get('userid');
 const gameId = urlParams.get('id');
 
+let startTime = Date.now();
 
-// Get the current time
-let startTime = new Date();
-
-// Simulate some process with a delay
-setTimeout(() => {
-    // Get the current time again
-    let endTime = new Date();
-
-    // Calculate the difference in milliseconds
-    let timeDifference = endTime - startTime;
-
-    // Convert milliseconds to seconds
-    let timeDifferenceInSeconds = timeDifference / 1000;
-
-    console.log(`Time difference: ${timeDifferenceInSeconds} seconds`);
-}, 3000); // 3-second delay
 
 const url = window.location.href;
 const gameName = url.split('/');
@@ -27,35 +12,52 @@ const gameType = gameName[3].split('?id=');
 const gameVersion = gameType[0] + '-' + gameName[4];
 
 
+
+
 function submitUserData(drawingZone) {
+    const endTime = Date.now();
+    const timeDifference = endTime - startTime;
+    const timeDifferenceInSeconds = timeDifference / 1000;
+    // console.log(`Time difference: ${timeDifferenceInSeconds} seconds`);
+
     let imageCode;
-    // console.log(drawingZone);
+    let gameScore;
+    let scoreTotal=0;
+    if(scoreTotal){
+        gameScore = scoreTotal;
+    }else{
+        gameScore = 0;
+    }
+    // console.log('This is from main point', scoreTotal);
     drawingZone.renderer.snapshot((image) => {
-        submitButton.setVisible(true);
-        snapshotButton.setVisible(true);
-        customCursor.setVisible(true);
-        image.style.width = '160px';
-        image.style.height = '120px';
-        image.style.paddingLeft = '2px';
-        document.body.appendChild(image);
-        // Download the snapshot as an image
-        const link = document.createElement('a');
-        link.href = image.src;
-        link.download = 'my_drawing.png';
-        link.click();
-        document.body.removeChild(image);
-        imageCode = image.src;
+        if(gameType[0] == 'drawing'){
+            submitButton.setVisible(true);
+            snapshotButton.setVisible(true);
+            customCursor.setVisible(true);
+            image.style.width = '160px';
+            image.style.height = '120px';
+            image.style.paddingLeft = '2px';
+            document.body.appendChild(image);
+            // Download the snapshot as an image
+            const link = document.createElement('a');
+            link.href = image.src;
+            link.download = 'my_drawing.png';
+            link.click();
+            document.body.removeChild(image);
+            imageCode = image.src;
+        }
+        
         
 
         let userData = {
-        'gameName': gameVersion,
-        'gameID': gameId,
-        'screenShot': imageCode,
-        'userId' : userId,
-        'gameTime' : '10',
-        'score' : '100'
-        // 'starts': formattedDateTime,
-        // 'game_start' : gameStartTime,
+            'gameName': gameVersion,
+            'gameID': gameId,
+            'screenShot': imageCode,
+            'userId' : userId,
+            'gameTime' : timeDifferenceInSeconds,
+            'score' : scoreTotal
+            // 'starts': formattedDateTime,
+            // 'game_start' : gameStartTime,
         };
         console.log(userData);
 
diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro
index e8841fd..27e0e54 100644
--- a/src/pages/drag/dragdrop_phonics.astro
+++ b/src/pages/drag/dragdrop_phonics.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -382,33 +383,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const url = window.location.href;
+        // const gameName = url.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         // window.load
 
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
@@ -435,7 +436,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         })
 
         const blocks = [
diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro
index 2d5b227..339f28b 100644
--- a/src/pages/drag/index.astro
+++ b/src/pages/drag/index.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -353,33 +354,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const URL = window.location.href;
+        // const gameName = URL.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         // window.load
 
         const graphics = this.add.graphics();
@@ -449,7 +450,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         });
 
         const droppedBlocks = [];
diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro
index 7cc1cfa..1cef4bc 100644
--- a/src/pages/drag/match_phonics.astro
+++ b/src/pages/drag/match_phonics.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -337,33 +338,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const url = window.location.href;
+        // const gameName = url.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
         this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
@@ -406,7 +407,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         })
        
         const blocks = [
diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro
index 95f86f8..8089a48 100644
--- a/src/pages/drag/v2.astro
+++ b/src/pages/drag/v2.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -337,33 +338,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const url = window.location.href;
+        // const gameName = URL.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         this.add.image(displayW / topLogoWidth, 30, "topLogo").setScale();
         this.add.image(displayW / muteIconWidth, 30, "muteIcon").setScale();
         const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale();
@@ -406,7 +407,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         })
        
         const blocks = [
diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro
index 80f97aa..1f79091 100644
--- a/src/pages/drag/v3.astro
+++ b/src/pages/drag/v3.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -370,33 +371,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const URL = window.location.href;
+        // const gameName = URL.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         // window.load
 
         const graphics = this.add.graphics();
@@ -431,7 +432,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         })
 
         
diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro
index 373be0d..33ddb27 100644
--- a/src/pages/drag/v4.astro
+++ b/src/pages/drag/v4.astro
@@ -49,6 +49,7 @@ import Layout from '../../layouts/Layout.astro';
 		<script is:inline src="/assets/js/phaser_3.60.0.js"></script>
 	</main>
 </Layout>
+<script src="/saveGameData.js" is:inline></script>
 <script is:inline>
   const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
   const drawingZone = {
@@ -358,33 +359,33 @@ import Layout from '../../layouts/Layout.astro';
             console.error('Error fetching initial data:', error);
           });
         const displayW = window.innerWidth;
-        const URL = window.location.href;
-        const gameName = URL.split('/');
-        let userData = {
-          'user': 'drawing@beanstalkedu.com',
-                'game_name': gameName[3],
-                'starts': formattedDateTime,
-                // 'game_start' : gameStartTime,
-        };
-        function submitUserData() {
-          fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
-            method: 'POST',
-            headers: {
-              'Content-Type' : 'application/json'
-            },
-            body: JSON.stringify(userData)
-          })
-          .then(response => {
-            if(response.ok){
-              // console.log('Data Saved', response)
-            } else{
-              // console.log('Something Wrong', response)
-            }
-          })
-          .catch(error => {
-            console.error('An error occured', error)
-          }); 
-        };
+        // const URL = window.location.href;
+        // const gameName = URL.split('/');
+        // let userData = {
+        //   'user': 'drawing@beanstalkedu.com',
+        //         'game_name': gameName[3],
+        //         'starts': formattedDateTime,
+        //         // 'game_start' : gameStartTime,
+        // };
+        // function submitUserData() {
+        //   fetch(`https://2016.dev2-cs.siliconpin.com/save/`, {
+        //     method: 'POST',
+        //     headers: {
+        //       'Content-Type' : 'application/json'
+        //     },
+        //     body: JSON.stringify(userData)
+        //   })
+        //   .then(response => {
+        //     if(response.ok){
+        //       // console.log('Data Saved', response)
+        //     } else{
+        //       // console.log('Something Wrong', response)
+        //     }
+        //   })
+        //   .catch(error => {
+        //     console.error('An error occured', error)
+        //   }); 
+        // };
         // window.load
 
         const graphics = this.add.graphics();
@@ -419,7 +420,7 @@ import Layout from '../../layouts/Layout.astro';
           submitNotic.setVisible(true);
           // window.location.reload();
           // windowLoad();
-          submitUserData();
+          submitUserData(this);
         })
         // this.add.image(displayW / 2, displayH / 2, "bg").setScale(2.4);
 
diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro
index 860e00b..046f930 100644
--- a/src/pages/drawing/index.astro
+++ b/src/pages/drawing/index.astro
@@ -30,6 +30,7 @@ import Layout from '../../layouts/Layout.astro';
     let submitButton;
     let formattedDateTime;
     let shortUniqueID;
+    let scoreTotal = 0;
     if(isMobile){
         topLogoWidth = 5;
         muteIconWidth = 2;
@@ -512,9 +513,9 @@ import Layout from '../../layouts/Layout.astro';
         });
     }
 
-    const url = window.location.href;
-    const gameName = url.split('/');
-    const gameType = gameName[3].split('?id=');        
+    // const url = window.location.href;
+    // const gameName = url.split('/');
+    // const gameType = gameName[3].split('?id=');        
     // function submitUserData(drawingZone) {
     //     let imageCode;
     //     // console.log(drawingZone);