diff --git a/public/saveGameData.js b/public/saveGameData.js index 849ce7b..7249ffa 100644 --- a/public/saveGameData.js +++ b/public/saveGameData.js @@ -2,6 +2,8 @@ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const userId = urlParams.get('userId'); let gameId; +let submitNotic; + console.log(userId); let startTime = Date.now(); @@ -50,10 +52,10 @@ function submitUserData(drawingZone) { 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(); + // const link = document.createElement('a'); + // link.href = image.src; + // link.download = 'my_drawing.png'; + // link.click(); document.body.removeChild(image); imageCode = image.src; }else if( gameType[0] == "guided-tracing"){ @@ -65,10 +67,10 @@ function submitUserData(drawingZone) { 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 = `guided-tracing-${gameId}.png`; - link.click(); + // const link = document.createElement('a'); + // link.href = image.src; + // link.download = `guided-tracing-${gameId}.png`; + // link.click(); document.body.removeChild(image); imageCode = image.src; } @@ -85,7 +87,7 @@ function submitUserData(drawingZone) { // 'starts': formattedDateTime, // 'game_start' : gameStartTime, }; - // console.log(userData); + console.log(userData); fetch(`https://phaser-game-api.s38.siliconpin.com/save-data`, { method: 'POST', @@ -96,9 +98,12 @@ function submitUserData(drawingZone) { }) .then(response => { if(response.ok){ - // console.log('Data Saved', response) + console.log('Data Saved', response.status) + if(response.status == 200){ + submitNotic.setVisible(true); + } } else{ - // console.log('Something Wrong', response) + // console.log('Something Wrong', response) } }) .catch(error => { diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro index b8681f2..3fcfd84 100644 --- a/src/pages/cross/cross_phonics_v1.astro +++ b/src/pages/cross/cross_phonics_v1.astro @@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -180,7 +180,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro index 584741e..96cb391 100644 --- a/src/pages/cross/cross_phonics_v2.astro +++ b/src/pages/cross/cross_phonics_v2.astro @@ -24,69 +24,69 @@ import Layout from "../../layouts/Layout.astro";

--> -

+

-

+

@@ -213,7 +213,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro index b315a1b..16fe598 100644 --- a/src/pages/cross/v1.astro +++ b/src/pages/cross/v1.astro @@ -68,7 +68,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -179,7 +179,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro index 4fc8a39..49c1cf2 100644 --- a/src/pages/cross/v2.astro +++ b/src/pages/cross/v2.astro @@ -24,9 +24,9 @@ import Layout from "../../layouts/Layout.astro";

--> -

+

-
+
-

+

@@ -214,7 +214,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/cross/v3.astro b/src/pages/cross/v3.astro index cee3a6f..d05f5c3 100644 --- a/src/pages/cross/v3.astro +++ b/src/pages/cross/v3.astro @@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -165,7 +165,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro index be61ef9..41fed80 100644 --- a/src/pages/drag/dragdrop_phonics.astro +++ b/src/pages/drag/dragdrop_phonics.astro @@ -430,11 +430,7 @@ import Layout from '../../layouts/Layout.astro'; submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale(); - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -445,7 +441,6 @@ import Layout from '../../layouts/Layout.astro'; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); // submitButton.setVisible(false); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro index 4536e0f..0bfc60c 100644 --- a/src/pages/drag/index.astro +++ b/src/pages/drag/index.astro @@ -403,11 +403,8 @@ import Layout from '../../layouts/Layout.astro'; graphics.moveTo(x, y); graphics.lineTo(x + lineWidth, y); graphics.strokePath(); - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -458,7 +455,6 @@ import Layout from '../../layouts/Layout.astro'; // submitButton.setVisible(false); submitButton.setInteractive().on('pointerdown', () => { // submitButton.setVisible(false); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); @@ -567,23 +563,23 @@ import Layout from '../../layouts/Layout.astro'; resultView.setVisible(true); } }; - const footerBorder = this.add.graphics(); - const footerX = 0; const footerY = window.innerHeight / 1.07; - const footerLineWidth = window.innerWidth; - footerBorder.lineStyle(1, 0x0348A8); - footerBorder.setAlpha(0.2); - footerBorder.beginPath(); - footerBorder.moveTo(footerX, footerY); - footerBorder.lineTo(footerX + footerLineWidth, footerY); - footerBorder.strokePath(); - let textSize; - if(isMobile){ - textSize = 10; - }else{ - textSize = 20; - } - this.add.text(displayW / 20, window.innerHeight / 1.05, 'All rights reserved. Copyright@akademy.interakto2024', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); - this.add.text(displayW / 1.36, window.innerHeight / 1.05, 'Privacy • Terms of use', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); + // const footerBorder = this.add.graphics(); + // const footerX = 0; const footerY = window.innerHeight / 1.07; + // const footerLineWidth = window.innerWidth; + // footerBorder.lineStyle(1, 0x0348A8); + // footerBorder.setAlpha(0.2); + // footerBorder.beginPath(); + // footerBorder.moveTo(footerX, footerY); + // footerBorder.lineTo(footerX + footerLineWidth, footerY); + // footerBorder.strokePath(); + // let textSize; + // if(isMobile){ + // textSize = 10; + // }else{ + // textSize = 20; + // } + // this.add.text(displayW / 20, window.innerHeight / 1.05, 'All rights reserved. Copyright@akademy.interakto2024', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); + // this.add.text(displayW / 1.36, window.innerHeight / 1.05, 'Privacy • Terms of use', {font: ` ${textSize}px Quicksand`, fill: '#002C6970',}); } } // let hideButton = this.add.text(helpButtonWidth, helpButtonHeight, "Let`s Do", { diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro index ccb429c..ad1302e 100644 --- a/src/pages/drag/match_phonics.astro +++ b/src/pages/drag/match_phonics.astro @@ -409,11 +409,8 @@ import Layout from '../../layouts/Layout.astro'; graphics.moveTo(x, y); graphics.lineTo(x + lineWidth, y); graphics.strokePath(); - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -424,7 +421,6 @@ import Layout from '../../layouts/Layout.astro'; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); // submitButton.setVisible(false); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro index 3f6d196..aca8f08 100644 --- a/src/pages/drag/v2.astro +++ b/src/pages/drag/v2.astro @@ -409,11 +409,7 @@ import Layout from '../../layouts/Layout.astro'; graphics.moveTo(x, y); graphics.lineTo(x + lineWidth, y); graphics.strokePath(); - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -424,7 +420,6 @@ import Layout from '../../layouts/Layout.astro'; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); // submitButton.setVisible(false); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro index 4d21789..f6697e2 100644 --- a/src/pages/drag/v3.astro +++ b/src/pages/drag/v3.astro @@ -439,11 +439,7 @@ import Layout from '../../layouts/Layout.astro'; submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale(); - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -452,7 +448,6 @@ import Layout from '../../layouts/Layout.astro'; // }).setDepth(1); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro index bba10ed..ceeca04 100644 --- a/src/pages/drag/v4.astro +++ b/src/pages/drag/v4.astro @@ -424,12 +424,6 @@ import Layout from '../../layouts/Layout.astro'; const retryButton = this.add.image(displayW / resetIconWidth, 30, "resetIcon").setScale(); submitButton = this.add.image(displayW / tickIconWidth, 30, "tickIcon").setScale(); this.add.image(displayW / cancelIconWidth, 30, "cancelIcon").setScale(); - - const submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); // submitButton = this.add.text(window.innerWidth / 2 - buttonWidth, window.innerHeight / 2 - buttonHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -438,7 +432,6 @@ import Layout from '../../layouts/Layout.astro'; // }).setDepth(1); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); - submitNotic.setVisible(true); // window.location.reload(); // windowLoad(); submitUserData(this); diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro index f039eb2..609b155 100644 --- a/src/pages/drawing/drawing_phonics.astro +++ b/src/pages/drawing/drawing_phonics.astro @@ -184,11 +184,7 @@ import Layout from '../../layouts/Layout.astro'; retryButton.setInteractive().on('pointerdown', () => { window.location.reload(); }); - const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -197,8 +193,6 @@ import Layout from '../../layouts/Layout.astro'; // }); submitButton.setVisible(true); submitButton.setInteractive().on('pointerdown', () => { - submitNotic.setVisible(true); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }); @@ -280,7 +274,7 @@ import Layout from '../../layouts/Layout.astro'; colorContainer.appendChild(colorPicker); // const colors = data.colors; // var colors = colorList; - var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; + var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; const buttonSize = 60; @@ -584,9 +578,9 @@ import Layout from '../../layouts/Layout.astro'; slider.min = '2'; slider.max = '80'; slider.value = brushSize.toString(); - slider.style.transform = 'rotate(-90deg)'; - slider.style.marginTop = '80px'; - slider.style.marginLeft = '-40px'; + slider.style.transform = 'rotate(0deg)'; + slider.style.marginTop = '20px'; + slider.style.marginLeft = '0px'; if(isMobile){ } diff --git a/src/pages/drawing/drawing_writo.astro b/src/pages/drawing/drawing_writo.astro index ddae878..f73f75d 100644 --- a/src/pages/drawing/drawing_writo.astro +++ b/src/pages/drawing/drawing_writo.astro @@ -184,11 +184,8 @@ import Layout from '../../layouts/Layout.astro'; retryButton.setInteractive().on('pointerdown', () => { window.location.reload(); }); - const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -197,8 +194,6 @@ import Layout from '../../layouts/Layout.astro'; // }); submitButton.setVisible(true); submitButton.setInteractive().on('pointerdown', () => { - submitNotic.setVisible(true); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }); @@ -288,7 +283,7 @@ import Layout from '../../layouts/Layout.astro'; colorContainer.appendChild(colorPicker); // const colors = data.colors; // var colors = colorList; - var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; + var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; const buttonSize = 60; @@ -592,9 +587,9 @@ import Layout from '../../layouts/Layout.astro'; slider.min = '2'; slider.max = '80'; slider.value = brushSize.toString(); - slider.style.transform = 'rotate(-90deg)'; - slider.style.marginTop = '80px'; - slider.style.marginLeft = '-40px'; + slider.style.transform = 'rotate(0deg)'; + slider.style.marginTop = '20px'; + slider.style.marginLeft = '0px'; if(isMobile){ } diff --git a/src/pages/drawing/index.astro b/src/pages/drawing/index.astro index 71c58b6..6392202 100644 --- a/src/pages/drawing/index.astro +++ b/src/pages/drawing/index.astro @@ -33,6 +33,8 @@ import Layout from '../../layouts/Layout.astro'; let scoreTotal = 0; let noticeWidth; let noticeHeight; + let muteIcon; + let retryButton; if(isMobile){ topLogoWidth = 4.5; muteIconWidth = 1.8; @@ -119,6 +121,7 @@ import Layout from '../../layouts/Layout.astro'; }; const game = new Phaser.Game(config); }) + .catch(error => { console.error('Error fetching initial data:', error); }); @@ -178,19 +181,15 @@ import Layout from '../../layouts/Layout.astro'; borderBottom.strokePath(); this.add.image(customWidth / topLogoWidth, 30, "topLogo"); - this.add.image(customWidth / muteIconWidth, 30, "muteIcon"); - const retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon"); + muteIcon = this.add.image(customWidth / muteIconWidth, 30, "muteIcon"); + retryButton = this.add.image(customWidth / resetIconWidth, 30, "resetIcon"); submitButton = this.add.image(customWidth / tickIconWidth, 30, "tickIcon"); retryButton.setInteractive().on('pointerdown', () => { window.location.reload(); }); - const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -199,8 +198,6 @@ import Layout from '../../layouts/Layout.astro'; // }); submitButton.setVisible(true); submitButton.setInteractive().on('pointerdown', () => { - submitNotic.setVisible(true); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }); @@ -213,9 +210,9 @@ import Layout from '../../layouts/Layout.astro'; // this.add.text(customWidth / 30, 0, "Drawing", textStyle); // this.add.image(customWidth / 2 * 1.6 - 0.5, 25, 'topLogo'); } - const outlineImage = this.add.image(customWidth / 2, customHeight / 3, 'outline'); + const outlineImage = this.add.image(customWidth / 2, customHeight / 2.2, 'outline'); if(isMobile){ - outlineImage.setDepth(1).setScale(0.33); + outlineImage.setDepth(1).setScale(0.30); }else if(isTab){ outlineImage.setDepth(1).setScale(0.40); } else{ @@ -279,7 +276,7 @@ import Layout from '../../layouts/Layout.astro'; colorContainer.appendChild(colorPicker); // const colors = data.colors; // var colors = colorList; - var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; + var colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; // var colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#FFFFFF', '#000000', '#C0C0C0', '#FFD700']; // const colors = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff']; const buttonSize = 60; @@ -583,9 +580,9 @@ import Layout from '../../layouts/Layout.astro'; slider.min = '2'; slider.max = '80'; slider.value = brushSize.toString(); - slider.style.transform = 'rotate(-90deg)'; - slider.style.marginTop = '80px'; - slider.style.marginLeft = '-40px'; + slider.style.transform = 'rotate(0deg)'; + slider.style.marginTop = '20px'; + slider.style.marginLeft = '0px'; if(isMobile){ } @@ -660,10 +657,17 @@ import Layout from '../../layouts/Layout.astro'; submitButton.setVisible(false); snapshotButton.setVisible(false); customCursor.setVisible(false); + muteIcon.setVisible(false); + retryButton.setVisible(false); + + drawingZone.renderer.snapshot((image) => { submitButton.setVisible(true); snapshotButton.setVisible(true); customCursor.setVisible(true); + muteIcon.setVisible(true); + retryButton.setVisible(true); + image.style.width = '160px'; image.style.height = '120px'; image.style.paddingLeft = '2px'; diff --git a/src/pages/drawing/v2.astro b/src/pages/drawing/v2.astro index 63ef898..73dba88 100644 --- a/src/pages/drawing/v2.astro +++ b/src/pages/drawing/v2.astro @@ -236,11 +236,7 @@ import Layout from '../../layouts/Layout.astro'; retryButton.setInteractive().on('pointerdown', ()=>{ window.location.reload(); }) - const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: 'blue' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -249,7 +245,6 @@ import Layout from '../../layouts/Layout.astro'; // }); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); - submitNotic.setVisible(true); // windowLoad(); // submitUserData(); submitUserData(this); @@ -590,9 +585,9 @@ import Layout from '../../layouts/Layout.astro'; slider.max = '80'; slider.value = brushSize.toString(); slider.className = 'slider'; - slider.style.transform = 'rotate(-90deg)'; - slider.style.marginTop = '80px'; - slider.style.marginLeft = '-40px'; + slider.style.transform = 'rotate(0deg)'; + slider.style.marginTop = '30px'; + slider.style.marginLeft = '0px'; // slider.style.width = `${window.innerWidth / 2}px`; slider.addEventListener('input', (event) => { brushSize = parseInt(event.target.value); diff --git a/src/pages/drawing/v3.astro b/src/pages/drawing/v3.astro index 75600aa..79844fb 100644 --- a/src/pages/drawing/v3.astro +++ b/src/pages/drawing/v3.astro @@ -214,8 +214,7 @@ import Layout from '../../layouts/Layout.astro'; retryButton.setInteractive().on('pointerdown', () => { window.location.reload(); }) - const submitNotic = this.add.text(window.innerWidth * 0.5 - noticeWidth, window.innerHeight * 0.85 - noticeHeight, 'Submitted Successfully', {font: '600 20px Quicksand', fill: 'blue'}).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - noticeWidth, window.innerHeight / 2 - noticeHeight, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); // submitButton = this.add.text(window.innerWidth - submitWidth, window.innerHeight - submitHeight, "Submit", { // font: '600 30px Quicksand', // fill: '#fff', @@ -226,7 +225,6 @@ import Layout from '../../layouts/Layout.astro'; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); // submitButton.setVisible(false); - submitNotic.setVisible(true); // windowLoad(); submitUserData(this); }) @@ -306,7 +304,7 @@ import Layout from '../../layouts/Layout.astro'; colorContainer.appendChild(colorPicker); // const colors = data.colors; // var colors = colorList; - let colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; + let colors = isMobile ? ['#0000FF', '#008000', '#A52A2A', '#800080', '#FFD700'] : ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#A52A2A', '#800080', '#FFC0CB']; // const colors = ['#FF0000', '#FFFF00', '#0000FF', '#008000', '#FFA500', '#A52A2A', '#800080', '#FFC0CB', '#C0C0C0', '#FFD700']; // const colors = ['#ff0000']; const buttonSize = 60; @@ -617,9 +615,9 @@ import Layout from '../../layouts/Layout.astro'; slider.max = '80'; slider.value = brushSize.toString(); slider.className = 'slider'; - slider.style.transform = 'rotate(-90deg)'; - slider.style.marginTop = '70px'; - slider.style.marginLeft = '-30px'; + slider.style.transform = 'rotate(0deg)'; + slider.style.marginTop = '0px'; + slider.style.marginLeft = '0px'; // slider.style.width = `${window.innerWidth / 2}px`; slider.addEventListener('input', (event) => { brushSize = parseInt(event.target.value); diff --git a/src/pages/guided-tracing/0.astro b/src/pages/guided-tracing/0.astro index 162f86c..06bddcd 100644 --- a/src/pages/guided-tracing/0.astro +++ b/src/pages/guided-tracing/0.astro @@ -127,11 +127,9 @@ import Layout from "../../layouts/Layout.astro"; this.load.image('canvasStand', '/assets/stand2.png'); } function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -149,7 +147,6 @@ import Layout from "../../layouts/Layout.astro"; submitButton.setVisible(false); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); - submitNotic.setVisible(false); submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); diff --git a/src/pages/guided-tracing/1.astro b/src/pages/guided-tracing/1.astro index 256ab63..5b155da 100644 --- a/src/pages/guided-tracing/1.astro +++ b/src/pages/guided-tracing/1.astro @@ -40,7 +40,7 @@ import Layout from "../../layouts/Layout.astro"; let firstLayer, secondLayer, thirdLayer; let graphics; let animatedLetter; -let scoreTotal = 0; let isDrawing = false; + let scoreTotal = 0; let isDrawing = false; let formattedDateTime; let gameStartTime = "stat timr here"; @@ -119,11 +119,9 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -138,10 +136,9 @@ let scoreTotal = 0; let isDrawing = false; } }); - submitButton.setVisible(false); + submitButton.setVisible(false); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); - submitNotic.setVisible(false); submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); diff --git a/src/pages/guided-tracing/2.astro b/src/pages/guided-tracing/2.astro index cbfc4d4..382e2a7 100644 --- a/src/pages/guided-tracing/2.astro +++ b/src/pages/guided-tracing/2.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/3.astro b/src/pages/guided-tracing/3.astro index 318a8de..3127fb7 100644 --- a/src/pages/guided-tracing/3.astro +++ b/src/pages/guided-tracing/3.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/4.astro b/src/pages/guided-tracing/4.astro index eeda7ee..163aae0 100644 --- a/src/pages/guided-tracing/4.astro +++ b/src/pages/guided-tracing/4.astro @@ -126,11 +126,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -148,7 +145,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/5.astro b/src/pages/guided-tracing/5.astro index 9fe949d..4a81633 100644 --- a/src/pages/guided-tracing/5.astro +++ b/src/pages/guided-tracing/5.astro @@ -127,11 +127,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -149,7 +146,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/6.astro b/src/pages/guided-tracing/6.astro index 139ced9..1dbc351 100644 --- a/src/pages/guided-tracing/6.astro +++ b/src/pages/guided-tracing/6.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Number : 6", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/7.astro b/src/pages/guided-tracing/7.astro index 8d6c9e4..f49c389 100644 --- a/src/pages/guided-tracing/7.astro +++ b/src/pages/guided-tracing/7.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Number : 7", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/8.astro b/src/pages/guided-tracing/8.astro index 27c84b7..71a0f6a 100644 --- a/src/pages/guided-tracing/8.astro +++ b/src/pages/guided-tracing/8.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,9 +140,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Number : 8", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/9.astro b/src/pages/guided-tracing/9.astro index 3cb7f7d..372d8da 100644 --- a/src/pages/guided-tracing/9.astro +++ b/src/pages/guided-tracing/9.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Number : 9", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/A.astro b/src/pages/guided-tracing/A.astro index 66977f3..7bcdd38 100644 --- a/src/pages/guided-tracing/A.astro +++ b/src/pages/guided-tracing/A.astro @@ -124,11 +124,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -146,9 +143,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : A", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/B.astro b/src/pages/guided-tracing/B.astro index 6a57c3a..e770650 100644 --- a/src/pages/guided-tracing/B.astro +++ b/src/pages/guided-tracing/B.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -142,9 +139,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : B", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/C.astro b/src/pages/guided-tracing/C.astro index ab7d337..0010e52 100644 --- a/src/pages/guided-tracing/C.astro +++ b/src/pages/guided-tracing/C.astro @@ -117,11 +117,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -139,9 +136,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : C", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/D.astro b/src/pages/guided-tracing/D.astro index a8ffbe4..4488562 100644 --- a/src/pages/guided-tracing/D.astro +++ b/src/pages/guided-tracing/D.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,7 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setVisible(false); submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : D", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/E.astro b/src/pages/guided-tracing/E.astro index 295f956..d069a45 100644 --- a/src/pages/guided-tracing/E.astro +++ b/src/pages/guided-tracing/E.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,9 +137,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : E", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/F.astro b/src/pages/guided-tracing/F.astro index 9ef3ef4..9f52573 100644 --- a/src/pages/guided-tracing/F.astro +++ b/src/pages/guided-tracing/F.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : F", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/G.astro b/src/pages/guided-tracing/G.astro index be8c046..ba47bc1 100644 --- a/src/pages/guided-tracing/G.astro +++ b/src/pages/guided-tracing/G.astro @@ -113,11 +113,8 @@ let scoreTotal = 0; let isDrawing = false; } function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -135,9 +132,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : G", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/H.astro b/src/pages/guided-tracing/H.astro index d2fa5a1..3d912dc 100644 --- a/src/pages/guided-tracing/H.astro +++ b/src/pages/guided-tracing/H.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : H", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/I.astro b/src/pages/guided-tracing/I.astro index 5d6289e..0664807 100644 --- a/src/pages/guided-tracing/I.astro +++ b/src/pages/guided-tracing/I.astro @@ -121,12 +121,9 @@ let scoreTotal = 0; let isDrawing = false; } function create() { - - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : I", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/J.astro b/src/pages/guided-tracing/J.astro index 6262196..2a05566 100644 --- a/src/pages/guided-tracing/J.astro +++ b/src/pages/guided-tracing/J.astro @@ -117,11 +117,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -139,9 +136,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : J", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/K.astro b/src/pages/guided-tracing/K.astro index b57ce6e..b255777 100644 --- a/src/pages/guided-tracing/K.astro +++ b/src/pages/guided-tracing/K.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,7 +141,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/L.astro b/src/pages/guided-tracing/L.astro index b5cfe5e..a23772e 100644 --- a/src/pages/guided-tracing/L.astro +++ b/src/pages/guided-tracing/L.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,7 +137,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/M.astro b/src/pages/guided-tracing/M.astro index c0e5ea7..32bbef6 100644 --- a/src/pages/guided-tracing/M.astro +++ b/src/pages/guided-tracing/M.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/N.astro b/src/pages/guided-tracing/N.astro index 438ce1d..5895430 100644 --- a/src/pages/guided-tracing/N.astro +++ b/src/pages/guided-tracing/N.astro @@ -123,11 +123,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -145,7 +142,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/O.astro b/src/pages/guided-tracing/O.astro index 4e0e4c9..de197d4 100644 --- a/src/pages/guided-tracing/O.astro +++ b/src/pages/guided-tracing/O.astro @@ -117,11 +117,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -139,7 +136,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/P.astro b/src/pages/guided-tracing/P.astro index 093866e..3dc8389 100644 --- a/src/pages/guided-tracing/P.astro +++ b/src/pages/guided-tracing/P.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/Q.astro b/src/pages/guided-tracing/Q.astro index 29f8575..9c732b6 100644 --- a/src/pages/guided-tracing/Q.astro +++ b/src/pages/guided-tracing/Q.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/R.astro b/src/pages/guided-tracing/R.astro index 9081e1e..f654f0c 100644 --- a/src/pages/guided-tracing/R.astro +++ b/src/pages/guided-tracing/R.astro @@ -125,11 +125,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -147,7 +144,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/S.astro b/src/pages/guided-tracing/S.astro index dcb5fc2..e663a90 100644 --- a/src/pages/guided-tracing/S.astro +++ b/src/pages/guided-tracing/S.astro @@ -117,11 +117,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -139,7 +136,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/T.astro b/src/pages/guided-tracing/T.astro index b36e285..dfba831 100644 --- a/src/pages/guided-tracing/T.astro +++ b/src/pages/guided-tracing/T.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/U.astro b/src/pages/guided-tracing/U.astro index 5f2b617..9089e4c 100644 --- a/src/pages/guided-tracing/U.astro +++ b/src/pages/guided-tracing/U.astro @@ -117,11 +117,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -139,7 +136,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/V.astro b/src/pages/guided-tracing/V.astro index 305c325..5e95303 100644 --- a/src/pages/guided-tracing/V.astro +++ b/src/pages/guided-tracing/V.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', diff --git a/src/pages/guided-tracing/W.astro b/src/pages/guided-tracing/W.astro index fe6bef3..4e42c3e 100644 --- a/src/pages/guided-tracing/W.astro +++ b/src/pages/guided-tracing/W.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,7 +137,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/X.astro b/src/pages/guided-tracing/X.astro index c1b7505..5523547 100644 --- a/src/pages/guided-tracing/X.astro +++ b/src/pages/guided-tracing/X.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/Y.astro b/src/pages/guided-tracing/Y.astro index 7bc0fda..fb04d81 100644 --- a/src/pages/guided-tracing/Y.astro +++ b/src/pages/guided-tracing/Y.astro @@ -123,11 +123,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -145,7 +142,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/Z.astro b/src/pages/guided-tracing/Z.astro index eeb922e..69842c5 100644 --- a/src/pages/guided-tracing/Z.astro +++ b/src/pages/guided-tracing/Z.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,7 +141,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/a.astro b/src/pages/guided-tracing/a.astro index bfed82c..5cca53a 100644 --- a/src/pages/guided-tracing/a.astro +++ b/src/pages/guided-tracing/a.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,9 +140,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : a", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/b.astro b/src/pages/guided-tracing/b.astro index e860922..6e78112 100644 --- a/src/pages/guided-tracing/b.astro +++ b/src/pages/guided-tracing/b.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -142,9 +139,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : b", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/c.astro b/src/pages/guided-tracing/c.astro index c95fd2b..3c49cc8 100644 --- a/src/pages/guided-tracing/c.astro +++ b/src/pages/guided-tracing/c.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -142,9 +139,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : c", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/d.astro b/src/pages/guided-tracing/d.astro index db52ce9..8581fbf 100644 --- a/src/pages/guided-tracing/d.astro +++ b/src/pages/guided-tracing/d.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : d", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/e.astro b/src/pages/guided-tracing/e.astro index dcb44c8..d9689e5 100644 --- a/src/pages/guided-tracing/e.astro +++ b/src/pages/guided-tracing/e.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : e", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/f.astro b/src/pages/guided-tracing/f.astro index 54fac0b..fb3706d 100644 --- a/src/pages/guided-tracing/f.astro +++ b/src/pages/guided-tracing/f.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -142,9 +139,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : f", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/g.astro b/src/pages/guided-tracing/g.astro index bdf9f26..7122749 100644 --- a/src/pages/guided-tracing/g.astro +++ b/src/pages/guided-tracing/g.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : g", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/h.astro b/src/pages/guided-tracing/h.astro index 6ee5903..9358156 100644 --- a/src/pages/guided-tracing/h.astro +++ b/src/pages/guided-tracing/h.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,9 +140,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : h", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/i.astro b/src/pages/guided-tracing/i.astro index f60e802..0465ad8 100644 --- a/src/pages/guided-tracing/i.astro +++ b/src/pages/guided-tracing/i.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,9 +141,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : i", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/j.astro b/src/pages/guided-tracing/j.astro index 5c0e2e2..eb800d3 100644 --- a/src/pages/guided-tracing/j.astro +++ b/src/pages/guided-tracing/j.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,9 +140,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : j", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/k.astro b/src/pages/guided-tracing/k.astro index 9c050e8..9a540b3 100644 --- a/src/pages/guided-tracing/k.astro +++ b/src/pages/guided-tracing/k.astro @@ -124,11 +124,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -146,9 +143,8 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); -submitUserData(this); + submitUserData(this); }) this.add.image(customWidth / 2 * 1.6 - 0.5, 50, 'topLogo'); this.add.text(customWidth / 10, 20, "Letter : k", { font: '700 40px quicksand', fill: '#05b3a4', }); diff --git a/src/pages/guided-tracing/l.astro b/src/pages/guided-tracing/l.astro index df55921..e01e591 100644 --- a/src/pages/guided-tracing/l.astro +++ b/src/pages/guided-tracing/l.astro @@ -119,11 +119,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -141,7 +138,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/m.astro b/src/pages/guided-tracing/m.astro index e4a28cd..b80a6e1 100644 --- a/src/pages/guided-tracing/m.astro +++ b/src/pages/guided-tracing/m.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,11 +137,10 @@ let scoreTotal = 0; let isDrawing = false; fill: true } }); - submitButton.setVisible(false); + submitButton.setVisible(false); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/n.astro b/src/pages/guided-tracing/n.astro index feef64c..3240bc9 100644 --- a/src/pages/guided-tracing/n.astro +++ b/src/pages/guided-tracing/n.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/o.astro b/src/pages/guided-tracing/o.astro index 71c846b..da123ca 100644 --- a/src/pages/guided-tracing/o.astro +++ b/src/pages/guided-tracing/o.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,7 +137,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/p.astro b/src/pages/guided-tracing/p.astro index e63056e..5e17d70 100644 --- a/src/pages/guided-tracing/p.astro +++ b/src/pages/guided-tracing/p.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -136,11 +133,10 @@ let scoreTotal = 0; let isDrawing = false; fill: true } }); - submitButton.setVisible(false); + submitButton.setVisible(false); submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/q.astro b/src/pages/guided-tracing/q.astro index 52152cf..64603f7 100644 --- a/src/pages/guided-tracing/q.astro +++ b/src/pages/guided-tracing/q.astro @@ -120,11 +120,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -142,7 +139,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/r.astro b/src/pages/guided-tracing/r.astro index b2a8a07..85183d0 100644 --- a/src/pages/guided-tracing/r.astro +++ b/src/pages/guided-tracing/r.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,7 +141,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/s.astro b/src/pages/guided-tracing/s.astro index 90994d6..96dcb8f 100644 --- a/src/pages/guided-tracing/s.astro +++ b/src/pages/guided-tracing/s.astro @@ -118,11 +118,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -140,7 +137,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/t.astro b/src/pages/guided-tracing/t.astro index 8ce9485..6a90e93 100644 --- a/src/pages/guided-tracing/t.astro +++ b/src/pages/guided-tracing/t.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,7 +141,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/u.astro b/src/pages/guided-tracing/u.astro index 7820e27..6c7a0b3 100644 --- a/src/pages/guided-tracing/u.astro +++ b/src/pages/guided-tracing/u.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', diff --git a/src/pages/guided-tracing/v.astro b/src/pages/guided-tracing/v.astro index 5b0faa3..c73ecf5 100644 --- a/src/pages/guided-tracing/v.astro +++ b/src/pages/guided-tracing/v.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', diff --git a/src/pages/guided-tracing/w.astro b/src/pages/guided-tracing/w.astro index 49c0b64..98bd6ef 100644 --- a/src/pages/guided-tracing/w.astro +++ b/src/pages/guided-tracing/w.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/x.astro b/src/pages/guided-tracing/x.astro index 9952932..6c63153 100644 --- a/src/pages/guided-tracing/x.astro +++ b/src/pages/guided-tracing/x.astro @@ -122,11 +122,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -144,7 +141,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/y.astro b/src/pages/guided-tracing/y.astro index 7e01d33..cc06653 100644 --- a/src/pages/guided-tracing/y.astro +++ b/src/pages/guided-tracing/y.astro @@ -121,11 +121,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -143,7 +140,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/guided-tracing/z.astro b/src/pages/guided-tracing/z.astro index 167a22b..9b230da 100644 --- a/src/pages/guided-tracing/z.astro +++ b/src/pages/guided-tracing/z.astro @@ -126,11 +126,8 @@ let scoreTotal = 0; let isDrawing = false; function create() { - const submitNotic = this.add.text(noticeWidth, noticeHeight, 'Submitted Successfully', { - font: '600 20px Quicksand', - fill: '#05b3a4' - }).setDepth(1); - submitNotic.setVisible(false); + submitNotic = this.add.text(window.innerWidth / 2 - 100, window.innerHeight / 2, 'Submitted Successfully', { font: '600 20px Quicksand', fill: 'blue'}).setDepth(3).setVisible(false); + submitButton = this.add.text(submitWidth, submitHeight, "Submit", { font: '900 24px Quicksand', fill: '#05b3a4', @@ -148,7 +145,6 @@ let scoreTotal = 0; let isDrawing = false; submitButton.setInteractive().on('pointerdown', () => { // console.log('Clicked'); submitButton.setVisible(false); - submitNotic.setVisible(false); // windowLoad(); submitUserData(this); }) diff --git a/src/pages/tick/tick_phonics_v1.astro b/src/pages/tick/tick_phonics_v1.astro index dfcf5a6..12663d4 100644 --- a/src/pages/tick/tick_phonics_v1.astro +++ b/src/pages/tick/tick_phonics_v1.astro @@ -80,7 +80,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -191,7 +191,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro index f6c6372..1168e98 100644 --- a/src/pages/tick/tick_phonics_v2.astro +++ b/src/pages/tick/tick_phonics_v2.astro @@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -232,7 +232,10 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + // console.log("Response", response.status); + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro index 3e520fd..d850aa6 100644 --- a/src/pages/tick/tick_phonics_v3.astro +++ b/src/pages/tick/tick_phonics_v3.astro @@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -154,7 +154,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro index f3ef7f1..b6dce3f 100644 --- a/src/pages/tick/v1.astro +++ b/src/pages/tick/v1.astro @@ -77,7 +77,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -186,7 +186,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro index 4a6c26d..7a54917 100644 --- a/src/pages/tick/v2.astro +++ b/src/pages/tick/v2.astro @@ -104,7 +104,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -230,7 +230,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); } diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro index 19564d1..7c7dfce 100644 --- a/src/pages/tick/v3.astro +++ b/src/pages/tick/v3.astro @@ -56,7 +56,7 @@ import Layout from "../../layouts/Layout.astro";
-

+

@@ -167,7 +167,9 @@ import Layout from "../../layouts/Layout.astro"; }) .then(response => { if (response.ok) { - document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + if(response.status == 200){ + document.getElementById('savedMessage').innerHTML = 'Saved Successfully'; + } } else { // console.log('Something Wrong', response); }