KevinMidboe/seasonedRequest
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasonedRequest.git synced 2025-10-29 18:00:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-wrote to support my api for requesting new movies.

Browse Source
This commit is contained in:
Kevin
2018-03-20 21:50:39 +01:00
parent 1c45c1ea95
commit aa9bfa12d9
30 changed files with 2868 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/MoviesListItem.vue
View File

@@ -1,12 +1,13 @@
<template>
<li class="movies-item">
<a class="movies-item__link" :class="{'no-image': noImage}" :href="'/movie/' + movie.id" @click.prevent="openMoviePopup(movie.id, true)">
<a class="movies-item__link" :class="{'no-image': noImage}" href="" @click.prevent="openMoviePopup(movie.id, movie.type, true)">
<figure class="movies-item__poster">
<img v-if="!noImage" class="movies-item__img" src="~assets/placeholder.png" v-img="poster()" alt="">
<img v-if="noImage" class="movies-item__img is-loaded" src="~assets/no-image.png" alt="">
</figure>
<div class="movies-item__content">
<p class="movies-item__title">{{ movie.title }}</p>
<p class="movies-item__title">{{ movie.year }}</p>
</div>
</a>
</li>
@@ -28,13 +29,14 @@ export default {
methods: {
poster() {
if(this.movie.poster_path){
return 'https://image.tmdb.org/t/p/w370_and_h556_bestv2' + this.movie.poster_path;
return 'https://image.tmdb.org/t/p/w300' + this.movie.poster_path;
} else {
this.noImage = true;
}
},
openMoviePopup(id, event){
eventHub.$emit('openMoviePopup', id, event);
openMoviePopup(id, type, event){
console.log('open:', id, type, event)
eventHub.$emit('openMoviePopup', id, type, event);
}
}
}