KevinMidboe
a7e6d25d3f
This is somewhat inefficient because each list item has its own instance of a intersectionObserver. Improvements include: - Poster has placeholder image as source from mount - When component mounts we attach the observer - When observerd in viewport find - Find the correct image height based on the placeholders height - Change src to dynamic poster url
The Movie Database App
A Vue.js project.
Demo
Config setup
Set seasonedShows api endpoint and/or elastic.
- SeasonedShows can be found here and is the matching backend to fetch tmdb search results, tmdb lists, request new content, check plex status and lets owner search and add torrents to download.
- Elastic is optional and can be used for a instant search feature for all movies and shows registered in tmdb.
{
"SEASONED_URL": "http://localhost:31459/api",
"ELASTIC_URL": "http://localhost:9200"
}
Set ELASTIC_URL to undefined or false to disable
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
For detailed explanation on how things work, consult the docs for vue-loader. This app uses history mode
Documentation
All api functions are documented in /docs and found here.
html version also available