74 lines
1.8 KiB
TypeScript
74 lines
1.8 KiB
TypeScript
|
import { Menu } from "@islands/KMenu/types.ts";
|
||
|
|
import { Movie } from "@lib/movies.ts";
|
||
|
|
import { TMDBMovie } from "@lib/types.ts";
|
||
|
|
|
||
|
|
export const menus: Record<string, Menu> = {
|
||
|
|
main: {
|
||
|
|
title: "Run",
|
||
|
|
entries: [
|
||
|
|
{
|
||
|
|
title: "Close menu",
|
||
|
|
meta: "",
|
||
|
|
cb: (state) => {
|
||
|
|
state.visible.value = false;
|
||
|
|
},
|
||
|
|
visible: () => false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Add Movie infos",
|
||
|
|
meta: "",
|
||
|
|
cb: async (state, context) => {
|
||
|
|
state.activeState.value = "loading";
|
||
|
|
const movie = context as Movie;
|
||
|
|
|
||
|
|
let query = movie.name;
|
||
|
|
|
||
|
|
// if (movie.meta.author) {
|
||
|
|
// query += movie.meta.author;
|
||
|
|
// }
|
||
|
|
|
||
|
|
const response = await fetch(
|
||
|
|
`/api/tmdb/query?q=${encodeURIComponent(query)}`,
|
||
|
|
);
|
||
|
|
|
||
|
|
console.log(response);
|
||
|
|
|
||
|
|
const json = await response.json() as TMDBMovie[];
|
||
|
|
|
||
|
|
const menuID = `result/${movie.name}`;
|
||
|
|
|
||
|
|
state.menus[menuID] = {
|
||
|
|
title: "Select",
|
||
|
|
entries: json.map((m) => ({
|
||
|
|
title: `${m.title} released ${m.release_date}`,
|
||
|
|
cb: async () => {
|
||
|
|
state.activeState.value = "loading";
|
||
|
|
const res = await fetch(`/api/tmdb/${m.id}`);
|
||
|
|
const j = await res.json();
|
||
|
|
console.log("Selected", { movie, m, j });
|
||
|
|
state.visible.value = false;
|
||
|
|
state.activeState.value = "normal";
|
||
|
|
},
|
||
|
|
})),
|
||
|
|
};
|
||
|
|
|
||
|
|
console.log({ state });
|
||
|
|
|
||
|
|
state.activeMenu.value = menuID;
|
||
|
|
|
||
|
|
state.activeState.value = "normal";
|
||
|
|
},
|
||
|
|
visible: () => false,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Reload Page",
|
||
|
|
meta: "",
|
||
|
|
cb: () => {
|
||
|
|
window.location.reload();
|
||
|
|
},
|
||
|
|
visible: () => false,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
};
|