From dbcfd70c2966a5a4b7e1f872cce216860df23346 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Wed, 5 Aug 2026 15:05:48 +0100 Subject: [PATCH 01/13] =?UTF-8?q?changed=20=E2=80=9C(My=20Name=20(My=20Git?= =?UTF-8?q?Hub=20username))=E2=80=9D=20in=20the=20index.htlm?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a400d1..4215dd4 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | My Name (My GitHub username) + TV Show Project | Jorvan White (Jorvanw) From b00e5a59681841bc20fa8f979c7f7b9d297c72d2 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Wed, 12 Aug 2026 10:21:21 +0100 Subject: [PATCH 02/13] completed steps for level 0 --- levels/level-0.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/levels/level-0.md b/levels/level-0.md index 42e681e..fc973a9 100644 --- a/levels/level-0.md +++ b/levels/level-0.md @@ -1,9 +1,10 @@ # Level 0 The goals of level 0 are to: -* Create a GitHub repository with the starter scaffolding in-place. -* Deploy it to **GitHub Pages**. -* Make sure whenever you push changes, your live site will be updated. + +- Create a GitHub repository with the starter scaffolding in-place. +- Deploy it to **GitHub Pages**. +- Make sure whenever you push changes, your live site will be updated. ## Fork your repository @@ -35,7 +36,8 @@ Follow the [CYF GitHub Pages Deployment Guide](https://curriculum.codeyourfuture ## Completion criteria You have completed level 0 when: -- [ ] You have forked the GitHub repository called `Project-TV-Show` into your account. -- [ ] The `index.html` page on your GitHub project contains your name and GitHub username. -- [ ] Your project is successfully deployed to **GitHub Pages**. -- [ ] Your deployed project has your name and GitHub username in its title. \ No newline at end of file + +- [x] You have forked the GitHub repository called `Project-TV-Show` into your account. +- [x] The `index.html` page on your GitHub project contains your name and GitHub username. +- [x] Your project is successfully deployed to **GitHub Pages**. +- [x] Your deployed project has your name and GitHub username in its title. From caae9106c0e9ff09a0fdb3d77eaba18bc6aaed67 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Wed, 12 Aug 2026 14:17:19 +0100 Subject: [PATCH 03/13] Updated necessary files for level 100 --- index.html | 4 ++++ script.js | 42 +++++++++++++++++++++++++++++++++++++++++- style.css | 19 ++++++++++++++++++- 3 files changed, 63 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 4215dd4..9751833 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,10 @@
+

+ All data has been sourced from + TVMaze +

diff --git a/script.js b/script.js index 87a7de8..24df4a5 100644 --- a/script.js +++ b/script.js @@ -1,4 +1,3 @@ -//You can edit ALL of the code here function setup() { const allEpisodes = getAllEpisodes(); makePageForEpisodes(allEpisodes); @@ -9,4 +8,45 @@ function makePageForEpisodes(episodeList) { rootElem.textContent = `Got ${episodeList.length} episode(s)`; } +const allEps = getAllEpisodes(); + +// for (const element of allEps) { +// // ...use `element`... +// console.log(allEps); +// } + +function makePageForEpisodes(episodeList) { + const rootElem = document.getElementById("root"); + + episodeList.forEach(function (episode) { + const episodeBox = document.createElement("div"); + + episodeBox.className = "episode"; + + const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + + episodeBox.innerHTML = ` +

${episode.name} + +

${episodeCode}

+ + ${episode.name} + +

Season ${episode.season}, Episode ${episode.number}

+ +

${episode.summary}

+ +

Air date: ${episode.airdate}

+ +

Runtime: ${episode.runtime} minutes

+ + + View episode + + `; + + rootElem.appendChild(episodeBox); + }); +} + window.onload = setup; diff --git a/style.css b/style.css index 77cb8d4..0a9d0b6 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,20 @@ #root { - color: red; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 25px; + max-width: 1200px; + margin: 0 auto; } + +.episode { + background: white; + border: 1px solid #ddd; + border-radius: 12px; + padding: 20px; + min-height: 400px; +} + +.episode img { + width: 100%; + border-radius: 8px; +} \ No newline at end of file From 81687eed8270a9ab467160a8c096fe5233341de3 Mon Sep 17 00:00:00 2001 From: Khaliun Date: Thu, 13 Aug 2026 22:04:54 +0100 Subject: [PATCH 04/13] Update page title with my details --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 9a400d1..aa2459c 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | My Name (My GitHub username) + TV Show Project | Khaliun Baatarkhuu (khaliun-dev) From 6735f0f794a587a515767f914db6dfce7f900ff5 Mon Sep 17 00:00:00 2001 From: Khaliun Date: Fri, 14 Aug 2026 12:36:49 +0100 Subject: [PATCH 05/13] feat: add level 200 search and episode selector --- index.html | 19 +++++++++++---- script.js | 70 ++++++++++++++++++++++++++++++++++++++++++++---------- 2 files changed, 73 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 9751833..a2d2672 100644 --- a/index.html +++ b/index.html @@ -9,12 +9,23 @@ + + + + +

+
+

- All data has been sourced from - TVMaze -

+ All data has been sourced from + TVMaze +

@@ -22,4 +33,4 @@ - + \ No newline at end of file diff --git a/script.js b/script.js index 24df4a5..d7764be 100644 --- a/script.js +++ b/script.js @@ -1,29 +1,75 @@ +function getEpisodeCode(episode) { + return `S${String(episode.season).padStart(2, "0")}E${String( + episode.number + ).padStart(2, "0")}`; +} + function setup() { const allEpisodes = getAllEpisodes(); makePageForEpisodes(allEpisodes); -} -function makePageForEpisodes(episodeList) { - const rootElem = document.getElementById("root"); - rootElem.textContent = `Got ${episodeList.length} episode(s)`; -} + const episodeCount = document.getElementById("episode-count"); + episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + + const searchInput = document.getElementById("search-input"); + + const episodeSelector = document.getElementById("episode-selector"); + + allEpisodes.forEach(function (episode) { + const option = document.createElement("option"); + + const episodeCode = getEpisodeCode(episode); + + option.value = episodeCode; + option.textContent = `${episodeCode} - ${episode.name}`; + + episodeSelector.appendChild(option); + }); -const allEps = getAllEpisodes(); + episodeSelector.addEventListener("change", function (event) { + searchInput.value = ""; -// for (const element of allEps) { -// // ...use `element`... -// console.log(allEps); -// } + episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + + makePageForEpisodes(allEpisodes); + + const selectedEpisode = document.getElementById(event.target.value); + + selectedEpisode.scrollIntoView({ + behavior: "smooth", + block: "start", + }); + }); + + searchInput.addEventListener("input", function (event) { + const searchTerm = event.target.value.toLowerCase(); + + const filteredEpisodes = allEpisodes.filter(function (episode) { + return ( + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) + ); + }); + + episodeCount.textContent = `Showing ${filteredEpisodes.length} episodes`; + + makePageForEpisodes(filteredEpisodes); + }); +} function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); + rootElem.innerHTML = ""; + episodeList.forEach(function (episode) { const episodeBox = document.createElement("div"); episodeBox.className = "episode"; - const episodeCode = `S${String(episode.season).padStart(2, "0")}E${String(episode.number).padStart(2, "0")}`; + const episodeCode = getEpisodeCode(episode); + + episodeBox.id = episodeCode; episodeBox.innerHTML = `

${episode.name} @@ -49,4 +95,4 @@ function makePageForEpisodes(episodeList) { }); } -window.onload = setup; +window.onload = setup; \ No newline at end of file From cb6702d0e4a5d5a2a8a5e2929d0b5fc7e2178623 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Sat, 15 Aug 2026 14:07:07 +0100 Subject: [PATCH 06/13] fixed name in title html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index e27a984..a2d2672 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | Khaliun Baatarkhuu (khaliun-dev) + TV Show Project | Jorvan White (Jorvanw) From 0ce71a283fadf8579de99827b3dbbce0e4843fa2 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Sat, 15 Aug 2026 15:00:31 +0100 Subject: [PATCH 07/13] removed src line in html and updated the code to add api search --- episodes.js | 1855 --------------------------------------------------- index.html | 2 - script.js | 84 ++- 3 files changed, 61 insertions(+), 1880 deletions(-) delete mode 100644 episodes.js diff --git a/episodes.js b/episodes.js deleted file mode 100644 index 5ef6e9e..0000000 --- a/episodes.js +++ /dev/null @@ -1,1855 +0,0 @@ -//DO NOT EDIT THIS FILE - -//This content is from https://www.tvmaze.com/ -//specifically: https://api.tvmaze.com/shows/82/episodes - -function getOneEpisode() { - return { - id: 4952, - url: - "http://www.tvmaze.com/episodes/4952/game-of-thrones-1x01-winter-is-coming", - name: "Winter is Coming", - season: 1, - number: 1, - airdate: "2011-04-17", - airtime: "21:00", - airstamp: "2011-04-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2668.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2668.jpg", - }, - summary: - "

Lord Eddard Stark, ruler of the North, is summoned to court by his old friend, King Robert Baratheon, to serve as the King's Hand. Eddard reluctantly agrees after learning of a possible threat to the King's life. Eddard's bastard son Jon Snow must make a painful decision about his own future, while in the distant east Viserys Targaryen plots to reclaim his father's throne, usurped by Robert, by selling his sister in marriage.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4952", - }, - }, - }; -} - -function getAllEpisodes() { - return [ - { - id: 4952, - url: - "http://www.tvmaze.com/episodes/4952/game-of-thrones-1x01-winter-is-coming", - name: "Winter is Coming", - season: 1, - number: 1, - airdate: "2011-04-17", - airtime: "21:00", - airstamp: "2011-04-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2668.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2668.jpg", - }, - summary: - "

Lord Eddard Stark, ruler of the North, is summoned to court by his old friend, King Robert Baratheon, to serve as the King's Hand. Eddard reluctantly agrees after learning of a possible threat to the King's life. Eddard's bastard son Jon Snow must make a painful decision about his own future, while in the distant east Viserys Targaryen plots to reclaim his father's throne, usurped by Robert, by selling his sister in marriage.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4952", - }, - }, - }, - { - id: 4953, - url: - "http://www.tvmaze.com/episodes/4953/game-of-thrones-1x02-the-kingsroad", - name: "The Kingsroad", - season: 1, - number: 2, - airdate: "2011-04-24", - airtime: "21:00", - airstamp: "2011-04-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2669.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2669.jpg", - }, - summary: - "

An incident on the Kingsroad threatens Eddard and Robert's friendship. Jon and Tyrion travel to the Wall, where they discover that the reality of the Night's Watch may not match the heroic image of it.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4953", - }, - }, - }, - { - id: 4954, - url: "http://www.tvmaze.com/episodes/4954/game-of-thrones-1x03-lord-snow", - name: "Lord Snow", - season: 1, - number: 3, - airdate: "2011-05-01", - airtime: "21:00", - airstamp: "2011-05-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2671.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2671.jpg", - }, - summary: - "

Jon Snow attempts to find his place amongst the Night's Watch. Eddard and his daughters arrive at King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4954", - }, - }, - }, - { - id: 4955, - url: - "http://www.tvmaze.com/episodes/4955/game-of-thrones-1x04-cripples-bastards-and-broken-things", - name: "Cripples, Bastards, and Broken Things", - season: 1, - number: 4, - airdate: "2011-05-08", - airtime: "21:00", - airstamp: "2011-05-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2673.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2673.jpg", - }, - summary: - "

Tyrion stops at Winterfell on his way home and gets a frosty reception from Robb Stark. Eddard's investigation into the death of his predecessor gets underway.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4955", - }, - }, - }, - { - id: 4956, - url: - "http://www.tvmaze.com/episodes/4956/game-of-thrones-1x05-the-wolf-and-the-lion", - name: "The Wolf and the Lion", - season: 1, - number: 5, - airdate: "2011-05-15", - airtime: "21:00", - airstamp: "2011-05-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2674.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2674.jpg", - }, - summary: - "

Catelyn's actions on the road have repercussions for Eddard. Tyrion enjoys the dubious hospitality of the Eyrie.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4956", - }, - }, - }, - { - id: 4957, - url: - "http://www.tvmaze.com/episodes/4957/game-of-thrones-1x06-a-golden-crown", - name: "A Golden Crown", - season: 1, - number: 6, - airdate: "2011-05-22", - airtime: "21:00", - airstamp: "2011-05-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2676.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2676.jpg", - }, - summary: - "

Viserys is increasingly frustrated by the lack of progress towards gaining his crown.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4957", - }, - }, - }, - { - id: 4958, - url: - "http://www.tvmaze.com/episodes/4958/game-of-thrones-1x07-you-win-or-you-die", - name: "You Win or You Die", - season: 1, - number: 7, - airdate: "2011-05-29", - airtime: "21:00", - airstamp: "2011-05-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2677.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2677.jpg", - }, - summary: - "

Eddard's investigations in King's Landing reach a climax and a dark secret is revealed.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4958", - }, - }, - }, - { - id: 4959, - url: - "http://www.tvmaze.com/episodes/4959/game-of-thrones-1x08-the-pointy-end", - name: "The Pointy End", - season: 1, - number: 8, - airdate: "2011-06-05", - airtime: "21:00", - airstamp: "2011-06-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2678.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2678.jpg", - }, - summary: - "

Tyrion joins his father's army with unexpected allies. Events in King's Landing take a turn for the worse as Arya's lessons are put to the test.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4959", - }, - }, - }, - { - id: 4960, - url: "http://www.tvmaze.com/episodes/4960/game-of-thrones-1x09-baelor", - name: "Baelor", - season: 1, - number: 9, - airdate: "2011-06-12", - airtime: "21:00", - airstamp: "2011-06-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2679.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2679.jpg", - }, - summary: - "

Catelyn must negotiate with the irascible Lord Walder Frey.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4960", - }, - }, - }, - { - id: 4961, - url: - "http://www.tvmaze.com/episodes/4961/game-of-thrones-1x10-fire-and-blood", - name: "Fire and Blood", - season: 1, - number: 10, - airdate: "2011-06-19", - airtime: "21:00", - airstamp: "2011-06-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2681.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2681.jpg", - }, - summary: - "

Daenerys must realize her destiny. Jaime finds himself in an unfamiliar predicament.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4961", - }, - }, - }, - { - id: 4962, - url: - "http://www.tvmaze.com/episodes/4962/game-of-thrones-2x01-the-north-remembers", - name: "The North Remembers", - season: 2, - number: 1, - airdate: "2012-04-01", - airtime: "21:00", - airstamp: "2012-04-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3174.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3174.jpg", - }, - summary: - "

War grips the continent of Westeros. As Tyrion Lannister tries to take his strong-willed nephew in hand in King's Landing, Stannis Baratheon launches his own campaign to take the Iron Throne with the help of a mysterious priestess. In the east, Daenerys must lead her retinue through a desolate wasteland whilst beyond the Wall the Night's Watch seeks the aid of a wildling.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4962", - }, - }, - }, - { - id: 4963, - url: - "http://www.tvmaze.com/episodes/4963/game-of-thrones-2x02-the-night-lands", - name: "The Night Lands", - season: 2, - number: 2, - airdate: "2012-04-08", - airtime: "21:00", - airstamp: "2012-04-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3175.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3175.jpg", - }, - summary: - "

Stannis uses Ser Davos to seek out new allies for his war with the Lannisters. On the road north, Arya confides in Gendry. Robb Stark sends Theon Greyjoy to win an alliance with his father and the fierce warriors of the Iron Islands. Cersei and Tyrion clash on how to rule in King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4963", - }, - }, - }, - { - id: 4964, - url: - "http://www.tvmaze.com/episodes/4964/game-of-thrones-2x03-what-is-dead-may-never-die", - name: "What is Dead May Never Die", - season: 2, - number: 3, - airdate: "2012-04-15", - airtime: "21:00", - airstamp: "2012-04-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3176.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3176.jpg", - }, - summary: - "

Catelyn Stark treats with King Renly in the hope of winning an alliance. Tyrion undertakes a complex plan in King's Landing to expose an enemy. At Winterfell, Bran's dreams continue to trouble him.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4964", - }, - }, - }, - { - id: 4965, - url: - "http://www.tvmaze.com/episodes/4965/game-of-thrones-2x04-garden-of-bones", - name: "Garden of Bones", - season: 2, - number: 4, - airdate: "2012-04-22", - airtime: "21:00", - airstamp: "2012-04-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3177.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3177.jpg", - }, - summary: - "

Tyrion attempts to restrain Joffrey's cruelty. Catelyn attempts to broker a peace between Stannis and Renly. Daenerys and her followers arrive at the great city of Qarth and hope to find refuge there. Arya and Gendry arrive at Harrenhal, a great castle now under Lannister occupation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4965", - }, - }, - }, - { - id: 4966, - url: - "http://www.tvmaze.com/episodes/4966/game-of-thrones-2x05-the-ghost-of-harrenhal", - name: "The Ghost of Harrenhal", - season: 2, - number: 5, - airdate: "2012-04-29", - airtime: "21:00", - airstamp: "2012-04-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3178.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3178.jpg", - }, - summary: - "

Confusion rages in the Stormlands in the wake of a devastating reversal. Catelyn must flee with a new ally, whilst Littlefinger sees an opportunity in the chaos. Theon seeks to prove himself to his father in battle. Arya receives a promise from the enigmatic Jaqen H'ghar. The Night's Watch arrives at the Fist of the First Men. Daenerys Targaryen receives a marriage proposal.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4966", - }, - }, - }, - { - id: 4967, - url: - "http://www.tvmaze.com/episodes/4967/game-of-thrones-2x06-the-old-gods-and-the-new", - name: "The Old Gods and the New", - season: 2, - number: 6, - airdate: "2012-05-06", - airtime: "21:00", - airstamp: "2012-05-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3180.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3180.jpg", - }, - summary: - "

Arya has a surprise visitor; Dany vows to take what is hers; Joffrey meets his subjects; Qhorin gives Jon a chance to prove himself.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4967", - }, - }, - }, - { - id: 4968, - url: - "http://www.tvmaze.com/episodes/4968/game-of-thrones-2x07-a-man-without-honor", - name: "A Man Without Honor", - season: 2, - number: 7, - airdate: "2012-05-13", - airtime: "21:00", - airstamp: "2012-05-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3192.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3192.jpg", - }, - summary: - "

Jaime meets a relative; Theon hunts; Dany receives an invitation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4968", - }, - }, - }, - { - id: 4969, - url: - "http://www.tvmaze.com/episodes/4969/game-of-thrones-2x08-the-prince-of-winterfell", - name: "The Prince of Winterfell", - season: 2, - number: 8, - airdate: "2012-05-20", - airtime: "21:00", - airstamp: "2012-05-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3194.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3194.jpg", - }, - summary: - "

Theon holds the fort; Arya calls in her debt with Jaqen; Robb is betrayed; Stannis and Davos approach their destination.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4969", - }, - }, - }, - { - id: 4970, - url: - "http://www.tvmaze.com/episodes/4970/game-of-thrones-2x09-blackwater", - name: "Blackwater", - season: 2, - number: 9, - airdate: "2012-05-27", - airtime: "21:00", - airstamp: "2012-05-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3196.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3196.jpg", - }, - summary: - "

A massive battle rages for control of King's Landing and the Iron Throne.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4970", - }, - }, - }, - { - id: 4971, - url: - "http://www.tvmaze.com/episodes/4971/game-of-thrones-2x10-valar-morghulis", - name: "Valar Morghulis", - season: 2, - number: 10, - airdate: "2012-06-03", - airtime: "21:00", - airstamp: "2012-06-04T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/3197.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/3197.jpg", - }, - summary: - "

Tyrion awakens to a changed situation. King Joffrey doles out rewards to his subjects. As Theon stirs his men to action, Luwin offers some final advice. Brienne silences Jaime; Arya receives a gift from Jaqen; Dany goes to a strange place; Jon proves himself to Qhorin.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4971", - }, - }, - }, - { - id: 4972, - url: - "http://www.tvmaze.com/episodes/4972/game-of-thrones-3x01-valar-dohaeris", - name: "Valar Dohaeris", - season: 3, - number: 1, - airdate: "2013-03-31", - airtime: "21:00", - airstamp: "2013-04-01T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2628.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2628.jpg", - }, - summary: - "

Jon is brought before Mance Rayder, the King Beyond the Wall, while the Night's Watch survivors retreat south. In King's Landing, Tyrion asks for his reward. Littlefinger offers Sansa a way out. Cersei hosts a dinner for the royal family. Daenerys sails into Slaver's Bay.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4972", - }, - }, - }, - { - id: 4973, - url: - "http://www.tvmaze.com/episodes/4973/game-of-thrones-3x02-dark-wings-dark-words", - name: "Dark Wings, Dark Words", - season: 3, - number: 2, - airdate: "2013-04-07", - airtime: "21:00", - airstamp: "2013-04-08T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2618.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2618.jpg", - }, - summary: - "

Sansa says too much. Shae asks Tyrion for a favor. Jaime finds a way to pass the time. Arya runs into the Brotherhood Without Banners.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4973", - }, - }, - }, - { - id: 4974, - url: - "http://www.tvmaze.com/episodes/4974/game-of-thrones-3x03-walk-of-punishment", - name: "Walk of Punishment", - season: 3, - number: 3, - airdate: "2013-04-14", - airtime: "21:00", - airstamp: "2013-04-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2616.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2616.jpg", - }, - summary: - "

Tyrion shoulders new responsibilities. Jon is taken to the Fist of the First Men. Daenerys meets with the slavers. Jaime strikes a deal with his captors.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4974", - }, - }, - }, - { - id: 4975, - url: - "http://www.tvmaze.com/episodes/4975/game-of-thrones-3x04-and-now-his-watch-is-ended", - name: "And Now His Watch is Ended", - season: 3, - number: 4, - airdate: "2013-04-21", - airtime: "21:00", - airstamp: "2013-04-22T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2615.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2615.jpg", - }, - summary: - "

The Night's Watch takes stock. Varys meets his better. Arya is taken to the commander of the Brotherhood. Daenerys exchanges a chain for a Whip.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4975", - }, - }, - }, - { - id: 4976, - url: - "http://www.tvmaze.com/episodes/4976/game-of-thrones-3x05-kissed-by-fire", - name: "Kissed by Fire", - season: 3, - number: 5, - airdate: "2013-04-28", - airtime: "21:00", - airstamp: "2013-04-29T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2614.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2614.jpg", - }, - summary: - "

The Hound is judged by the gods; Jaime is judged by men. Jon proves himself; Robb is betrayed. Tyrion learns the cost of weddings.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4976", - }, - }, - }, - { - id: 4977, - url: "http://www.tvmaze.com/episodes/4977/game-of-thrones-3x06-the-climb", - name: "The Climb", - season: 3, - number: 6, - airdate: "2013-05-05", - airtime: "21:00", - airstamp: "2013-05-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2612.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2612.jpg", - }, - summary: - "

Tywin plans strategic unions for the Lannisters. Melisandre visits the Riverlands. Robb weighs a compromise to repair his alliance with House Frey. Roose Bolton decides what to do with Jaime Lannister. Jon, Ygritte and the Wildlings face a daunting climb.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4977", - }, - }, - }, - { - id: 4978, - url: - "http://www.tvmaze.com/episodes/4978/game-of-thrones-3x07-the-bear-and-the-maiden-fair", - name: "The Bear and the Maiden Fair", - season: 3, - number: 7, - airdate: "2013-05-12", - airtime: "21:00", - airstamp: "2013-05-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2611.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2611.jpg", - }, - summary: - "

Daenerys exchanges gifts with a slave lord outside Yunkai. As Sansa frets about her prospects, Shae chafes at Tyrion's new situation. Tywin counsels the king, and Melisandre reveals a secret to Gendry. Brienne faces a formidable foe in Harrenhal.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4978", - }, - }, - }, - { - id: 4979, - url: - "http://www.tvmaze.com/episodes/4979/game-of-thrones-3x08-second-sons", - name: "Second Sons", - season: 3, - number: 8, - airdate: "2013-05-19", - airtime: "21:00", - airstamp: "2013-05-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2599.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2599.jpg", - }, - summary: - "

King's Landing hosts a wedding, and Tyrion and Sansa spend the night together. Daenerys meets the Titan's Bastard. Davos demands proof from Melisandre. Sam and Gilly meet an older Gentleman.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4979", - }, - }, - }, - { - id: 4980, - url: - "http://www.tvmaze.com/episodes/4980/game-of-thrones-3x09-the-rains-of-castamere", - name: "The Rains of Castamere", - season: 3, - number: 9, - airdate: "2013-06-02", - airtime: "21:00", - airstamp: "2013-06-03T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2598.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2598.jpg", - }, - summary: - "

Robb presents himself to Walder Frey, and Edmure meets his bride. Jon faces his harshest test yet. Bran discovers a new gift. Daario and Jorah debate how to take Yunkai. House Frey joins with House Tully.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4980", - }, - }, - }, - { - id: 4981, - url: "http://www.tvmaze.com/episodes/4981/game-of-thrones-3x10-mhysa", - name: "Mhysa", - season: 3, - number: 10, - airdate: "2013-06-09", - airtime: "21:00", - airstamp: "2013-06-10T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2597.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2597.jpg", - }, - summary: - "

Joffrey challenges Tywin. Bran tells a ghost story. In Dragonstone, mercy comes from strange quarters. Daenerys waits to see if she is a conqueror or a liberator.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4981", - }, - }, - }, - { - id: 4982, - url: - "http://www.tvmaze.com/episodes/4982/game-of-thrones-4x01-two-swords", - name: "Two Swords", - season: 4, - number: 1, - airdate: "2014-04-06", - airtime: "21:00", - airstamp: "2014-04-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2583.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2583.jpg", - }, - summary: - "

Tyrion welcomes a guest to King's Landing. At Castle Black, Jon Snow finds himself unwelcome. Dany is pointed to Meereen, the mother of all slave cities. Arya runs into an old friend.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4982", - }, - }, - }, - { - id: 4983, - url: - "http://www.tvmaze.com/episodes/4983/game-of-thrones-4x02-the-lion-and-the-rose", - name: "The Lion and the Rose", - season: 4, - number: 2, - airdate: "2014-04-13", - airtime: "21:00", - airstamp: "2014-04-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2584.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2584.jpg", - }, - summary: - "

Tyrion lends Jaime a hand. Joffrey and Margaery host a breakfast. At Dragonstone, Stannis loses patience with Davos. Ramsay finds a purpose for his pet. North of the Wall, Bran sees where they must go.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4983", - }, - }, - }, - { - id: 4984, - url: - "http://www.tvmaze.com/episodes/4984/game-of-thrones-4x03-breaker-of-chains", - name: "Breaker of Chains", - season: 4, - number: 3, - airdate: "2014-04-20", - airtime: "21:00", - airstamp: "2014-04-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2585.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2585.jpg", - }, - summary: - "

Tyrion ponders his options. Tywin extends an olive branch. Sam realizes Castle Black isn't safe, and Jon proposes a bold plan. The Hound teaches Arya the way things are. Dany chooses her Champion.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4984", - }, - }, - }, - { - id: 4985, - url: - "http://www.tvmaze.com/episodes/4985/game-of-thrones-4x04-oathkeeper", - name: "Oathkeeper", - season: 4, - number: 4, - airdate: "2014-04-27", - airtime: "21:00", - airstamp: "2014-04-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2586.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2586.jpg", - }, - summary: - "

Dany balances justice and mercy. Jaime tasks Brienne with his honor. Jon secures volunteers while Bran, Jojen, Meera and Hodor stumble on shelter.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4985", - }, - }, - }, - { - id: 4986, - url: - "http://www.tvmaze.com/episodes/4986/game-of-thrones-4x05-first-of-his-name", - name: "First of His Name", - season: 4, - number: 5, - airdate: "2014-05-04", - airtime: "21:00", - airstamp: "2014-05-05T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2587.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2587.jpg", - }, - summary: - "

Cersei and Tywin plot the Crown's next move. Dany discusses future plans. Jon embarks on a new mission.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4986", - }, - }, - }, - { - id: 4987, - url: - "http://www.tvmaze.com/episodes/4987/game-of-thrones-4x06-the-laws-of-gods-and-men", - name: "The Laws of Gods and Men", - season: 4, - number: 6, - airdate: "2014-05-11", - airtime: "21:00", - airstamp: "2014-05-12T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2588.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2588.jpg", - }, - summary: - "

Stannis and Davos set sail with a new strategy. Dany meets with supplicants. Tyrion faces down his father in the throne room.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4987", - }, - }, - }, - { - id: 4988, - url: - "http://www.tvmaze.com/episodes/4988/game-of-thrones-4x07-mockingbird", - name: "Mockingbird", - season: 4, - number: 7, - airdate: "2014-05-18", - airtime: "21:00", - airstamp: "2014-05-19T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2589.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2589.jpg", - }, - summary: - "

Tyrion enlists an unlikely ally. Daario entreats Dany to allow him to do what he does best. Jon's warnings about the Wall's vulnerability fall on deaf ears. Brienne follows a new lead on the road with Pod.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4988", - }, - }, - }, - { - id: 4989, - url: - "http://www.tvmaze.com/episodes/4989/game-of-thrones-4x08-the-mountain-and-the-viper", - name: "The Mountain and the Viper", - season: 4, - number: 8, - airdate: "2014-06-01", - airtime: "21:00", - airstamp: "2014-06-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2591.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2591.jpg", - }, - summary: - "

Mole's Town receives unexpected visitors. Littlefinger's motives are questioned. Ramsay attempts to prove himself to his father. Tyrion's fate is decided.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4989", - }, - }, - }, - { - id: 4990, - url: - "http://www.tvmaze.com/episodes/4990/game-of-thrones-4x09-the-watchers-on-the-wall", - name: "The Watchers on the Wall", - season: 4, - number: 9, - airdate: "2014-06-08", - airtime: "21:00", - airstamp: "2014-06-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2593.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2593.jpg", - }, - summary: - "

Jon Snow and the rest of the Night's Watch face the biggest challenge to the Wall yet.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4990", - }, - }, - }, - { - id: 4991, - url: - "http://www.tvmaze.com/episodes/4991/game-of-thrones-4x10-the-children", - name: "The Children", - season: 4, - number: 10, - airdate: "2014-06-15", - airtime: "21:00", - airstamp: "2014-06-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/1/2594.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/1/2594.jpg", - }, - summary: - "

An unexpected arrival north of the Wall changes circumstances. Dany is forced to face harsh realities. Bran learns more of his destiny. Tyrion sees the truth of his situation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/4991", - }, - }, - }, - { - id: 116522, - url: - "http://www.tvmaze.com/episodes/116522/game-of-thrones-5x01-the-wars-to-come", - name: "The Wars to Come", - season: 5, - number: 1, - airdate: "2015-04-12", - airtime: "21:00", - airstamp: "2015-04-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25988.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25988.jpg", - }, - summary: - "

Varys discusses a conspiracy with Tyrion; Daenerys' rule faces a new threat; Jon finds himself between two kings; and Cersei and Jaime try to move on from Tywin's demise.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/116522", - }, - }, - }, - { - id: 144328, - url: - "http://www.tvmaze.com/episodes/144328/game-of-thrones-5x02-the-house-of-black-and-white", - name: "The House of Black and White", - season: 5, - number: 2, - airdate: "2015-04-19", - airtime: "21:00", - airstamp: "2015-04-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25989.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25989.jpg", - }, - summary: - "

Arya arrives in Braavos; Brienne and Podrick find danger while traveling; Cersei worries about Myrcella in Dorne when Ellaria Sand seeks revenge for Oberyn's death; Jon is tempted by Stannis.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144328", - }, - }, - }, - { - id: 144329, - url: - "http://www.tvmaze.com/episodes/144329/game-of-thrones-5x03-high-sparrow", - name: "High Sparrow", - season: 5, - number: 3, - airdate: "2015-04-26", - airtime: "21:00", - airstamp: "2015-04-27T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/25990.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/25990.jpg", - }, - summary: - "

Cersei meets the High Sparrow after learning of a clergyman's embarrassing tale. Meanwhile, Davos talks to Jon about the future of Winterfell, where Ramsay Snow has just learned the identity of his future bride; Arya grows impatient doing menial tasks in the House of Black and White; and Tyrion searches for more comfortable surroundings on a long trip with Varys.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144329", - }, - }, - }, - { - id: 144330, - url: - "http://www.tvmaze.com/episodes/144330/game-of-thrones-5x04-sons-of-the-harpy", - name: "Sons of the Harpy", - season: 5, - number: 4, - airdate: "2015-05-03", - airtime: "21:00", - airstamp: "2015-05-04T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/26444.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/26444.jpg", - }, - summary: - "

Margaery seeks prudent counsel. Jaime Struggles in foreign lands. Dany answers the Harpy's call.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/144330", - }, - }, - }, - { - id: 151777, - url: - "http://www.tvmaze.com/episodes/151777/game-of-thrones-5x05-kill-the-boy", - name: "Kill the Boy", - season: 5, - number: 5, - airdate: "2015-05-10", - airtime: "21:00", - airstamp: "2015-05-11T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/26819.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/26819.jpg", - }, - summary: - "

Dany makes a difficult decision in Meereen. Jon recruits the help of an unexpected ally. Brienne searches for Sansa. Theon remains under Ramsay's control.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/151777", - }, - }, - }, - { - id: 152766, - url: - "http://www.tvmaze.com/episodes/152766/game-of-thrones-5x06-unbowed-unbent-unbroken", - name: "Unbowed, Unbent, Unbroken", - season: 5, - number: 6, - airdate: "2015-05-17", - airtime: "21:00", - airstamp: "2015-05-18T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/10/27259.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/10/27259.jpg", - }, - summary: - "

Arya trains. Jorah and Tyrion run into slavers. Trystane and Myrcella make plans. Jaime and Bronn reach their destination. The Sand Snakes attack.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/152766", - }, - }, - }, - { - id: 153327, - url: - "http://www.tvmaze.com/episodes/153327/game-of-thrones-5x07-the-gift", - name: "The Gift", - season: 5, - number: 7, - airdate: "2015-05-24", - airtime: "21:00", - airstamp: "2015-05-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/27535.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/27535.jpg", - }, - summary: - "

Jon prepares for conflict. Sansa tries to talk to Theon. Brienne waits for a sign. Stannis remains stubborn. Jaime attempts to reconnect with family.



", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/153327", - }, - }, - }, - { - id: 155299, - url: - "http://www.tvmaze.com/episodes/155299/game-of-thrones-5x08-hardhome", - name: "Hardhome", - season: 5, - number: 8, - airdate: "2015-05-31", - airtime: "21:00", - airstamp: "2015-06-01T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/28151.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/28151.jpg", - }, - summary: - "

Arya makes progress in her training. Sansa confronts an old friend. Cersei struggles. Jon travels.



", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/155299", - }, - }, - }, - { - id: 160040, - url: - "http://www.tvmaze.com/episodes/160040/game-of-thrones-5x09-the-dance-of-dragons", - name: "The Dance of Dragons", - season: 5, - number: 9, - airdate: "2015-06-07", - airtime: "21:00", - airstamp: "2015-06-08T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/11/29160.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/11/29160.jpg", - }, - summary: - "

Stannis confronts a troubling decision. Jon returns to The Wall. Mace visits the Iron Bank. Arya encounters someone from her past. Dany reluctantly oversees a traditional celebration of athleticism.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/160040", - }, - }, - }, - { - id: 162186, - url: - "http://www.tvmaze.com/episodes/162186/game-of-thrones-5x10-mothers-mercy", - name: "Mother's Mercy", - season: 5, - number: 10, - airdate: "2015-06-14", - airtime: "21:00", - airstamp: "2015-06-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/12/30012.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/12/30012.jpg", - }, - summary: - "

Cersei seeks forgiveness; Jon faces a new challenge; Arya plots to cross a name off her list; Tyrion sees a familiar face; and Daenerys finds herself surrounded by strangers.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/162186", - }, - }, - }, - { - id: 560813, - url: - "http://www.tvmaze.com/episodes/560813/game-of-thrones-6x01-the-red-woman", - name: "The Red Woman", - season: 6, - number: 1, - airdate: "2016-04-24", - airtime: "21:00", - airstamp: "2016-04-25T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142371.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142371.jpg", - }, - summary: - "

Jon Snow is dead. Daenerys meets a strong man. Cersei sees her daughter again.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/560813", - }, - }, - }, - { - id: 664672, - url: "http://www.tvmaze.com/episodes/664672/game-of-thrones-6x02-home", - name: "Home", - season: 6, - number: 2, - airdate: "2016-05-01", - airtime: "21:00", - airstamp: "2016-05-02T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142372.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142372.jpg", - }, - summary: - "

Bran trains with the Three-Eyed Raven. In King's Landing, Jaime advises Tommen. Tyrion demands good news, but has to make his own. At Castle Black, the Night's Watch stands behind Thorne. Ramsay Bolton proposes a plan, and Balon Greyjoy entertains other proposals.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664672", - }, - }, - }, - { - id: 664673, - url: - "http://www.tvmaze.com/episodes/664673/game-of-thrones-6x03-oathbreaker", - name: "Oathbreaker", - season: 6, - number: 3, - airdate: "2016-05-08", - airtime: "21:00", - airstamp: "2016-05-09T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142370.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142370.jpg", - }, - summary: - "

Daenerys meets her future. Bran meets the past. Tommen confronts the High Sparrow. Arya trains to be No One. Varys finds an answer. Ramsay gets a gift.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664673", - }, - }, - }, - { - id: 664674, - url: - "http://www.tvmaze.com/episodes/664674/game-of-thrones-6x04-book-of-the-stranger", - name: "Book of the Stranger", - season: 6, - number: 4, - airdate: "2016-05-15", - airtime: "21:00", - airstamp: "2016-05-16T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/56/142273.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/56/142273.jpg", - }, - summary: - "

Tyrion strikes a deal. Jorah and Daario undertake a difficult task. Jaime and Cersei try to improve their situation.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664674", - }, - }, - }, - { - id: 664675, - url: - "http://www.tvmaze.com/episodes/664675/game-of-thrones-6x05-the-door", - name: "The Door", - season: 6, - number: 5, - airdate: "2016-05-22", - airtime: "21:00", - airstamp: "2016-05-23T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150273.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150273.jpg", - }, - summary: - "

Tyrion seeks a strange ally. Bran learns a great deal. Brienne goes on a mission. Arya is given a chance to prove herself.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664675", - }, - }, - }, - { - id: 664676, - url: - "http://www.tvmaze.com/episodes/664676/game-of-thrones-6x06-blood-of-my-blood", - name: "Blood of My Blood", - season: 6, - number: 6, - airdate: "2016-05-29", - airtime: "21:00", - airstamp: "2016-05-30T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150274.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150274.jpg", - }, - summary: - "

An old foe comes back into the picture. Gilly meets Sam's family. Arya faces a difficult choice. Jaime faces off against the High Sparrow.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/664676", - }, - }, - }, - { - id: 717449, - url: - "http://www.tvmaze.com/episodes/717449/game-of-thrones-6x07-the-broken-man", - name: "The Broken Man", - season: 6, - number: 7, - airdate: "2016-06-05", - airtime: "21:00", - airstamp: "2016-06-06T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/60/150275.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/60/150275.jpg", - }, - summary: - "

The High Sparrow eyes another target. Jaime confronts a hero. Arya makes a plan. The North is reminded.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/717449", - }, - }, - }, - { - id: 729573, - url: "http://www.tvmaze.com/episodes/729573/game-of-thrones-6x08-no-one", - name: "No One", - season: 6, - number: 8, - airdate: "2016-06-12", - airtime: "21:00", - airstamp: "2016-06-13T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/61/153044.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/61/153044.jpg", - }, - summary: - "

Jaime encounters a hero; the High Sparrow fixates on another prey; Arya hatches a new plan; Yara and Theon plot their next move; Olenna and Cersei discuss their families' futures.

While Jaime weighs his options, Cersei answers a request. Tyrion's plans bear fruit. Arya faces a new test.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729573", - }, - }, - }, - { - id: 729574, - url: - "http://www.tvmaze.com/episodes/729574/game-of-thrones-6x09-battle-of-the-bastards", - name: "Battle of the Bastards", - season: 6, - number: 9, - airdate: "2016-06-19", - airtime: "21:00", - airstamp: "2016-06-20T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/62/155042.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/62/155042.jpg", - }, - summary: - "

Ramsay surprises his audience. Jon retaliates. Dany is true to her word.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729574", - }, - }, - }, - { - id: 729575, - url: - "http://www.tvmaze.com/episodes/729575/game-of-thrones-6x10-the-winds-of-winter", - name: "The Winds of Winter", - season: 6, - number: 10, - airdate: "2016-06-26", - airtime: "21:00", - airstamp: "2016-06-27T01:00:00+00:00", - runtime: 69, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/63/157920.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/63/157920.jpg", - }, - summary: - "

Alliances are made, the High Sparrow is holding trials at King's Landing, Daenerys is sailing for the Seven Kingdoms and a new King of the North is crowned.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/729575", - }, - }, - }, - { - id: 937256, - url: - "http://www.tvmaze.com/episodes/937256/game-of-thrones-7x01-dragonstone", - name: "Dragonstone", - season: 7, - number: 1, - airdate: "2017-07-16", - airtime: "21:00", - airstamp: "2017-07-17T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/120/302038.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/120/302038.jpg", - }, - summary: - "

Jon organizes the defense of the North. Cersei tries to even the odds. Daenerys comes home.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/937256", - }, - }, - }, - { - id: 1221410, - url: - "http://www.tvmaze.com/episodes/1221410/game-of-thrones-7x02-stormborn", - name: "Stormborn", - season: 7, - number: 2, - airdate: "2017-07-23", - airtime: "21:00", - airstamp: "2017-07-24T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/120/302047.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/120/302047.jpg", - }, - summary: - "

Daenerys receives an unexpected visitor. Jon faces a revolt. Tyrion plans the conquest of Westeros.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221410", - }, - }, - }, - { - id: 1221411, - url: - "http://www.tvmaze.com/episodes/1221411/game-of-thrones-7x03-the-queens-justice", - name: "The Queen's Justice", - season: 7, - number: 3, - airdate: "2017-07-30", - airtime: "21:00", - airstamp: "2017-07-31T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/122/306938.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/122/306938.jpg", - }, - summary: - "

Daenerys holds court. Cersei returns a gift. Jaime learns from his mistakes.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221411", - }, - }, - }, - { - id: 1221412, - url: - "http://www.tvmaze.com/episodes/1221412/game-of-thrones-7x04-the-spoils-of-war", - name: "The Spoils of War", - season: 7, - number: 4, - airdate: "2017-08-06", - airtime: "21:00", - airstamp: "2017-08-07T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/123/307677.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/123/307677.jpg", - }, - summary: - "

Arya gets to the final destination. Daenerys takes it upon herself to strike back.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221412", - }, - }, - }, - { - id: 1221413, - url: - "http://www.tvmaze.com/episodes/1221413/game-of-thrones-7x05-eastwatch", - name: "Eastwatch", - season: 7, - number: 5, - airdate: "2017-08-13", - airtime: "21:00", - airstamp: "2017-08-14T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/124/310839.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/124/310839.jpg", - }, - summary: - "

Daenerys demands loyalty from the surviving Lannister soldiers; Jon heeds Bran's warning about White Walkers on the move; Cersei vows to vanquish anyone or anything that stands in her way.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221413", - }, - }, - }, - { - id: 1221414, - url: - "http://www.tvmaze.com/episodes/1221414/game-of-thrones-7x06-beyond-the-wall", - name: "Beyond the Wall", - season: 7, - number: 6, - airdate: "2017-08-20", - airtime: "21:00", - airstamp: "2017-08-21T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/125/312651.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/125/312651.jpg", - }, - summary: - "

Jon's mission continues north of the wall, but the odds against his ragged band of misfits may be greater than he imagined.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221414", - }, - }, - }, - { - id: 1221415, - url: - "http://www.tvmaze.com/episodes/1221415/game-of-thrones-7x07-the-dragon-and-the-wolf", - name: "The Dragon and the Wolf", - season: 7, - number: 7, - airdate: "2017-08-27", - airtime: "21:00", - airstamp: "2017-08-28T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/125/314502.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/125/314502.jpg", - }, - summary: - "

Cersei sits on the Iron Throne; Daenerys sails across the Narrow Sea; Jon Snow is King in the North, and winter is finally here.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1221415", - }, - }, - }, - { - id: 1590943, - url: - "http://www.tvmaze.com/episodes/1590943/game-of-thrones-8x01-winterfell", - name: "Winterfell", - season: 8, - number: 1, - airdate: "2019-04-14", - airtime: "21:00", - airstamp: "2019-04-15T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/191/479477.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/191/479477.jpg", - }, - summary: - "

Arriving at Winterfell, Jon and Daenerys struggle to unite a divided North. Jon gets some big news.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1590943", - }, - }, - }, - { - id: 1623964, - url: - "http://www.tvmaze.com/episodes/1623964/game-of-thrones-8x02-a-knight-of-the-seven-kingdoms", - name: "A Knight of the Seven Kingdoms", - season: 8, - number: 2, - airdate: "2019-04-21", - airtime: "21:00", - airstamp: "2019-04-22T01:00:00+00:00", - runtime: 60, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/192/482451.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/192/482451.jpg", - }, - summary: - "

Jaime faces judgement and Winterfell prepares for the battle to come.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623964", - }, - }, - }, - { - id: 1623965, - url: - "http://www.tvmaze.com/episodes/1623965/game-of-thrones-8x03-the-long-night", - name: "The Long Night", - season: 8, - number: 3, - airdate: "2019-04-28", - airtime: "21:00", - airstamp: "2019-04-29T01:00:00+00:00", - runtime: 90, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/192/482465.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/192/482465.jpg", - }, - summary: "

Winterfell fights the Army of the Dead.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623965", - }, - }, - }, - { - id: 1623966, - url: - "http://www.tvmaze.com/episodes/1623966/game-of-thrones-8x04-the-last-of-the-starks", - name: "The Last of the Starks", - season: 8, - number: 4, - airdate: "2019-05-05", - airtime: "21:00", - airstamp: "2019-05-06T01:00:00+00:00", - runtime: 78, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/195/487839.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/195/487839.jpg", - }, - summary: - "

The survivors plan their next steps; Cersei makes a power move.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623966", - }, - }, - }, - { - id: 1623967, - url: - "http://www.tvmaze.com/episodes/1623967/game-of-thrones-8x05-the-bells", - name: "The Bells", - season: 8, - number: 5, - airdate: "2019-05-12", - airtime: "21:00", - airstamp: "2019-05-13T01:00:00+00:00", - runtime: 79, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/196/491994.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/196/491994.jpg", - }, - summary: - "

Varys betrays his queen, and Daenerys brings her forces to King's Landing.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623967", - }, - }, - }, - { - id: 1623968, - url: - "http://www.tvmaze.com/episodes/1623968/game-of-thrones-8x06-the-iron-throne", - name: "The Iron Throne", - season: 8, - number: 6, - airdate: "2019-05-19", - airtime: "21:00", - airstamp: "2019-05-20T01:00:00+00:00", - runtime: 80, - image: { - medium: - "http://static.tvmaze.com/uploads/images/medium_landscape/198/495648.jpg", - original: - "http://static.tvmaze.com/uploads/images/original_untouched/198/495648.jpg", - }, - summary: - "

In the aftermath of the devastating attack on King's Landing, Daenerys must face the survivors.

", - _links: { - self: { - href: "http://api.tvmaze.com/episodes/1623968", - }, - }, - }, - ]; -} diff --git a/index.html b/index.html index a2d2672..b634df1 100644 --- a/index.html +++ b/index.html @@ -27,8 +27,6 @@ TVMaze

- - diff --git a/script.js b/script.js index d7764be..e8cd99b 100644 --- a/script.js +++ b/script.js @@ -1,19 +1,72 @@ +let allEpisodes = []; + function getEpisodeCode(episode) { return `S${String(episode.season).padStart(2, "0")}E${String( - episode.number + episode.number, ).padStart(2, "0")}`; } function setup() { - const allEpisodes = getAllEpisodes(); - makePageForEpisodes(allEpisodes); - const episodeCount = document.getElementById("episode-count"); - episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + // Tell the user that the episodes are loading + episodeCount.textContent = "Loading episodes..."; + + fetch("https://api.tvmaze.com/shows/82/episodes") + .then(function (response) { + if (!response.ok) { + throw new Error("Failed to load episodes"); + } + + return response.json(); + }) + .then(function (data) { + // Store the fetched episodes + allEpisodes = data; + + // Display all episodes + makePageForEpisodes(allEpisodes); + + // Display episode count + episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + + // Set up search and dropdown + setupSearch(); + setupEpisodeSelector(); + }) + .catch(function (error) { + console.error(error); + + // Tell the user that something went wrong + episodeCount.textContent = + "Sorry, we couldn't load the episodes. Please try again later."; + }); +} + +function setupSearch() { const searchInput = document.getElementById("search-input"); + const episodeCount = document.getElementById("episode-count"); + + searchInput.addEventListener("input", function (event) { + const searchTerm = event.target.value.toLowerCase(); + + const filteredEpisodes = allEpisodes.filter(function (episode) { + return ( + episode.name.toLowerCase().includes(searchTerm) || + episode.summary.toLowerCase().includes(searchTerm) + ); + }); + + episodeCount.textContent = `Showing ${filteredEpisodes.length} episodes`; + makePageForEpisodes(filteredEpisodes); + }); +} + +function setupEpisodeSelector() { const episodeSelector = document.getElementById("episode-selector"); + const searchInput = document.getElementById("search-input"); + const episodeCount = document.getElementById("episode-count"); allEpisodes.forEach(function (episode) { const option = document.createElement("option"); @@ -40,21 +93,6 @@ function setup() { block: "start", }); }); - - searchInput.addEventListener("input", function (event) { - const searchTerm = event.target.value.toLowerCase(); - - const filteredEpisodes = allEpisodes.filter(function (episode) { - return ( - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) - ); - }); - - episodeCount.textContent = `Showing ${filteredEpisodes.length} episodes`; - - makePageForEpisodes(filteredEpisodes); - }); } function makePageForEpisodes(episodeList) { @@ -73,8 +111,8 @@ function makePageForEpisodes(episodeList) { episodeBox.innerHTML = `

${episode.name} - -

${episodeCode}

+

${episodeCode}

+

${episode.name} @@ -95,4 +133,4 @@ function makePageForEpisodes(episodeList) { }); } -window.onload = setup; \ No newline at end of file +window.onload = setup; From 6b54cf9b1ab3127b3bae9f23e76a2f4a05c2977e Mon Sep 17 00:00:00 2001 From: Khaliun Date: Sat, 15 Aug 2026 20:37:32 +0100 Subject: [PATCH 08/13] feat: add multiple TV show support --- index.html | 5 ++- script.js | 123 ++++++++++++++++++++++++++++++++++++++--------------- 2 files changed, 92 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index b634df1..5376a47 100644 --- a/index.html +++ b/index.html @@ -3,12 +3,14 @@ - TV Show Project | Jorvan White (Jorvanw) + TV Show Project | Khaliun Baatarkhuu (khaliun-dev) + + TVMaze

- diff --git a/script.js b/script.js index e8cd99b..a754303 100644 --- a/script.js +++ b/script.js @@ -1,46 +1,52 @@ +let allShows = []; let allEpisodes = []; +const episodeCache = new Map(); function getEpisodeCode(episode) { return `S${String(episode.season).padStart(2, "0")}E${String( - episode.number, + episode.number ).padStart(2, "0")}`; } -function setup() { +async function fetchEpisodes(showId) { + const rootElem = document.getElementById("root"); const episodeCount = document.getElementById("episode-count"); - // Tell the user that the episodes are loading - episodeCount.textContent = "Loading episodes..."; + rootElem.textContent = "Loading episodes..."; + episodeCount.textContent = ""; + + try { + let episodes; + + if (episodeCache.has(showId)) { + episodes = episodeCache.get(showId); + } else { + const response = await fetch( + `https://api.tvmaze.com/shows/${showId}/episodes` + ); - fetch("https://api.tvmaze.com/shows/82/episodes") - .then(function (response) { if (!response.ok) { - throw new Error("Failed to load episodes"); + throw new Error("Failed to fetch episodes"); } - return response.json(); - }) - .then(function (data) { - // Store the fetched episodes - allEpisodes = data; + episodes = await response.json(); - // Display all episodes - makePageForEpisodes(allEpisodes); + episodeCache.set(showId, episodes); + } - // Display episode count - episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + allEpisodes = episodes; - // Set up search and dropdown - setupSearch(); - setupEpisodeSelector(); - }) - .catch(function (error) { - console.error(error); + makePageForEpisodes(allEpisodes); - // Tell the user that something went wrong - episodeCount.textContent = - "Sorry, we couldn't load the episodes. Please try again later."; - }); + episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; + + setupEpisodeSelector(); + } catch (error) { + rootElem.textContent = + "Sorry, we could not load the episodes. Please try again later."; + + console.error(error); + } } function setupSearch() { @@ -68,6 +74,8 @@ function setupEpisodeSelector() { const searchInput = document.getElementById("search-input"); const episodeCount = document.getElementById("episode-count"); + episodeSelector.innerHTML = ""; + allEpisodes.forEach(function (episode) { const option = document.createElement("option"); @@ -79,7 +87,7 @@ function setupEpisodeSelector() { episodeSelector.appendChild(option); }); - episodeSelector.addEventListener("change", function (event) { + episodeSelector.onchange = function (event) { searchInput.value = ""; episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; @@ -88,11 +96,58 @@ function setupEpisodeSelector() { const selectedEpisode = document.getElementById(event.target.value); - selectedEpisode.scrollIntoView({ - behavior: "smooth", - block: "start", + if (selectedEpisode) { + selectedEpisode.scrollIntoView({ + behavior: "smooth", + block: "start", + }); + } + }; +} + +async function setup() { + const rootElem = document.getElementById("root"); + rootElem.textContent = "Loading shows..."; + + try { + const response = await fetch("https://api.tvmaze.com/shows"); + + if (!response.ok) { + throw new Error("Failed to fetch shows"); + } + + allShows = await response.json(); + + allShows.sort(function (showA, showB) { + return showA.name.localeCompare(showB.name, undefined, { + sensitivity: "base", + }); }); - }); + + const showSelector = document.getElementById("show-selector"); + + allShows.forEach(function (show) { + const option = document.createElement("option"); + + option.value = show.id; + option.textContent = show.name; + + showSelector.appendChild(option); + }); + + setupSearch(); + + showSelector.addEventListener("change", function (event) { + fetchEpisodes(event.target.value); + }); + + rootElem.textContent = "Select a show to view its episodes."; + } catch (error) { + rootElem.textContent = + "Sorry, we could not load the shows. Please try again later."; + + console.error(error); + } } function makePageForEpisodes(episodeList) { @@ -111,8 +166,8 @@ function makePageForEpisodes(episodeList) { episodeBox.innerHTML = `

${episode.name} -

${episodeCode}

-

+ +

${episodeCode}

${episode.name} @@ -133,4 +188,4 @@ function makePageForEpisodes(episodeList) { }); } -window.onload = setup; +window.onload = setup; \ No newline at end of file From 44957e238529eb1976f972fcdfbc0206052a2ce4 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Sun, 16 Aug 2026 18:36:34 +0100 Subject: [PATCH 09/13] Updated code html and css for task requirements --- index.html | 48 ++++++--- script.js | 309 ++++++++++++++++++++++++++++++++++++++++++----------- style.css | 28 +++++ 3 files changed, 308 insertions(+), 77 deletions(-) diff --git a/index.html b/index.html index 5376a47..b81d83e 100644 --- a/index.html +++ b/index.html @@ -9,27 +9,45 @@ - + +
+

TV Shows

- + - +

Showing 0 shows

-

+
+
-
-
+ + - \ No newline at end of file diff --git a/script.js b/script.js index a754303..7e1b9cb 100644 --- a/script.js +++ b/script.js @@ -1,13 +1,181 @@ let allShows = []; let allEpisodes = []; + +const showCache = new Map(); const episodeCache = new Map(); function getEpisodeCode(episode) { return `S${String(episode.season).padStart(2, "0")}E${String( - episode.number + episode.number, ).padStart(2, "0")}`; } +// FETCH SHOWS + +async function fetchShows() { + const showsRoot = document.getElementById("shows-root"); + + showsRoot.textContent = "Loading shows..."; + + try { + // Check cache first + if (showCache.has("shows")) { + allShows = showCache.get("shows"); + } else { + const response = await fetch("https://api.tvmaze.com/shows"); + + if (!response.ok) { + throw new Error("Failed to fetch shows"); + } + + allShows = await response.json(); + + // Save shows so we never fetch this URL again + showCache.set("shows", allShows); + } + + allShows.sort(function (showA, showB) { + return showA.name.localeCompare(showB.name, undefined, { + sensitivity: "base", + }); + }); + + makePageForShows(allShows); + + document.getElementById("show-count").textContent = + `Showing ${allShows.length} shows`; + } catch (error) { + showsRoot.textContent = + "Sorry, we could not load the shows. Please try again later."; + + console.error(error); + } +} + +// DISPLAY SHOWS + +function makePageForShows(showList) { + const showsRoot = document.getElementById("shows-root"); + + showsRoot.innerHTML = ""; + + showList.forEach(function (show) { + const showBox = document.createElement("div"); + + showBox.className = "show"; + + showBox.innerHTML = ` + ${show.name} + +
+

+ + ${show.name} + +

+ +

${show.summary || "No summary available."}

+ +

+ Genres: + ${show.genres.length > 0 ? show.genres.join(", ") : "N/A"} +

+ +

+ Status: + ${show.status || "N/A"} +

+ +

+ Rating: + ${show.rating.average || "N/A"} +

+ +

+ Runtime: + ${show.runtime || "N/A"} minutes +

+
+`; + + showsRoot.appendChild(showBox); + }); + + setupShowLinks(); +} + +// SHOW SEARCH + +function setupShowSearch() { + const searchInput = document.getElementById("show-search-input"); + const showCount = document.getElementById("show-count"); + + searchInput.addEventListener("input", function (event) { + const searchTerm = event.target.value.toLowerCase(); + + const filteredShows = allShows.filter(function (show) { + const name = show.name.toLowerCase(); + + const summary = show.summary ? show.summary.toLowerCase() : ""; + + const genres = show.genres ? show.genres.join(" ").toLowerCase() : ""; + + return ( + name.includes(searchTerm) || + summary.includes(searchTerm) || + genres.includes(searchTerm) + ); + }); + + showCount.textContent = `Showing ${filteredShows.length} shows`; + + makePageForShows(filteredShows); + }); +} + +// SHOW LINKS + +function setupShowLinks() { + const showLinks = document.querySelectorAll(".show-name"); + + showLinks.forEach(function (link) { + link.addEventListener("click", function (event) { + event.preventDefault(); + + const showId = event.target.dataset.showId; + + const selectedShow = allShows.find(function (show) { + return show.id == showId; + }); + + showEpisodes(selectedShow); + }); + }); +} + +// SHOW EPISODES + +async function showEpisodes(show) { + const showsView = document.getElementById("shows-view"); + const episodesView = document.getElementById("episodes-view"); + const selectedShowName = document.getElementById("selected-show-name"); + + showsView.hidden = true; + episodesView.hidden = false; + + selectedShowName.textContent = show.name; + + // Clear the old episode search + document.getElementById("search-input").value = ""; + + await fetchEpisodes(show.id); +} + +// FETCH EPISODES + async function fetchEpisodes(showId) { const rootElem = document.getElementById("root"); const episodeCount = document.getElementById("episode-count"); @@ -18,11 +186,12 @@ async function fetchEpisodes(showId) { try { let episodes; + // Check episode cache first if (episodeCache.has(showId)) { episodes = episodeCache.get(showId); } else { const response = await fetch( - `https://api.tvmaze.com/shows/${showId}/episodes` + `https://api.tvmaze.com/shows/${showId}/episodes`, ); if (!response.ok) { @@ -31,6 +200,7 @@ async function fetchEpisodes(showId) { episodes = await response.json(); + // Save episodes so this URL is never fetched again episodeCache.set(showId, episodes); } @@ -49,6 +219,8 @@ async function fetchEpisodes(showId) { } } +// EPISODE SEARCH + function setupSearch() { const searchInput = document.getElementById("search-input"); const episodeCount = document.getElementById("episode-count"); @@ -57,10 +229,11 @@ function setupSearch() { const searchTerm = event.target.value.toLowerCase(); const filteredEpisodes = allEpisodes.filter(function (episode) { - return ( - episode.name.toLowerCase().includes(searchTerm) || - episode.summary.toLowerCase().includes(searchTerm) - ); + const name = episode.name.toLowerCase(); + + const summary = episode.summary ? episode.summary.toLowerCase() : ""; + + return name.includes(searchTerm) || summary.includes(searchTerm); }); episodeCount.textContent = `Showing ${filteredEpisodes.length} episodes`; @@ -69,13 +242,25 @@ function setupSearch() { }); } +// EPISODE SELECTOR + function setupEpisodeSelector() { const episodeSelector = document.getElementById("episode-selector"); + const searchInput = document.getElementById("search-input"); + const episodeCount = document.getElementById("episode-count"); episodeSelector.innerHTML = ""; + // Add default option + const defaultOption = document.createElement("option"); + + defaultOption.value = ""; + defaultOption.textContent = "Jump to episode"; + + episodeSelector.appendChild(defaultOption); + allEpisodes.forEach(function (episode) { const option = document.createElement("option"); @@ -88,6 +273,10 @@ function setupEpisodeSelector() { }); episodeSelector.onchange = function (event) { + if (!event.target.value) { + return; + } + searchInput.value = ""; episodeCount.textContent = `Showing ${allEpisodes.length} episodes`; @@ -105,50 +294,7 @@ function setupEpisodeSelector() { }; } -async function setup() { - const rootElem = document.getElementById("root"); - rootElem.textContent = "Loading shows..."; - - try { - const response = await fetch("https://api.tvmaze.com/shows"); - - if (!response.ok) { - throw new Error("Failed to fetch shows"); - } - - allShows = await response.json(); - - allShows.sort(function (showA, showB) { - return showA.name.localeCompare(showB.name, undefined, { - sensitivity: "base", - }); - }); - - const showSelector = document.getElementById("show-selector"); - - allShows.forEach(function (show) { - const option = document.createElement("option"); - - option.value = show.id; - option.textContent = show.name; - - showSelector.appendChild(option); - }); - - setupSearch(); - - showSelector.addEventListener("change", function (event) { - fetchEpisodes(event.target.value); - }); - - rootElem.textContent = "Select a show to view its episodes."; - } catch (error) { - rootElem.textContent = - "Sorry, we could not load the shows. Please try again later."; - - console.error(error); - } -} +// DISPLAY EPISODES function makePageForEpisodes(episodeList) { const rootElem = document.getElementById("root"); @@ -165,27 +311,66 @@ function makePageForEpisodes(episodeList) { episodeBox.id = episodeCode; episodeBox.innerHTML = ` -

${episode.name} + ${episode.name} -

${episodeCode}

+
+

${episode.name}

- ${episode.name} +

${episodeCode}

-

Season ${episode.season}, Episode ${episode.number}

+

+ Season ${episode.season}, Episode ${episode.number} +

-

${episode.summary}

+

${episode.summary}

-

Air date: ${episode.airdate}

+

Air date: ${episode.airdate}

-

Runtime: ${episode.runtime} minutes

+

Runtime: ${episode.runtime} minutes

- - View episode - - `; + + View episode + +
+`; rootElem.appendChild(episodeBox); }); } -window.onload = setup; \ No newline at end of file +// BACK TO SHOWS + +function setupBackButton() { + const backButton = document.getElementById("back-to-shows"); + + backButton.addEventListener("click", function (event) { + event.preventDefault(); + + const showsView = document.getElementById("shows-view"); + const episodesView = document.getElementById("episodes-view"); + + showsView.hidden = false; + episodesView.hidden = true; + + // Clear episode search + document.getElementById("search-input").value = ""; + + // Reset episode selector + document.getElementById("episode-selector").value = ""; + }); +} + +// SETUP + +async function setup() { + setupShowSearch(); + setupSearch(); + setupBackButton(); + + await fetchShows(); +} + +window.onload = setup; diff --git a/style.css b/style.css index 0a9d0b6..e8a8ea0 100644 --- a/style.css +++ b/style.css @@ -17,4 +17,32 @@ .episode img { width: 100%; border-radius: 8px; +} + +#shows-root { + display: grid; + grid-template-columns: 1fr; + gap: 25px; + max-width: 1200px; + margin: 0 auto; +} + +.show { + display: grid; + grid-template-columns: 300px 1fr; + gap: 25px; + + background: white; + border: 1px solid #ddd; + border-radius: 12px; + padding: 20px; + + box-sizing: border-box; +} + +.show img { + width: 300px; + height: 300px; + object-fit: cover; + border-radius: 8px; } \ No newline at end of file From f553d8f211941036d89ee180aeabaf15cb8223f1 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Mon, 17 Aug 2026 18:38:52 +0100 Subject: [PATCH 10/13] fixed image cropping issues on the first page --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index e8a8ea0..41e6fcf 100644 --- a/style.css +++ b/style.css @@ -42,7 +42,7 @@ .show img { width: 300px; - height: 300px; + height: auto; object-fit: cover; border-radius: 8px; } \ No newline at end of file From 5c9c5a3d3e4f41bacf52be92aa51969a380c17e6 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Mon, 17 Aug 2026 18:40:50 +0100 Subject: [PATCH 11/13] fixed error with title name --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index b81d83e..8a59364 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - TV Show Project | Khaliun Baatarkhuu (khaliun-dev) + TV Show Project | Jorvan White (JorvanW) From 9fdbbd0bb60269314ea55d9f8ed2e0eb67d4ec94 Mon Sep 17 00:00:00 2001 From: JorvanW Date: Mon, 17 Aug 2026 18:46:28 +0100 Subject: [PATCH 12/13] changed text to use "show" for one show instead of "shows" --- script.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/script.js b/script.js index 7e1b9cb..f0cc32a 100644 --- a/script.js +++ b/script.js @@ -43,7 +43,7 @@ async function fetchShows() { makePageForShows(allShows); document.getElementById("show-count").textContent = - `Showing ${allShows.length} shows`; + `Showing ${allShows.length} show${allShows.length !== 1 ? "s" : ""}`; } catch (error) { showsRoot.textContent = "Sorry, we could not load the shows. Please try again later."; @@ -130,7 +130,7 @@ function setupShowSearch() { ); }); - showCount.textContent = `Showing ${filteredShows.length} shows`; + showCount.textContent = `Showing ${filteredShows.length} show${filteredShows.length !== 1 ? "s" : ""}`; makePageForShows(filteredShows); }); From 8f818772d7f2c271430e1f581351414661242edd Mon Sep 17 00:00:00 2001 From: JorvanW Date: Thu, 20 Aug 2026 16:55:19 +0100 Subject: [PATCH 13/13] updated html and js to add a show selector --- index.html | 4 ++ script.js | 148 ++++++++++++++++++++++++++++++++++------------------- 2 files changed, 98 insertions(+), 54 deletions(-) diff --git a/index.html b/index.html index 8a59364..560d5ca 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,10 @@

TV Shows

placeholder="Search shows" /> + +

Showing 0 shows

diff --git a/script.js b/script.js index f0cc32a..b35ce66 100644 --- a/script.js +++ b/script.js @@ -42,6 +42,8 @@ async function fetchShows() { makePageForShows(allShows); + setupShowSelector(); + document.getElementById("show-count").textContent = `Showing ${allShows.length} show${allShows.length !== 1 ? "s" : ""}`; } catch (error) { @@ -65,41 +67,41 @@ function makePageForShows(showList) { showBox.className = "show"; showBox.innerHTML = ` - ${show.name} - -
-

- - ${show.name} - -

- -

${show.summary || "No summary available."}

- -

- Genres: - ${show.genres.length > 0 ? show.genres.join(", ") : "N/A"} -

- -

- Status: - ${show.status || "N/A"} -

- -

- Rating: - ${show.rating.average || "N/A"} -

- -

- Runtime: - ${show.runtime || "N/A"} minutes -

-
-`; + ${show.name} + +
+

+ + ${show.name} + +

+ +

${show.summary || "No summary available."}

+ +

+ Genres: + ${show.genres.length > 0 ? show.genres.join(", ") : "N/A"} +

+ +

+ Status: + ${show.status || "N/A"} +

+ +

+ Rating: + ${show.rating.average || "N/A"} +

+ +

+ Runtime: + ${show.runtime || "N/A"} minutes +

+
+ `; showsRoot.appendChild(showBox); }); @@ -130,12 +132,50 @@ function setupShowSearch() { ); }); - showCount.textContent = `Showing ${filteredShows.length} show${filteredShows.length !== 1 ? "s" : ""}`; + showCount.textContent = `Showing ${filteredShows.length} show${ + filteredShows.length !== 1 ? "s" : "" + }`; makePageForShows(filteredShows); }); } +// SHOW SELECTOR + +function setupShowSelector() { + const showSelector = document.getElementById("show-selector"); + + showSelector.innerHTML = ""; + + const defaultOption = document.createElement("option"); + + defaultOption.value = ""; + defaultOption.textContent = "Jump to show"; + + showSelector.appendChild(defaultOption); + + allShows.forEach(function (show) { + const option = document.createElement("option"); + + option.value = show.id; + option.textContent = show.name; + + showSelector.appendChild(option); + }); + + showSelector.onchange = function (event) { + if (!event.target.value) { + return; + } + + const selectedShow = allShows.find(function (show) { + return show.id == event.target.value; + }); + + showEpisodes(selectedShow); + }; +} + // SHOW LINKS function setupShowLinks() { @@ -311,31 +351,31 @@ function makePageForEpisodes(episodeList) { episodeBox.id = episodeCode; episodeBox.innerHTML = ` - ${episode.name} + ${episode.name} -
-

${episode.name}

+
+

${episode.name}

-

${episodeCode}

+

${episodeCode}

-

- Season ${episode.season}, Episode ${episode.number} -

+

+ Season ${episode.season}, Episode ${episode.number} +

-

${episode.summary}

+

${episode.summary}

-

Air date: ${episode.airdate}

+

Air date: ${episode.airdate}

-

Runtime: ${episode.runtime} minutes

+

Runtime: ${episode.runtime} minutes

- - View episode - -
-`; + + View episode + +
+ `; rootElem.appendChild(episodeBox); });