From 761146aca6e7facf2e526c1fb239ce1bb6633191 Mon Sep 17 00:00:00 2001 From: Anu Viswan Date: Thu, 14 Aug 2025 21:59:27 +0530 Subject: [PATCH 1/2] working on movie list --- .../nt/src/apiService/MovieApiService.ts | 8 +++++++- .../vue3withtypescript/nt/src/types/MovieTypes.ts | 5 ++--- server/Configuration/mockoon-env.json | 2 +- 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/client/nt.webclient/vue3withtypescript/nt/src/apiService/MovieApiService.ts b/client/nt.webclient/vue3withtypescript/nt/src/apiService/MovieApiService.ts index 5080f742..0985fe95 100644 --- a/client/nt.webclient/vue3withtypescript/nt/src/apiService/MovieApiService.ts +++ b/client/nt.webclient/vue3withtypescript/nt/src/apiService/MovieApiService.ts @@ -50,6 +50,12 @@ class MovieApiService extends ApiServiceBase { cast { name } + crew { + key + value { + name + } + } } } `; @@ -67,7 +73,7 @@ class MovieApiService extends ApiServiceBase { public async GetMovieById(id: string): Promise { console.log('query recent movie'); const movieById: DocumentNode = gql` - query movieByIdQuery($id: String) { + query movieByIdQuery($id: String!) { movieById(id: $id) { id title diff --git a/client/nt.webclient/vue3withtypescript/nt/src/types/MovieTypes.ts b/client/nt.webclient/vue3withtypescript/nt/src/types/MovieTypes.ts index eaa58825..fa9cd036 100644 --- a/client/nt.webclient/vue3withtypescript/nt/src/types/MovieTypes.ts +++ b/client/nt.webclient/vue3withtypescript/nt/src/types/MovieTypes.ts @@ -3,11 +3,10 @@ export interface Movie { movieLanguage: string; releaseDate: Date; cast: Person[]; - crew: KeyValuePair[]; + crew: KeyValuePair[]; } - -export interface KeyValuePair { +export interface KeyValuePair { key: TKey; value: TValue; } diff --git a/server/Configuration/mockoon-env.json b/server/Configuration/mockoon-env.json index 6fde37e6..239b11ab 100644 --- a/server/Configuration/mockoon-env.json +++ b/server/Configuration/mockoon-env.json @@ -83,7 +83,7 @@ "responses": [ { "uuid": "910bf483-f271-4caa-bc04-29e4df48f9fe", - "body": "{\n \"data\": {\n \"recentMovies\": [\n {\n \"title\": \"Ennu Ninte Moideen\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2023-08-07T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Prithviraj\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Parvathy\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Saikumar\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Argo\",\n \"movieLanguage\": \"English\",\n \"releaseDate\": \"2023-08-06T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Ben Affleck\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Bryan Cranston\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Alan Arkin\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"The Great Indian Kitchen\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2023-02-15T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Nimisha Sajayan\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Suraj Venjaramoodu\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Ajitha\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Cast Away\",\n \"movieLanguage\": \"English\",\n \"releaseDate\": \"2023-01-08T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Tom Hanks\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Helen Hunt\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Nick Searcy\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Premam\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2022-03-14T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Nivin Pauly\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Sai Pallavi\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Madonna Sebastian\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Bangalore Days\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2022-03-05T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Dulquer Salmaan\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Nivin Pauly\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Nazriya Nazim\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Forensic\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2022-03-03T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Tovino Thomas\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Mamta Mohandas\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Reba Monica John\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Arrival\",\n \"movieLanguage\": \"English\",\n \"releaseDate\": \"2022-01-08T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Amy Adams\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Jeremy Renner\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Forest Whitaker\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Puzhu\",\n \"movieLanguage\": \"Malayalam\",\n \"releaseDate\": \"2021-12-14T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Mammootty\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Parvathy\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Appunni Sasi\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n },\n {\n \"title\": \"Lincoln\",\n \"movieLanguage\": \"English\",\n \"releaseDate\": \"2021-08-17T18:30:00.000Z\",\n \"cast\": [\n {\n \"name\": \"Daniel Day-Lewis\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Sally Field\",\n \"__typename\": \"PersonType\"\n },\n {\n \"name\": \"Tommy Lee Jones\",\n \"__typename\": \"PersonType\"\n }\n ],\n \"__typename\": \"MovieType\"\n }\n ]\n }\n}", + "body": "{\r\n \"data\": {\r\n \"recentMovies\": [\r\n {\r\n \"id\": \"928f0db4-95aa-4ee5-bd40-677d9640230a\",\r\n \"title\": \"Ennu Ninte Moideen\",\r\n \"movieLanguage\": \"Malayalam\",\r\n \"releaseDate\": \"2023-08-07T18:30:00.000Z\",\r\n \"cast\": [\r\n {\r\n \"name\": \"Prithviraj\"\r\n },\r\n {\r\n \"name\": \"Parvathy\"\r\n },\r\n {\r\n \"name\": \"Saikumar\"\r\n }\r\n ],\r\n \"crew\": [\r\n {\r\n \"key\": \"Director\",\r\n \"value\": [\r\n {\r\n \"name\": \"R. S. Vimal\"\r\n }\r\n ]\r\n },\r\n {\r\n \"key\": \"Music Director\",\r\n \"value\": [\r\n {\r\n \"name\": \"M. Jayachandran\"\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"id\": \"dbbe19aa-9d5e-4f11-8237-d9d6ad2939ba\",\r\n \"title\": \"Argo\",\r\n \"movieLanguage\": \"English\",\r\n \"releaseDate\": \"2023-08-06T18:30:00.000Z\",\r\n \"cast\": [\r\n {\r\n \"name\": \"Ben Affleck\"\r\n },\r\n {\r\n \"name\": \"Bryan Cranston\"\r\n },\r\n {\r\n \"name\": \"Alan Arkin\"\r\n }\r\n ],\r\n \"crew\": [\r\n {\r\n \"key\": \"Director\",\r\n \"value\": [\r\n {\r\n \"name\": \"Ben Affleck\"\r\n }\r\n ]\r\n },\r\n {\r\n \"key\": \"Music Director\",\r\n \"value\": [\r\n {\r\n \"name\": \"Alexandre Desplat\"\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n}", "latency": 0, "statusCode": 200, "label": "Get Recent Movies", From d9ad99c59785ad5e973e6e62fcac4168a93b84a1 Mon Sep 17 00:00:00 2001 From: Anu Viswan Date: Thu, 14 Aug 2025 23:44:31 +0530 Subject: [PATCH 2/2] updated recent movies --- .../private/movie/MovieMiniCard.vue | 19 ++++++++++++++++++- .../nt/src/pages/private/DashboardPage.vue | 2 +- .../nt/src/types/MovieTypes.ts | 1 + 3 files changed, 20 insertions(+), 2 deletions(-) diff --git a/client/nt.webclient/vue3withtypescript/nt/src/components/private/movie/MovieMiniCard.vue b/client/nt.webclient/vue3withtypescript/nt/src/components/private/movie/MovieMiniCard.vue index f985b03a..467b0d5a 100644 --- a/client/nt.webclient/vue3withtypescript/nt/src/components/private/movie/MovieMiniCard.vue +++ b/client/nt.webclient/vue3withtypescript/nt/src/components/private/movie/MovieMiniCard.vue @@ -1,13 +1,20 @@