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

change game du url from config.js file

Browse Source
This commit is contained in:
Subhodip Ghosh
2025-11-21 15:24:11 +05:30
parent a975289aa7
commit e8b952b98b
31 changed files with 183 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/config.js Normal file
View File

@@ -0,0 +1,4 @@
window.APP_CONFIG = {
PUBLIC_GAME_DU_API_URL: "https://game-du.teachertrainingkolkata.in",
siteName: "Interakto Games"
};

2
public/saveGameData.js
View File

@@ -195,7 +195,7 @@ function submitUserData(drawingZone) {
}) })
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
console.log('Gallery Response Data', data) // console.log('Gallery Response Data', data)
if(data.screenshotUrl){ if(data.screenshotUrl){
let userData = { let userData = {

2
public/saveTracingGameData.js
View File

@@ -33,7 +33,7 @@ const gameType = gameName[3].split('?id=');
// console.log('Type - 3'); // console.log('Type - 3');
// } // }
console.log(gameVersion) // console.log(gameVersion)
function submitUserData(drawingZone) { function submitUserData(drawingZone) {
const endTime = Date.now(); const endTime = Date.now();

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

@@ -122,7 +122,10 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -173,11 +176,11 @@ import Layout from "../../layouts/Layout.astro";
let progress = 0; let progress = 0;
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/cross_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/cross_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -204,7 +207,7 @@ import Layout from "../../layouts/Layout.astro";
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 6; i++) { for (let i = 1; i <= 6; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -131,7 +131,10 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -181,11 +184,11 @@ import Layout from "../../layouts/Layout.astro";
let progress = 0; let progress = 0;
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/cross_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/cross_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -220,7 +223,7 @@ import Layout from "../../layouts/Layout.astro";
} }
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 9; i++) { for (let i = 1; i <= 9; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -122,7 +122,10 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -174,11 +177,11 @@ import Layout from "../../layouts/Layout.astro";
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -205,7 +208,7 @@ import Layout from "../../layouts/Layout.astro";
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 6; i++) { for (let i = 1; i <= 6; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -126,7 +126,10 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -177,11 +180,11 @@ import Layout from "../../layouts/Layout.astro";
let progress = 0; let progress = 0;
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -214,7 +217,7 @@ import Layout from "../../layouts/Layout.astro";
if(gameData.label9){ if(gameData.label9){
document.getElementById("label9").innerHTML = gameData.label9; document.getElementById("label9").innerHTML = gameData.label9;
} }
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 9; i++) { for (let i = 1; i <= 9; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -101,7 +101,10 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -150,11 +153,11 @@ import Layout from "../../layouts/Layout.astro";
let progress = 0; let progress = 0;
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/game_cross_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_cross_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -167,7 +170,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById("label3").innerHTML = gameData.label3; document.getElementById("label3").innerHTML = gameData.label3;
} }
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
document.getElementById('descImage').src = assetsURL + gameData.descript_img; document.getElementById('descImage').src = assetsURL + gameData.descript_img;
for (let i = 1; i <= 3; i++) { for (let i = 1; i <= 3; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;

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

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -170,20 +173,20 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
const {image1, image2, image3, image4, image5, image6, image7, image8} = data; const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
if(isMobile){ if(isMobile){
imageCustomWidth = "?width=80"; imageCustomWidth = "?width=80";
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`
assetsList.element1 = assetsURL + image1 + imageCustomWidth; assetsList.element1 = assetsURL + image1 + imageCustomWidth;
assetsList.element2 = assetsURL + image2 + imageCustomWidth; assetsList.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth; assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -342,7 +345,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/drag_drop_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
blockMatches = [ blockMatches = [

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

@@ -41,7 +41,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -172,14 +175,14 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
console.log(data) console.log(data)
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(audioData) // console.log(audioData)
const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data; const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
if(isMobile){ if(isMobile){
@@ -187,7 +190,7 @@ import Layout from '../../layouts/Layout.astro';
} else{ } else{
imageCustomWidth = "?width=60"; imageCustomWidth = "?width=60";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth; assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth; assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth; assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -326,7 +329,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) // console.log(data)

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

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -171,20 +174,20 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data; const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
if(isMobile){ if(isMobile){
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth; assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth; assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth; assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -324,7 +327,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/drag_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) right_match // console.log(data) right_match

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

@@ -37,7 +37,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -171,21 +174,21 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data; const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
if(isMobile){ if(isMobile){
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth; assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth; assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth; assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -325,7 +328,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) right_match // console.log(data) right_match

9
src/pages/drag/v20.astro
View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const drawingZone = { const drawingZone = {
x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -132,7 +135,7 @@ import Layout from '../../layouts/Layout.astro';
var assetsList = {} var assetsList = {}
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data; const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
@@ -141,7 +144,7 @@ import Layout from '../../layouts/Layout.astro';
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth; assetsList.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth; assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth; assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -277,7 +280,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) right_match // console.log(data) right_match

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

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -203,20 +206,20 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
const {image1, image2, image3, image4, image5, image6, image7, image8} = data; const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
if(isMobile){ if(isMobile){
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.element1 = assetsURL + image1 + imageCustomWidth; assetsList.element1 = assetsURL + image1 + imageCustomWidth;
assetsList.element2 = assetsURL + image2 + imageCustomWidth; assetsList.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth; assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -357,7 +360,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) // console.log(data)

9
src/pages/drag/v30.astro
View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const drawingZone = { const drawingZone = {
x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -160,7 +163,7 @@ import Layout from '../../layouts/Layout.astro';
var assetsList = {}; var assetsList = {};
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
const {image1, image2, image3, image4, image5, image6, image7, image8} = data; const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -169,7 +172,7 @@ import Layout from '../../layouts/Layout.astro';
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.element1 = assetsURL + image1 + imageCustomWidth; assetsList.element1 = assetsURL + image1 + imageCustomWidth;
assetsList.element2 = assetsURL + image2 + imageCustomWidth; assetsList.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth; assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -300,7 +303,7 @@ import Layout from '../../layouts/Layout.astro';
create() { create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data) // console.log(data)

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

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() { // function showAnimation() {
// const clipArt = document.querySelector('.clip-art'); // const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show'); // clipArt.classList.add('show');
@@ -170,16 +173,16 @@ import Layout from '../../layouts/Layout.astro';
} }
} }
displaySprite(); displaySprite();
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
const {image1, image2, image3, image4, image5, image6, image7, image8} = data; const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
if(isMobile){imageCustomWidth = "?width=100";} else{imageCustomWidth = "?width=100";}; if(isMobile){imageCustomWidth = "?width=100";} else{imageCustomWidth = "?width=100";};
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.element1 = assetsURL + image1 + imageCustomWidth; assetsList.element1 = assetsURL + image1 + imageCustomWidth;
assetsList.element2 = assetsURL + image2 + imageCustomWidth; assetsList.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth; assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -322,7 +325,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
blockMatches = [ blockMatches = [

9
src/pages/drag/v40.astro
View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed const isMobile = window.innerWidth <= 768; // Define your mobile breakpoint as needed
const drawingZone = { const drawingZone = {
x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width x: isMobile ? 0 : window.innerWidth / 4, // Set x to 0 on mobile, else 1/4 of screen width
@@ -127,7 +130,7 @@ import Layout from '../../layouts/Layout.astro';
var assetsList = {}; var assetsList = {};
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
const {image1, image2, image3, image4, image5, image6, image7, image8} = data; const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -136,7 +139,7 @@ import Layout from '../../layouts/Layout.astro';
} else{ } else{
imageCustomWidth = "?width=100"; imageCustomWidth = "?width=100";
} }
const assetsURL = "https://game-du.teachertrainingkolkata.in/assets/" const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
assetsList.element1 = assetsURL + image1 + imageCustomWidth; assetsList.element1 = assetsURL + image1 + imageCustomWidth;
assetsList.element2 = assetsURL + image2 + imageCustomWidth; assetsList.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth; assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -289,7 +292,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drag_v4/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
blockMatches = [ blockMatches = [

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

@@ -69,7 +69,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script src="/saveGameAI.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -97,7 +100,7 @@ import Layout from '../../layouts/Layout.astro';
let galleryData = []; // Store gallery data from the API let galleryData = []; // Store gallery data from the API
let currentSlide = 0; // Initialize the current slide index let currentSlide = 0; // Initialize the current slide index
fetch(`https://api.teachertrainingkolkata.in/api/getGalleryImage?userId=${akademyUserId}&gameID=${paramsID}&gameName=${akademyGameName}`) fetch(`${GAME_DU_URL_PREFIX}/api/getGalleryImage?userId=${akademyUserId}&gameID=${paramsID}&gameName=${akademyGameName}`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
galleryData = data; // Store the fetched gallery data galleryData = data; // Store the fetched gallery data
@@ -225,17 +228,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -289,7 +292,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/drawing_phonics/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script src="/saveGameAI.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -225,17 +227,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -289,7 +291,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/drawing_writo/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

12
src/pages/drawing/game_drawing_jpg.astro
View File

@@ -69,8 +69,10 @@ import Layout from '../../layouts/Layout.astro';
<script is:inline src="/assets/js/phaser_3.60.0.js"></script> <script is:inline src="/assets/js/phaser_3.60.0.js"></script>
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script is:inline src="/saveGameAI.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -237,17 +239,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/` + image; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -301,7 +303,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_jpg/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -69,8 +69,11 @@ import Layout from '../../layouts/Layout.astro';
<script is:inline src="/assets/js/phaser_3.60.0.js"></script> <script is:inline src="/assets/js/phaser_3.60.0.js"></script>
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script is:inline src="/saveGameAI.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -255,17 +258,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -320,7 +323,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_png/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script src="/saveGameAI.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -245,17 +247,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -310,7 +312,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

8
src/pages/drawing/test.astro
View File

@@ -10,7 +10,9 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameData.js" is:inline></script> <script src="/saveGameData.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
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;
@@ -95,13 +97,13 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -152,7 +154,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -70,7 +70,10 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script src="/saveGameAI.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -243,19 +246,19 @@ import Layout from '../../layouts/Layout.astro';
return result; return result;
} }
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
colorList = data.colors; colorList = data.colors;
defaultColor = colorList[0]; defaultColor = colorList[0];
const {image1, image2} = data; const {image1, image2} = data;
assetsList.image1 = "https://game-du.teachertrainingkolkata.in/assets/" + image1; // + "?width=450"; assetsList.image1 = `${GAME_DU_URL_PREFIX}/assets/${image1}`; // + "?width=450";
assetsList.image2 = "https://game-du.teachertrainingkolkata.in/assets/" + image2; // + "?width=450"; assetsList.image2 = `${GAME_DU_URL_PREFIX}/assets/${image2}`; // + "?width=450";
// console.log('Here is image -1', "https://game-du.teachertrainingkolkata.in/assets/" + image1) // console.log('Here is image -1', `${GAME_DU_URL_PREFIX}/assets/${image1}`)
const config = { const config = {
type: Phaser.AUTO, type: Phaser.AUTO,
width: window.innerWidth, width: window.innerWidth,
@@ -310,7 +313,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v2/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -70,7 +70,9 @@ import Layout from '../../layouts/Layout.astro';
</main> </main>
</Layout> </Layout>
<script src="/saveGameAI.js" is:inline></script> <script src="/saveGameAI.js" is:inline></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
const akademyUserId = params.get('childId'); const akademyUserId = params.get('childId');
@@ -225,17 +227,17 @@ import Layout from '../../layouts/Layout.astro';
// shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length // shortUniqueID = generateShortUniqueID(10); // Change 10 to the desired length
// console.log(shortUniqueID); // console.log(shortUniqueID);
const data = fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) const data = fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({data}) => { .then(({data}) => {
if(data.instruction){ if(data.instruction){
audioFileId = true; audioFileId = true;
} }
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`; audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(data) // console.log(data)
// colorList = data.colors; // colorList = data.colors;
const {image} = data; const {image} = data;
assetsList.image = "https://game-du.teachertrainingkolkata.in/assets/" + image; // + "?width=450"; assetsList.image = `${GAME_DU_URL_PREFIX}/assets/${image}`; // + "?width=450";
// console.log(assetsList) // console.log(assetsList)
const config = { const config = {
@@ -289,7 +291,7 @@ import Layout from '../../layouts/Layout.astro';
function create() { function create() {
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
const paramsID = params.get('id'); const paramsID = params.get('id');
fetch(`https://game-du.teachertrainingkolkata.in/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_drawing_v3/${encodeURIComponent(paramsID)}?filter[status][_eq]=published`)
.then(response => response.json()) .then(response => response.json())
.then(({ data }) => { .then(({ data }) => {
// console.log(data.colors) // console.log(data.colors)

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

@@ -125,7 +125,9 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -207,11 +209,11 @@ import Layout from "../../layouts/Layout.astro";
}, 100); }, 100);
} }
fetch(`https://game-du.teachertrainingkolkata.in/items/tick_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/tick_phonics_option_6/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -237,7 +239,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById("label6").innerHTML = gameData.label6; document.getElementById("label6").innerHTML = gameData.label6;
} }
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 6; i++) { for (let i = 1; i <= 6; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -149,7 +149,9 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -232,11 +234,11 @@ import Layout from "../../layouts/Layout.astro";
}, 100); }, 100);
} }
fetch(`https://game-du.teachertrainingkolkata.in/items/tick_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/tick_phonics_option_9/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -271,7 +273,7 @@ import Layout from "../../layouts/Layout.astro";
} }
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 9; i++) { for (let i = 1; i <= 9; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -106,7 +106,9 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -188,11 +190,11 @@ import Layout from "../../layouts/Layout.astro";
}, 100); }, 100);
} }
fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_v3_phonics/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_v3_phonics/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -204,7 +206,7 @@ import Layout from "../../layouts/Layout.astro";
document.getElementById("label2").innerHTML = gameData.label2; document.getElementById("label2").innerHTML = gameData.label2;
document.getElementById("label3").innerHTML = gameData.label3; document.getElementById("label3").innerHTML = gameData.label3;
} }
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
document.getElementById('descImage').src = assetsURL + gameData.descript_img; document.getElementById('descImage').src = assetsURL + gameData.descript_img;
for (let i = 1; i <= 3; i++) { for (let i = 1; i <= 3; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;

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

@@ -1,5 +1,6 @@
--- ---
import Layout from "../../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
// const API_URL = import.meta.env.PUBLIC_GAME_DU_API_URL;
--- ---
<Layout title=""> <Layout title="">
<main> <main>
@@ -123,9 +124,12 @@ import Layout from "../../layouts/Layout.astro";
</Layout> </Layout>
<!-- <script is:inline src="/html2canvas.min.js"></script> --> <!-- <script is:inline src="/html2canvas.min.js"></script> -->
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -174,13 +178,13 @@ import Layout from "../../layouts/Layout.astro";
let progress = 0; let progress = 0;
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_variant1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_variant1/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
// console.log('totalCorrectFromApi', totalCorrectFromApi) gameData // console.log('totalCorrectFromApi', totalCorrectFromApi) gameData
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -207,7 +211,7 @@ import Layout from "../../layouts/Layout.astro";
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 6; i++) { for (let i = 1; i <= 6; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -145,7 +145,9 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -224,11 +226,11 @@ import Layout from "../../layouts/Layout.astro";
} }
}, 100); }, 100);
} }
fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_variant2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_variant2/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -263,7 +265,7 @@ import Layout from "../../layouts/Layout.astro";
} }
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
for (let i = 1; i <= 9; i++) { for (let i = 1; i <= 9; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;
document.getElementById(imageId).src = assetsURL + gameData[imageId]; document.getElementById(imageId).src = assetsURL + gameData[imageId];

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

@@ -111,7 +111,9 @@ import Layout from "../../layouts/Layout.astro";
</main> </main>
</Layout> </Layout>
<script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script is:inline src="/config.js"></script>
<script is:inline> <script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
let isPlaying = false; let isPlaying = false;
function audioPlayAndPause(){ function audioPlayAndPause(){
if(isPlaying === false){ if(isPlaying === false){
@@ -161,11 +163,11 @@ import Layout from "../../layouts/Layout.astro";
const progressBar = document.createElement('div'); const progressBar = document.createElement('div');
let totalCorrectFromApi = 0; let totalCorrectFromApi = 0;
fetch(`https://game-du.teachertrainingkolkata.in/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`) fetch(`${GAME_DU_URL_PREFIX}/items/game_tick_varient3/${encodeURIComponent(gameId)}?filter[status][_eq]=published`)
.then(res => res.json()) .then(res => res.json())
.then(data => { .then(data => {
gameData = data.data; gameData = data.data;
let audioLink = `https://game-du.teachertrainingkolkata.in/assets/${gameData.instruction}.mp3`; let audioLink = `${GAME_DU_URL_PREFIX}/assets/${gameData.instruction}.mp3`;
document.getElementById('instrucAudio1').src = audioLink; document.getElementById('instrucAudio1').src = audioLink;
document.getElementById('instrucAudio2').src = audioLink; document.getElementById('instrucAudio2').src = audioLink;
document.querySelector('audio').load(); document.querySelector('audio').load();
@@ -189,7 +191,7 @@ import Layout from "../../layouts/Layout.astro";
// document.getElementById('LearningArea').innerHTML = gameData.LearningArea; // document.getElementById('LearningArea').innerHTML = gameData.LearningArea;
// document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea; // document.getElementById('LearningSubArea').innerHTML = gameData.LearningSubArea;
const assetsURL = 'https://game-du.teachertrainingkolkata.in/assets/'; const assetsURL = `${GAME_DU_URL_PREFIX}/assets/`;
document.getElementById('descImage').src = assetsURL + gameData.descript_img; document.getElementById('descImage').src = assetsURL + gameData.descript_img;
for (let i = 1; i <= 3; i++) { for (let i = 1; i <= 3; i++) {
const imageId = `image${i}`; const imageId = `image${i}`;