kar/phaser-game-bs
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: kar:6fdc275205aa29566cd79a3658e9f4c56e1b0175
Branches Tags
kar:fetch2 kar:staging kar:dev kar:master kar:prod kar:newb2 kar:newb kar:b4 kar:b3 kar:b2
..
compare: kar:newb2
Branches Tags
kar:staging kar:dev kar:master kar:prod kar:newb2 kar:newb kar:b4 kar:fetch2 kar:b3 kar:b2

5 Commits
6fdc275205 ... newb2

Author SHA1 Message Date
Suvodip
47e90eed3a s11 2025-03-11 15:37:02 +05:30
Suvodip
aad75d2ec3 s33 2025-03-01 19:27:00 +05:30
Suvodip
11ec4dff7a chnage submissions api endpoint 2025-02-12 15:55:42 +05:30
Suvodip
bb681b1152 change star budies in drawing game 2025-02-07 17:55:08 +05:30
Suvodip
c4131434ef change drawing game star implemantetion 2025-02-04 19:10:44 +05:30
24 changed files with 162 additions and 154 deletions
Expand all files Collapse all files

186
public/saveGameAI.js
View File

@@ -11,7 +11,7 @@
const worksheetId = urlParams.get('worksheetId'); const worksheetId = urlParams.get('worksheetId');
let submitNotic; let submitNotic;
let startTime = Date.now(); let startTime = Date.now();
// console.log('gameVersion', gameVersion)
const url = window.location.href; const url = window.location.href;
const gameName = url.split('/'); const gameName = url.split('/');
@@ -116,82 +116,7 @@ function submitUserData(drawingZone) {
imageCode = image.src; imageCode = image.src;
} }
let userData = {
'gameName': gameVersion,
'gameID': gameId,
'screenShot': imageCode,
'childId' : childId,
'gameTime' : timeDifferenceInSeconds
};
// console.log('userData', userData)
fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
method: 'POST',
headers: {
'Content-Type' : 'application/json'
},
body: JSON.stringify(userData)
})
.then(response => response.json())
.then(data => {
// console.log('data from save gallery', data);
if(data.screenshotUrl){
fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(userData)
})
.then(response => {
setTimeout(() => {
if (response.ok) {
if (response.status == 200) {
document.getElementById('saved-toast').classList.remove('hidden');
setTimeout(() => {
document.getElementById('saved-toast').classList.add('hidden');
}, 2000);
// console.log(response.status, " Data Saved Succesfully");
}
} else {
// console.log('Something went wrong', response);
}
}, 100);
})
.catch(error => {
console.error('An error occurred', error);
});
const userAnotherData = {
assignmentId: assignmentId,
worksheetId: worksheetId,
studentId: childId,
submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
};
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, {
method: 'POST',
headers: {
'Content-Type' : 'application/json',
'Authorization' : authToken
},
body: JSON.stringify(userAnotherData)
})
.then(response => response.json())
.then(data => {
// console.log('submissions api response', data)
})
.catch(error => {
console.error('An error occured', error)
})
}
})
.catch(error => {
console.error('An error occured', error);
})
}); });
@@ -200,7 +125,6 @@ function submitUserData(drawingZone) {
function calculateFromAI(){ function calculateFromAI(){
let progress = 0; let progress = 0;
let starValue; let starValue;
let maxStarValue = 5;
function progressIncrement() { function progressIncrement() {
const interval = setInterval(() => { const interval = setInterval(() => {
@@ -283,32 +207,33 @@ function submitUserData(drawingZone) {
calculationText.style.fontWeight = '600'; calculationText.style.fontWeight = '600';
calculationText.style.color = 'rgba(0, 0, 0, 0.38)'; calculationText.style.color = 'rgba(0, 0, 0, 0.38)';
containerDiv.appendChild(calculationText); containerDiv.appendChild(calculationText);
let userData = { let userDataForStar = {
gameName: gameVersion, gameName: gameVersion,
childId: childId, childId: childId,
gameID: gameId, gameID: gameId,
gameTime: timeDifferenceInSeconds, gameTime: timeDifferenceInSeconds,
screenShot: imageCode screenShot: imageCode
}; };
// console.log(userData);
// First API call
fetch(`https://api.teachertrainingkolkata.in/api/aiEvaluateImageToStar`, { fetch(`https://api.teachertrainingkolkata.in/api/aiEvaluateImageToStar`, {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
}, },
body: JSON.stringify(userData) body: JSON.stringify(userDataForStar)
}) })
.then(response => { .then(response => {
if(!response.ok){ if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`); throw new Error(`HTTP error! status: ${response.status}`);
} }
return response.json() return response.json();
}) })
.then(data => { .then(data => {
// console.log('data', data.data.score);
setTimeout(() => { setTimeout(() => {
if (data && data.message === "Game data saved successfully") { if (data && data.message === "Game data saved successfully") {
starValue = data.data.score; let starValue = data.data.gameStar; // Ensure starValue is available
let feedbackMessage = ''; let feedbackMessage = '';
if (starValue >= 1 && starValue <= 3) { if (starValue >= 1 && starValue <= 3) {
feedbackMessage = "You're making progress! Let's keep going!"; feedbackMessage = "You're making progress! Let's keep going!";
@@ -321,6 +246,7 @@ function submitUserData(drawingZone) {
} else { } else {
feedbackMessage = "Invalid star value."; feedbackMessage = "Invalid star value.";
} }
loadingMainContainer.style.display = 'none'; loadingMainContainer.style.display = 'none';
loadingDiv.style.display = 'none'; loadingDiv.style.display = 'none';
starContainer.style.display = 'flex'; starContainer.style.display = 'flex';
@@ -328,22 +254,92 @@ function submitUserData(drawingZone) {
document.getElementById('get-star-value').innerHTML = starValue; document.getElementById('get-star-value').innerHTML = starValue;
document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage; document.getElementById('starFeedbackMessage').innerHTML = feedbackMessage;
scoreBoard.style.display = 'flex'; scoreBoard.style.display = 'flex';
if (scoreBoard.style.display === 'flex') { if (scoreBoard.style.display === 'flex') {
const bottomAnimateClipart = document.getElementById('bottomAnimateClipart'); const bottomAnimateClipart = document.getElementById('bottomAnimateClipart');
bottomAnimateClipart.classList.remove('hidden'); bottomAnimateClipart.classList.remove('hidden');
bottomAnimateClipart.classList.add('-translate-x-full'); bottomAnimateClipart.classList.add('-translate-x-full', 'transition-transform', 'duration-700');
bottomAnimateClipart.classList.add('transition-transform', 'duration-700');
setTimeout(() => { setTimeout(() => {
bottomAnimateClipart.classList.add('hidden'); bottomAnimateClipart.classList.add('hidden');
bottomAnimateClipart.classList.remove('translate-x-full'); bottomAnimateClipart.classList.remove('translate-x-full');
}, 100); }, 100);
} }
// ✅ Now create `userData` inside the correct scope where starValue exists
let userData = {
gameName: gameVersion.trim(),
gameID: gameId,
screenShot: imageCode,
childId: childId,
gameTime: timeDifferenceInSeconds,
gameStar: starValue // ✅ Now correctly assigned
};
// ✅ Now perform the second fetch request
fetch(`https://api.teachertrainingkolkata.in/api/saveGalleryImage`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(userData)
})
.then(response => response.json())
.then(data => {
if (data.screenshotUrl) {
fetch(`https://api.teachertrainingkolkata.in/api/saveGameScore2`, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(userData)
})
.then(response => {
setTimeout(() => {
if (response.ok && response.status == 200) {
document.getElementById('saved-toast').classList.remove('hidden');
setTimeout(() => {
document.getElementById('saved-toast').classList.add('hidden');
}, 2000);
}
}, 100);
})
.catch(error => {
console.error('An error occurred', error);
});
// Final API Call
const userAnotherData = {
assignmentId: assignmentId,
worksheetId: worksheetId,
studentId: childId,
submissionFile: data.screenshotUrl.split('/')[4].split('?')[0],
};
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q';
fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Authorization': authToken
},
body: JSON.stringify(userAnotherData)
})
.then(response => response.json())
.then(data => {
console.log('Submission API response', data);
})
.catch(error => {
console.error('An error occurred', error);
});
}
})
.catch(error => {
console.error('An error occurred', error);
});
} }
}, 100); }, 150);
}) })
.catch(error => { .catch(error => {
console.error('An error occurred', error); console.error('An error occurred', error);
}); });
} }

2
public/saveGameData.js
View File

@@ -252,7 +252,7 @@ function submitUserData(drawingZone) {
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
// console.log('Starting submissions API call'); // console.log('Starting submissions API call');
fetch(`https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions`, { fetch(`https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions`, {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/cross/cross_phonics_v1.astro
View File

@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -480,7 +480,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/cross/cross_phonics_v2.astro
View File

@@ -157,7 +157,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -492,7 +492,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/cross/v1.astro
View File

@@ -148,7 +148,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -482,7 +482,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/cross/v2.astro
View File

@@ -152,7 +152,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -492,7 +492,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/cross/v3.astro
View File

@@ -127,7 +127,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -432,7 +432,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

2
src/pages/drag/dragdrop_phonics.astro
View File

@@ -155,7 +155,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

2
src/pages/drag/index.astro
View File

@@ -160,7 +160,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

2
src/pages/drag/match_phonics.astro
View File

@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

2
src/pages/drag/v2.astro
View File

@@ -159,7 +159,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

2
src/pages/drag/v3.astro
View File

@@ -191,7 +191,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

2
src/pages/drag/v4.astro
View File

@@ -158,7 +158,7 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)

13
src/pages/drawing/drawing_phonics.astro
View File

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
<p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p> <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
</div> </div>
</div> </div>
<div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;"> <div class="flex flex-row items-center" style="">
<img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" /> <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
<p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p> <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -81,8 +81,9 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('clipArtWithHand'); const imgElement = document.getElementById('clipArtWithHand');
document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
imgElement.src = `/assets/hand-${spriteNames}.svg`; imgElement.src = `/assets/hand-${spriteNames}.svg`;
console.log(imgElement.src) console.log(imgElement.src)
} else { } else {
@@ -133,7 +134,9 @@ import Layout from '../../layouts/Layout.astro';
} }
function showAnimation() { function showAnimation() {
const clipArt = document.querySelector('.clip-art'); const clipArt = document.querySelector('.clip-art');
clipArt.classList.add('show'); setTimeout(() => {
clipArt.classList.add('show');
}, 100);
} }
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const isTab = window.innerWidth > 768 && window.innerWidth <= 1416; const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

13
src/pages/drawing/drawing_writo.astro
View File

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
<p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p> <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
</div> </div>
</div> </div>
<div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;"> <div class="flex flex-row items-center" style="">
<img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" /> <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
<p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p> <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('clipArtWithHand'); const imgElement = document.getElementById('clipArtWithHand');
document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
imgElement.src = `/assets/hand-${spriteNames}.svg`; imgElement.src = `/assets/hand-${spriteNames}.svg`;
console.log(imgElement.src) console.log(imgElement.src)
} else { } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
} }
function showAnimation() { function showAnimation() {
const clipArt = document.querySelector('.clip-art'); const clipArt = document.querySelector('.clip-art');
clipArt.classList.add('show'); setTimeout(() => {
clipArt.classList.add('show');
}, 100);
} }
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const isTab = window.innerWidth > 768 && window.innerWidth <= 1416; const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

20
src/pages/drawing/index.astro
View File

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
<p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p> <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
</div> </div>
</div> </div>
<div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;"> <div class="flex flex-row items-center" style="">
<img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" /> <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
<p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p> <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -76,14 +76,16 @@ import Layout from '../../layouts/Layout.astro';
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
const akademyGameName = params.get('gameName'); const akademyGameName = params.get('gameName');
const spriteNames = params.get('spriteName'); const spriteNames = params.get('spriteName');
let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ] let buddiesList = [ "arlo", "ava", "dax", "kai", "monstero", "yara" ];
// starClipart
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('clipArtWithHand'); const imgElement = document.getElementById('clipArtWithHand');
document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
imgElement.src = `/assets/hand-${spriteNames}.svg`; imgElement.src = `/assets/hand-${spriteNames}.svg`;
console.log(imgElement.src) // console.log(imgElement.src)
} else { } else {
console.log('Element with ID "clipArtWithHand" not found.'); console.log('Element with ID "clipArtWithHand" not found.');
} }
@@ -146,11 +148,9 @@ import Layout from '../../layouts/Layout.astro';
} }
function showAnimation() { function showAnimation() {
const clipArt = document.querySelector('.clip-art'); const clipArt = document.querySelector('.clip-art');
// Initially set the clip-art to show after 2 seconds with a slide effect
setTimeout(() => { setTimeout(() => {
clipArt.classList.add('show'); // Add the show class to trigger animation clipArt.classList.add('show');
}, 2000); // Delay animation by 2 seconds }, 100);
} }
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed

13
src/pages/drawing/v2.astro
View File

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
<p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p> <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
</div> </div>
</div> </div>
<div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;"> <div class="flex flex-row items-center" style="">
<img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" /> <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
<p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p> <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('clipArtWithHand'); const imgElement = document.getElementById('clipArtWithHand');
document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
imgElement.src = `/assets/hand-${spriteNames}.svg`; imgElement.src = `/assets/hand-${spriteNames}.svg`;
console.log(imgElement.src) console.log(imgElement.src)
} else { } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
} }
function showAnimation() { function showAnimation() {
const clipArt = document.querySelector('.clip-art'); const clipArt = document.querySelector('.clip-art');
clipArt.classList.add('show'); setTimeout(() => {
clipArt.classList.add('show');
}, 100);
} }
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const isTab = window.innerWidth > 768 && window.innerWidth <= 1416; const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

13
src/pages/drawing/v3.astro
View File

@@ -23,9 +23,9 @@ import Layout from '../../layouts/Layout.astro';
<p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p> <p id="get-star-value" class="absolute inset-0 flex items-center justify-center text-[#E76408] text-[40px] font-[900]"></p>
</div> </div>
</div> </div>
<div class="flex flex-row" style="margin-top: 15px; margin-bottom: 15px;"> <div class="flex flex-row items-center" style="">
<img class="z-10" src="/assets/animate-clipart.gif" alt="" style="width: 90.21px; height: 86.24px;" /> <img id="starClipart" class="z-10" src="" alt="" style="width: 170px;" />
<p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-6 rounded-[10px] -ml-[10px]" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p> <p id="starFeedbackMessage" class="text-[#0348A8] text-[12px] font-[700] p-8 rounded-[10px] -ml-[40px] h-fit" style="background: linear-gradient(270.05deg, #FFFFFF 4.67%, #DAEAFF 99.61%);"></p>
</div> </div>
<div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3"> <div class="flex flex-col w-full max-w-sm items-center justify-center mx-auto gap-3">
<button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button> <button onclick="history.back();" class="rounded-[4px] bg-[#0348A8] text-[#FFF] text-[12px] font-[700] p-2.5 w-full border-[1px] border-[#0348A8]">Wow, Lets Go</button>
@@ -80,8 +80,9 @@ import Layout from '../../layouts/Layout.astro';
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('clipArtWithHand'); const imgElement = document.getElementById('clipArtWithHand');
document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
document.getElementById('starClipart').src = `/assets/${spriteNames}.gif`
imgElement.src = `/assets/hand-${spriteNames}.svg`; imgElement.src = `/assets/hand-${spriteNames}.svg`;
console.log(imgElement.src) console.log(imgElement.src)
} else { } else {
@@ -131,7 +132,9 @@ import Layout from '../../layouts/Layout.astro';
} }
function showAnimation() { function showAnimation() {
const clipArt = document.querySelector('.clip-art'); const clipArt = document.querySelector('.clip-art');
clipArt.classList.add('show'); setTimeout(() => {
clipArt.classList.add('show');
}, 100);
} }
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const isTab = window.innerWidth > 768 && window.innerWidth <= 1416; const isTab = window.innerWidth > 768 && window.innerWidth <= 1416;

4
src/pages/tick/tick_phonics_v1.astro
View File

@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -486,7 +486,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/tick/tick_phonics_v2.astro
View File

@@ -175,7 +175,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -515,7 +515,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/tick/tick_phonics_v3.astro
View File

@@ -132,7 +132,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -438,7 +438,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/tick/v1.astro
View File

@@ -151,7 +151,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -478,7 +478,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/tick/v2.astro
View File

@@ -171,7 +171,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -506,7 +506,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',

4
src/pages/tick/v3.astro
View File

@@ -137,7 +137,7 @@ import Layout from "../../layouts/Layout.astro";
function displaySprite() { function displaySprite() {
if (buddiesList.includes(spriteNames)) { if (buddiesList.includes(spriteNames)) {
const imgElement = document.getElementById('starClipart'); const imgElement = document.getElementById('starClipart');
// document.getElementById('buddiesName').textContent = `Ask to ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`; // document.getElementById('buddiesName').textContent = `Ask ${spriteNames.charAt(0).toUpperCase() + spriteNames.slice(1)}`;
if (imgElement) { if (imgElement) {
imgElement.src = `/assets/${spriteNames}.gif`; imgElement.src = `/assets/${spriteNames}.gif`;
console.log(imgElement.src) console.log(imgElement.src)
@@ -454,7 +454,7 @@ import Layout from "../../layouts/Layout.astro";
}; };
const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token const authToken = 'Bearer eyJhbGciOiJSUzUxMiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkZW50aXR5SWQiOiI2NjNjNGMzNjRiNmYzZjU0YmExZjcxMTUiLCJfaWQiOiI2NjNjNGMzNjBiOWYyZDk5MGQyNWYwYjMiLCJ0eXBlIjoiQUtBREVNWSIsImRldmljZUlkIjoiMDBqNXJtODl5b3BvNjh1a2Yyb2c5cTdoIn0sImlhdCI6MTczNjM5ODkwNCwiZXhwIjoxNzM3MDAzNzA0LCJpc3MiOiJidXp6T25lIn0.vhH0zTkVisnbK6n5aPgV3RrtmpP095Gtz6ayUc29XerEV-XPVhYwg06JQnm2FWGPtadEJ2Ea5z6_YNp5Kz9DENL9LxpYYuXRUOGvMEaVM5YZOYQ88viqxM7SIvxElIsc8cQeJr5v-4ov4MyOuXws7R5MDDO2PuzYdwaA52GXbQ0LO3aFGOQL7nWPKVYqFWCQe_T-1JphbsGStHivcmUy8_DAdjs0VpXFJKiQm6jcWQO3j3uOUJSi14af4ZvrUPkjIT92OOHiZTL7CUbbFt4yktnw3Gm2Fv6lS5pamSJpVJnGJQ6ebjd70IXnE49Mn9IK9AssnjTBh2DaNeVc0C1z9Q'; // Your token
try { try {
const submitResponse = await fetch('https://preschool-curriculum.in/api/one/v1/akademy/worksheet/submissions', { const submitResponse = await fetch('https://beanstalkedu.in/api/one/v1/akademy/worksheet/submissions', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json', 'Content-Type': 'application/json',