diff --git a/public/assets/arlo.gif b/public/assets/arlo.gif new file mode 100644 index 0000000..96b7e95 Binary files /dev/null and b/public/assets/arlo.gif differ diff --git a/public/assets/ava.gif b/public/assets/ava.gif new file mode 100644 index 0000000..4a7f6ae Binary files /dev/null and b/public/assets/ava.gif differ diff --git a/public/assets/dax.gif b/public/assets/dax.gif new file mode 100644 index 0000000..90b0d7b Binary files /dev/null and b/public/assets/dax.gif differ diff --git a/public/assets/kai.gif b/public/assets/kai.gif new file mode 100644 index 0000000..a5e0457 Binary files /dev/null and b/public/assets/kai.gif differ diff --git a/public/assets/monstero.gif b/public/assets/monstero.gif new file mode 100644 index 0000000..a778b3e Binary files /dev/null and b/public/assets/monstero.gif differ diff --git a/public/assets/yara.gif b/public/assets/yara.gif new file mode 100644 index 0000000..01451f8 Binary files /dev/null and b/public/assets/yara.gif differ diff --git a/public/saveGameAI.js b/public/saveGameAI.js index 93c073b..ecc032b 100644 --- a/public/saveGameAI.js +++ b/public/saveGameAI.js @@ -3,7 +3,7 @@ } const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); - const userId = urlParams.get('userId'); + const userId = urlParams.get('childId'); const gameVersion = urlParams.get('gameName'); const gameId = urlParams.get('id'); const spriteName = urlParams.get('spriteName'); diff --git a/public/saveGameData copy 2.js b/public/saveGameData copy 2.js index fb31d63..76ce307 100644 --- a/public/saveGameData copy 2.js +++ b/public/saveGameData copy 2.js @@ -4,7 +4,7 @@ function retryGame(){ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); -const userId = urlParams.get('userId'); +const userId = urlParams.get('childId'); const gameVersion = urlParams.get('gameName'); const gameId = urlParams.get('id'); let submitNotic; diff --git a/public/saveGameData copy.js b/public/saveGameData copy.js index adf6729..83f0519 100644 --- a/public/saveGameData copy.js +++ b/public/saveGameData copy.js @@ -4,7 +4,7 @@ function retryGame(){ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); -const userId = urlParams.get('userId'); +const userId = urlParams.get('childId'); const gameVersion = urlParams.get('gameName'); const gameId = urlParams.get('id'); let submitNotic; diff --git a/public/saveGameData.js b/public/saveGameData.js index 49f71a3..23d2909 100644 --- a/public/saveGameData.js +++ b/public/saveGameData.js @@ -4,7 +4,7 @@ function retryGame(){ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); -const userId = urlParams.get('userId'); +const userId = urlParams.get('childId'); const gameVersion = urlParams.get('gameName'); const assignmentId = urlParams.get('assignmentId'); const worksheetId = urlParams.get('worksheetId'); @@ -129,9 +129,7 @@ function submitUserData(drawingZone) { document.head.appendChild(style); } addStarScalingStyles(); - const blankStar = `` - - const starSVG = ``; + const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); let loadingMainContainer = document.getElementById('loadingMainContainer'); @@ -208,7 +206,7 @@ function submitUserData(drawingZone) { 'score' : scoreTotal, 'gameStar' : starValue }; - console.log(userData); + // console.log(userData); fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, { method: 'POST', headers: { @@ -263,11 +261,11 @@ function submitUserData(drawingZone) { body: JSON.stringify(userAnotherData) }) .then(response => { - console.log('Submissions API Response:', response); + // console.log('Submissions API Response:', response); return response.json(); }) .then(data => { - console.log('Submissions Response Data:', data); + // console.log('Submissions Response Data:', data); }) .catch(error => { console.error('Error in Submissions API:', error); diff --git a/public/saveTracingGameData.js b/public/saveTracingGameData.js index 7402065..2e1240a 100644 --- a/public/saveTracingGameData.js +++ b/public/saveTracingGameData.js @@ -4,7 +4,7 @@ function retryGame(){ const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); -const userId = urlParams.get('userId'); +const userId = urlParams.get('childId'); const gameVersion = urlParams.get('gameName'); const gameId = urlParams.get('id'); let submitNotic; diff --git a/src/pages/cross/cross_phonics_v1.astro b/src/pages/cross/cross_phonics_v1.astro index 06eaa0f..72c8a28 100644 --- a/src/pages/cross/cross_phonics_v1.astro +++ b/src/pages/cross/cross_phonics_v1.astro @@ -97,9 +97,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -107,9 +107,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -138,10 +139,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let totalPoints = 0; @@ -192,13 +210,6 @@ import Layout from "../../layouts/Layout.astro"; } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } - function addStarScalingStyles() { const style = document.createElement('style'); style.innerHTML = ` @@ -312,7 +323,6 @@ import Layout from "../../layouts/Layout.astro"; // console.log(userData); progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -438,6 +448,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); document.getElementById('allParentDiv').style.display = 'block'; loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; diff --git a/src/pages/cross/cross_phonics_v2.astro b/src/pages/cross/cross_phonics_v2.astro index 3ecb906..8c22c6e 100644 --- a/src/pages/cross/cross_phonics_v2.astro +++ b/src/pages/cross/cross_phonics_v2.astro @@ -106,9 +106,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -116,9 +116,6 @@ import Layout from "../../layouts/Layout.astro";
-
-
+ + @@ -147,10 +148,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let url = window.location.href; let urlSplit = url.split('/'); @@ -207,12 +225,6 @@ import Layout from "../../layouts/Layout.astro"; document.getElementById(imageId).src = assetsURL + gameData[imageId]; } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -301,7 +313,7 @@ import Layout from "../../layouts/Layout.astro"; } }); - const answersList = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6']; + const answersList = ['a1', 'a2', 'a3', 'a4', 'a5', 'a6', 'a7', 'a8', 'a9']; answersList.forEach((answer) => { if (gameData[answer] === true) { totalCorrectFromApi++; @@ -328,7 +340,6 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); diff --git a/src/pages/cross/v1.astro b/src/pages/cross/v1.astro index e7d20dc..4abfd34 100644 --- a/src/pages/cross/v1.astro +++ b/src/pages/cross/v1.astro @@ -97,9 +97,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -107,9 +107,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -138,10 +139,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let url = window.location.href; @@ -193,13 +211,6 @@ import Layout from "../../layouts/Layout.astro"; } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } - function addStarScalingStyles() { const style = document.createElement('style'); style.innerHTML = ` @@ -315,10 +326,7 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); - const blankStar = `` - const starSVG = ``; const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); let loadingMainContainer = document.getElementById('loadingMainContainer'); @@ -442,6 +450,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); document.getElementById('allParentDiv').style.display = 'block'; loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; diff --git a/src/pages/cross/v2.astro b/src/pages/cross/v2.astro index 5e7cc1b..3ed34ac 100644 --- a/src/pages/cross/v2.astro +++ b/src/pages/cross/v2.astro @@ -101,9 +101,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -111,9 +111,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -142,10 +143,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let wrongCount = 0; let url = window.location.href; @@ -201,12 +219,6 @@ import Layout from "../../layouts/Layout.astro"; document.getElementById(imageId).src = assetsURL + gameData[imageId]; } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -324,7 +336,7 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); + const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); let loadingMainContainer = document.getElementById('loadingMainContainer'); @@ -448,6 +460,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); document.getElementById('allParentDiv').style.display = 'block'; loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; diff --git a/src/pages/cross/v3.astro b/src/pages/cross/v3.astro index ce73f79..be5b4fd 100644 --- a/src/pages/cross/v3.astro +++ b/src/pages/cross/v3.astro @@ -76,9 +76,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -86,9 +86,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -117,10 +118,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let totalPoints = 0; @@ -157,12 +175,6 @@ import Layout from "../../layouts/Layout.astro"; } } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -264,7 +276,6 @@ import Layout from "../../layouts/Layout.astro"; } progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -389,6 +400,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); document.getElementById('allParentDiv').style.display = 'block'; loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; diff --git a/src/pages/drag/dragdrop_phonics.astro b/src/pages/drag/dragdrop_phonics.astro index d8176bd..5752900 100644 --- a/src/pages/drag/dragdrop_phonics.astro +++ b/src/pages/drag/dragdrop_phonics.astro @@ -3,10 +3,6 @@ import Layout from '../../layouts/Layout.astro'; ---
-
-
- -

+
+ +

@@ -34,6 +30,10 @@ import Layout from '../../layouts/Layout.astro'; Clip Art
+
@@ -150,6 +150,23 @@ import Layout from '../../layouts/Layout.astro'; var assetsList = {}; const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drag/index.astro b/src/pages/drag/index.astro index 21f48f5..a984858 100644 --- a/src/pages/drag/index.astro +++ b/src/pages/drag/index.astro @@ -1,16 +1,12 @@ --- import Layout from '../../layouts/Layout.astro'; -let starNumberOfTime = localStorage.getItem('starValue'); -console.log(starNumberOfTime); -const numberOfTimes = starNumberOfTime; +// let starNumberOfTime = localStorage.getItem('starValue'); +// console.log(starNumberOfTime); +// const numberOfTimes = starNumberOfTime; --- -
- +
-
- -

+
+ +

- + +
@@ -152,28 +152,26 @@ const numberOfTimes = starNumberOfTime; block: null, }, ]; - // const blockMatches = [ - // { - // blockName: "blocks1", - // targetName: "target1", - // }, - // { - // blockName: "blocks2", - // targetName: "target2", - // }, - // { - // blockName: "blocks3", - // targetName: "target3", - // }, - // { - // blockName: "blocks4", - // targetName: "target4", - // }, - // ]; - // console.log(blockMatches.blockName, blockMatches.targetName) var assetsList = {} const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drag/match_phonics.astro b/src/pages/drag/match_phonics.astro index 04442b2..52d70da 100644 --- a/src/pages/drag/match_phonics.astro +++ b/src/pages/drag/match_phonics.astro @@ -3,10 +3,6 @@ import Layout from '../../layouts/Layout.astro'; ---
-
-
- -

+
+ +

@@ -34,6 +30,10 @@ import Layout from '../../layouts/Layout.astro'; Clip Art
+
@@ -154,6 +154,23 @@ import Layout from '../../layouts/Layout.astro'; var assetsList = {} const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drag/v2.astro b/src/pages/drag/v2.astro index cdb1f98..c56c7e5 100644 --- a/src/pages/drag/v2.astro +++ b/src/pages/drag/v2.astro @@ -3,10 +3,6 @@ import Layout from '../../layouts/Layout.astro'; ---
-
-
- -

+
+ +

@@ -33,6 +29,10 @@ import Layout from '../../layouts/Layout.astro'; Clip Art
-->
+
@@ -154,6 +154,23 @@ import Layout from '../../layouts/Layout.astro'; var assetsList = {} const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drag/v3.astro b/src/pages/drag/v3.astro index 9bb73e0..0511908 100644 --- a/src/pages/drag/v3.astro +++ b/src/pages/drag/v3.astro @@ -3,10 +3,6 @@ import Layout from '../../layouts/Layout.astro'; ---
-
-
- -

+
+ +

@@ -34,6 +30,10 @@ import Layout from '../../layouts/Layout.astro'; Clip Art
+
@@ -186,6 +186,23 @@ import Layout from '../../layouts/Layout.astro'; var assetsList = {}; const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drag/v4.astro b/src/pages/drag/v4.astro index 7312fee..6d75431 100644 --- a/src/pages/drag/v4.astro +++ b/src/pages/drag/v4.astro @@ -3,10 +3,6 @@ import Layout from '../../layouts/Layout.astro'; ---
-
-
- -

+
+ +

@@ -34,6 +30,10 @@ import Layout from '../../layouts/Layout.astro'; Clip Art
+
@@ -153,6 +153,23 @@ import Layout from '../../layouts/Layout.astro'; var assetsList = {}; const params = new URLSearchParams(window.location.search); const paramsID = params.get('id'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) .then(response => response.json()) .then(({data}) => { diff --git a/src/pages/drawing/drawing_phonics.astro b/src/pages/drawing/drawing_phonics.astro index c11dd0b..d8c8946 100644 --- a/src/pages/drawing/drawing_phonics.astro +++ b/src/pages/drawing/drawing_phonics.astro @@ -73,7 +73,7 @@ import Layout from '../../layouts/Layout.astro'; @@ -142,10 +142,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let wrongCount = 0; @@ -156,12 +173,6 @@ import Layout from "../../layouts/Layout.astro"; let progress = 0; const progressBar = document.createElement('div'); let totalCorrectFromApi = 0; - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -319,7 +330,6 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -445,6 +455,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; starContainer.style.display = 'flex'; diff --git a/src/pages/tick/tick_phonics_v2.astro b/src/pages/tick/tick_phonics_v2.astro index 454b8ff..49e9297 100644 --- a/src/pages/tick/tick_phonics_v2.astro +++ b/src/pages/tick/tick_phonics_v2.astro @@ -124,9 +124,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -134,9 +134,6 @@ import Layout from "../../layouts/Layout.astro";
-
+
@@ -165,10 +166,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let url = window.location.href; let urlSplit = url.split('/'); @@ -180,12 +198,6 @@ import Layout from "../../layouts/Layout.astro"; let progress = 0; const progressBar = document.createElement('div'); let totalCorrectFromApi = 0; - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -344,7 +356,6 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); const blankStar = `` const starSVG = ``; @@ -473,6 +484,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; starContainer.style.display = 'flex'; diff --git a/src/pages/tick/tick_phonics_v3.astro b/src/pages/tick/tick_phonics_v3.astro index 6c23497..a79568d 100644 --- a/src/pages/tick/tick_phonics_v3.astro +++ b/src/pages/tick/tick_phonics_v3.astro @@ -81,9 +81,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -91,9 +91,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -122,10 +123,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let url = window.location.href; @@ -136,12 +154,6 @@ import Layout from "../../layouts/Layout.astro"; let progress = 0; const progressBar = document.createElement('div'); let totalCorrectFromApi = 0; - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -269,7 +281,6 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -396,6 +407,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; starContainer.style.display = 'flex'; diff --git a/src/pages/tick/v1.astro b/src/pages/tick/v1.astro index 6def94e..145e0c4 100644 --- a/src/pages/tick/v1.astro +++ b/src/pages/tick/v1.astro @@ -97,9 +97,9 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

@@ -107,9 +107,6 @@ import Layout from "../../layouts/Layout.astro";
-
+ @@ -141,10 +142,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let totalPoints = 0; @@ -195,13 +213,6 @@ import Layout from "../../layouts/Layout.astro"; } }); - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } - function addStarScalingStyles() { const style = document.createElement('style'); style.innerHTML = ` @@ -311,7 +322,6 @@ import Layout from "../../layouts/Layout.astro"; } progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -436,6 +446,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); document.getElementById('allParentDiv').style.display = 'block'; loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; diff --git a/src/pages/tick/v2.astro b/src/pages/tick/v2.astro index 286faf2..3c0a8d5 100644 --- a/src/pages/tick/v2.astro +++ b/src/pages/tick/v2.astro @@ -120,18 +120,16 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

+
-
+ @@ -160,10 +162,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let wrongCount = 0; let url = window.location.href; @@ -173,12 +192,6 @@ import Layout from "../../layouts/Layout.astro"; let progress = 0; const progressBar = document.createElement('div'); let totalCorrectFromApi = 0; - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } function addStarScalingStyles() { const style = document.createElement('style'); @@ -338,10 +351,7 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); - const blankStar = `` - - const starSVG = ``; + const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); let loadingMainContainer = document.getElementById('loadingMainContainer'); @@ -465,6 +475,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; starContainer.style.display = 'flex'; diff --git a/src/pages/tick/v3.astro b/src/pages/tick/v3.astro index 665da0d..15d5996 100644 --- a/src/pages/tick/v3.astro +++ b/src/pages/tick/v3.astro @@ -83,9 +83,10 @@ import Layout from "../../layouts/Layout.astro";

-
- -

+
+ +

+
@@ -103,6 +104,10 @@ import Layout from "../../layouts/Layout.astro"; Your browser does not support the audio element.
+ @@ -123,10 +128,27 @@ import Layout from "../../layouts/Layout.astro"; } const params = new URLSearchParams(window.location.search); const gameId = params.get('id'); - const userId = params.get('userId'); + const userId = params.get('childId'); const gameName = params.get('gameName'); const assignmentId = params.get('assignmentId'); const worksheetId = params.get('worksheetId'); + const spriteNames = params.get('spriteName'); + let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] + function displaySprite() { + if (buddiesList.includes(spriteNames)) { + const imgElement = document.getElementById('starClipart'); + // document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; + if (imgElement) { + imgElement.src = `/assets/${spriteNames}.gif`; + console.log(imgElement.src) + } else { + console.log('Element with ID "starClipart" not found.'); + } + } else { + console.log('Sprite not found in the list.'); + } + } + displaySprite(); let startTime = Date.now(); let gameData = null; let url = window.location.href; @@ -137,11 +159,6 @@ import Layout from "../../layouts/Layout.astro"; let progress = 0; const progressBar = document.createElement('div'); let totalCorrectFromApi = 0; - function showClipArt() { - const clipArtContainer = document.querySelector('.clip-art-container'); - clipArtContainer.classList.remove('hidden'); - clipArtContainer.classList.add('slide-in'); - } fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) .then(res => res.json()) @@ -282,7 +299,6 @@ import Layout from "../../layouts/Layout.astro"; progressIncrement(); addStarScalingStyles(); - showClipArt(); const starContainer = document.getElementById('star-container'); let scoreBoard = document.getElementById('scoreBoard'); @@ -407,6 +423,10 @@ import Layout from "../../layouts/Layout.astro"; setTimeout(() => { if (response.ok) { if (response.status == 200) { + document.getElementById('saved-toast').classList.remove('hidden'); + setTimeout(() => { + document.getElementById('saved-toast').classList.add('hidden'); + }, 2000); loadingMainContainer.style.display = 'none'; loadingDiv.style.display = 'none'; starContainer.style.display = 'flex';