diff --git a/src/components/Menu.astro b/src/components/Menu.astro index 830d2b4..35c6c6a 100644 --- a/src/components/Menu.astro +++ b/src/components/Menu.astro @@ -10,7 +10,7 @@ Educators Administrators
-
@@ -36,7 +36,7 @@ Educators Administrators
- +
Worksheets Videos diff --git a/src/components/SubmitCelebration.vue b/src/components/SubmitCelebration.vue index 8ea4163..28b481c 100644 --- a/src/components/SubmitCelebration.vue +++ b/src/components/SubmitCelebration.vue @@ -1,25 +1,27 @@ \ No newline at end of file diff --git a/src/pages/occasion/index.astro b/src/pages/occasion/index.astro index fb1d359..441045e 100644 --- a/src/pages/occasion/index.astro +++ b/src/pages/occasion/index.astro @@ -32,6 +32,7 @@ const faqResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/F const faqRespJson = await faqResp.json(); const faqRespData = faqRespJson.data; +import SubmitCelebration from "../../components/SubmitCelebration.vue"; import Footer from "../../components/Footer.vue"; --- @@ -122,6 +123,7 @@ import Footer from "../../components/Footer.vue"; )}
+
YouTube Videos for your reference

{occassion[0].youtube_text}

diff --git a/src/pages/themes/[id].astro b/src/pages/themes/[id].astro new file mode 100644 index 0000000..ef5c993 --- /dev/null +++ b/src/pages/themes/[id].astro @@ -0,0 +1,353 @@ +--- +import Layout from "../../layouts/Layout.astro"; +import Menu from "../../components/Menu.astro"; + +const response = await fetch('https://curriculum-app-api.beanstalkedu.com/items/themes?filter[status][_eq]=published'); +const data = await response.json(); +const themes = data.data; + +const thisThemesID = data.data[0].id; + +const tciResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/theme_celebration_ideas?filter[theme_key][_in]=' + thisThemesID ); +const tciRespJson = await tciResp.json(); +const tciRespData = tciRespJson.data.reverse().slice(0, 4); + +const twsResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/theme_workshets?filter[theme_key][_in]=' + thisThemesID); +const twsRespJson = await twsResp.json(); +const twsRespData = twsRespJson.data.reverse().slice(0, 3); +const twsRespData2 = twsRespJson.data[3]; + +import ThemesVideos from "../../components/ThemesVideos.vue"; +import ThemesAudioBook from "../../components/ThemesAudioBook.vue"; + +const tcsResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/theme_celebration_stories?filter[theme_key][_in]=' + thisThemesID); +const tcsRespJson = await tcsResp.json(); +const tcsRespData = tcsRespJson.data.reverse().slice(0, 4); + +import SubmitCelebration from "../../components/SubmitCelebration.vue"; + +const ytvResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/theme_youtube_videos?filter[theme_key][_in]=' + thisThemesID); +const ytvRespJson = await ytvResp.json(); +const ytvRespData = ytvRespJson.data.reverse(); + +const allthemesResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/themes?filter[status][_eq]=draft&limit=3'); +const allthemesRespJson = await allthemesResp.json(); +const allthemesRespData = allthemesRespJson.data; + +const faqresponse = await fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=themes'); +const faqdata = await faqresponse.json(); +const faq = faqdata.data; + +import Footer from "../../components/Footer.vue"; +--- + + +
+
+
+
+
+
+

Theme of the Month- {themes[0].theme_title}

+
{themes[0].theme_text }
+
{themes[0].theme_details }
+
+
+
+ + +
+
+
+ +
+
Celebration Ideas
+
{themes[0].celebration_ideas_text}
+
+ {tciRespData.map((data) => +
+ +
{data.celebration_ideas_title} +
+
{data.celebration_ideas_body_text} +
+
+ +

View Now

+ +
+
+ )} +
+
+ +
+
Worksheets
+
{themes[0].worksheets_text}
+
+ {twsRespData.map((data) => +
+ +
+ +

Download

+ +
+
+ )} + + +
+
+ +
+

+ Subscribe

+

 To download
more resources

+
+
+ +
+ +
+
+ + +
+

Celebretion stories

+

{themes[0].celebration_stories_text}

+
+ {tcsRespData.map((data) => +
+
+
{data.title}
+

{data.text}

+
Read Full Storry >> +
+
+ )} +
+
+ + +
+
YouTube Videos for your reference
+
{themes[0].youtube_text}
+
+ {ytvRespData.map((data) => +
+ +
+ +
{data.about_the_video}
+
+ +
+ )} +
+
+ +
+

Other Themes

+
+ {allthemesRespData.map((data) => +
+ + + +
+ )} +
+
+ {faq.length >0 && +
+
+ +
+

Frequently Asked Questions

+ {faq.map((data: { title: string | undefined; }) => +
+ +
{data.title}
+ +
+
+ )} +
+
+ +
+
+
+ } + +
+
+
+ + \ No newline at end of file diff --git a/src/pages/themes/index.astro b/src/pages/themes/index.astro index da01fd1..ef5c993 100644 --- a/src/pages/themes/index.astro +++ b/src/pages/themes/index.astro @@ -25,6 +25,20 @@ const tcsRespJson = await tcsResp.json(); const tcsRespData = tcsRespJson.data.reverse().slice(0, 4); import SubmitCelebration from "../../components/SubmitCelebration.vue"; + +const ytvResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/theme_youtube_videos?filter[theme_key][_in]=' + thisThemesID); +const ytvRespJson = await ytvResp.json(); +const ytvRespData = ytvRespJson.data.reverse(); + +const allthemesResp = await fetch('https://curriculum-app-api.beanstalkedu.com/items/themes?filter[status][_eq]=draft&limit=3'); +const allthemesRespJson = await allthemesResp.json(); +const allthemesRespData = allthemesRespJson.data; + +const faqresponse = await fetch('https://management.beanstalkedu.com/items/FAQ?filter[property][_eq]=teenybeans_curriculum&filter[slug][_eq]=themes'); +const faqdata = await faqresponse.json(); +const faq = faqdata.data; + +import Footer from "../../components/Footer.vue"; --- @@ -100,7 +114,7 @@ import SubmitCelebration from "../../components/SubmitCelebration.vue";

Celebretion stories

-

{themes[0].celebretion_stories_text}

+

{themes[0].celebration_stories_text}

{tcsRespData.map((data) =>
@@ -114,10 +128,93 @@ import SubmitCelebration from "../../components/SubmitCelebration.vue";
+ +
+
YouTube Videos for your reference
+
{themes[0].youtube_text}
+
+ {ytvRespData.map((data) => +
+ +
+ +
{data.about_the_video}
+
+ +
+ )} +
+
+ +
+

Other Themes

+
+ {allthemesRespData.map((data) => +
+ + + +
+ )} +
+
+ {faq.length >0 && +
+
+ +
+

Frequently Asked Questions

+ {faq.map((data: { title: string | undefined; }) => +
+ +
{data.title}
+ +
+
+ )} +
+
+ +
+
+
+ } +
+