viewof movies = { const between = (value, range) => { return range[0] <= value && value <= range[1]; }; const maxRuntime = 500; const maxResults = 25; const defaultSort = (a, b) => +b.numVotes - +a.numVotes; const watchListOptions = (d) => { switch (searchWatchList) { case "all": return true; case "watch": return watchList.indexOf(d.primaryTitle) >= 0; case "notwatch": return watchList.indexOf(d.primaryTitle) === -1; default: return true; } }; const filteredData = data .filter(watchListOptions) .filter( (d) => d.primaryTitle.toLowerCase().includes(searchTitle.toLowerCase()) && between(d.averageRating, searchRating) && between(d.startYear, searchYear) && between(Math.min(d.runtimeMinutes, maxRuntime), searchRuntime) && (searchGenres.length === 0 ? true : searchCombineGenre ? searchGenres.every((r) => d.genres.split(",").indexOf(r) >= 0) : searchGenres.some((r) => d.genres.split(",").indexOf(r) >= 0)) ) .sort(defaultSort) .slice(0, maxResults) .map( ({ tconst, primaryTitle, startYear, genres, runtimeMinutes, numVotes, averageRating }) => ({ tconst, primaryTitle, startYear, genres, runtimeMinutes: +runtimeMinutes, averageRating: +averageRating, numVotes: +numVotes }) ); const movieTable = (data) => { return table( data.map(({ tconst, primaryTitle, ...d }) => ({ tconst, primaryTitle, watched: primaryTitle, ...d })), { sortable: true, paged: 1000, columns: { tconst: { title: "", formatter(val, i) { return html`

`; } }, primaryTitle: { title: "", formatter(val, i) { return html`${val}`; } }, watched: { title: "Watch", formatter(value, i, row) { let elem = html`${ watchList.indexOf(value) >= 0 ? "✅" : "✓" }`; elem.addEventListener("click", () => { if (watchList.indexOf(value) === -1) { addToWatchList(value); } else { removeFromWatchList(value); } }); return elem; } }, startYear: { title: "Released" }, runtimeMinutes: { title: "Runtime" }, numVotes: { title: "Votes", type: "number", formatter(val) { return html`${d3.format(",.0f")( val )}`; } }, averageRating: { title: "Rating", formatter(val, i) { let color = d3 .scaleLinear() .domain([4, 6, 8]) .range(["#f4c8cf", "#f8f8f8", "#c8f4cb"]); return html`${val}`; } } } } ); }; return filteredData.length > 0 ? movieTable(filteredData) : md`### There are no movies matching your criteria 😖`; }