change game du url from config.js file

This commit is contained in:
2025-11-21 15:24:11 +05:30
parent a975289aa7
commit e8b952b98b
31 changed files with 183 additions and 104 deletions

View File

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -170,20 +173,20 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
if(data.instruction){
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;
if(isMobile){
imageCustomWidth = "?width=80";
} 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.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -342,7 +345,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
blockMatches = [

View File

@@ -41,7 +41,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -172,14 +175,14 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
console.log(data)
if(data.instruction){
audioFileId = true;
}
audioData = `https://game-du.teachertrainingkolkata.in/assets/${data.instruction}.mp3`;
audioData = `${GAME_DU_URL_PREFIX}/assets/${data.instruction}.mp3`;
// console.log(audioData)
const {left_image1, left_image2, left_image3, left_image4, right_image1, right_image2, right_image3, right_image4} = data;
if(isMobile){
@@ -187,7 +190,7 @@ import Layout from '../../layouts/Layout.astro';
} else{
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_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -326,7 +329,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data)

View File

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -171,20 +174,20 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
if(data.instruction){
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;
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.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -324,7 +327,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data) right_match

View File

@@ -37,7 +37,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -171,21 +174,21 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
if(data.instruction){
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;
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.left_image1 = assetsURL + left_image1 + imageCustomWidth;
assetsList.left_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -325,7 +328,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data) right_match

View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<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 drawingZone = {
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 = {}
const params = new URLSearchParams(window.location.search);
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(({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{
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_image2 = assetsURL + left_image2 + imageCustomWidth;
assetsList.left_image3 = assetsURL + left_image3 + imageCustomWidth;
@@ -277,7 +280,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data) right_match

View File

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -203,20 +206,20 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
if(data.instruction){
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;
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.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -357,7 +360,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data)

View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<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 drawingZone = {
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 = {};
const params = new URLSearchParams(window.location.search);
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(({data}) => {
const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -169,7 +172,7 @@ import Layout from '../../layouts/Layout.astro';
} 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.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -300,7 +303,7 @@ import Layout from '../../layouts/Layout.astro';
create() {
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
// console.log(data)

View File

@@ -38,7 +38,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<script is:inline>
let GAME_DU_URL_PREFIX = window.APP_CONFIG.PUBLIC_GAME_DU_API_URL;
// function showAnimation() {
// const clipArt = document.querySelector('.clip-art');
// clipArt.classList.add('show');
@@ -170,16 +173,16 @@ import Layout from '../../layouts/Layout.astro';
}
}
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(({data}) => {
if(data.instruction){
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;
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.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -322,7 +325,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
blockMatches = [

View File

@@ -50,7 +50,10 @@ import Layout from '../../layouts/Layout.astro';
</main>
</Layout>
<script src="/saveGameData.js" is:inline></script>
<script src="/config.js" is:inline></script>
<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 drawingZone = {
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 = {};
const params = new URLSearchParams(window.location.search);
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(({data}) => {
const {image1, image2, image3, image4, image5, image6, image7, image8} = data;
@@ -136,7 +139,7 @@ import Layout from '../../layouts/Layout.astro';
} 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.element2 = assetsURL + image2 + imageCustomWidth;
assetsList.element3 = assetsURL + image3 + imageCustomWidth;
@@ -289,7 +292,7 @@ import Layout from '../../layouts/Layout.astro';
const params = new URLSearchParams(window.location.search);
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(({ data }) => {
blockMatches = [