Added rudimentary movie relations.

This commit is contained in:
2020-03-09 05:06:37 +01:00
parent 8ca98b394f
commit 638757b6e4
11 changed files with 193 additions and 96 deletions

View File

@@ -98,7 +98,7 @@
<div class="info column">
<h2 class="row title">{{ release.title }}</h2>
<div class="row">
<div class="row associations">
<ul class="actors nolist">
<li
v-for="actor in release.actors"
@@ -107,24 +107,26 @@
<Actor :actor="actor" />
</li>
</ul>
<div
v-if="release.movies && release.movies.length > 0"
class="movies"
>
<Release :release="release.movies[0]" />
</div>
</div>
<div v-if="release.scenes && release.scenes.length > 0">
<div
v-if="release.scenes && release.scenes.length > 0"
class="scenes"
>
<h3>Scenes</h3>
<Releases
v-if="release.scenes && release.scenes.length > 0"
:releases="release.scenes"
class="row"
/>
</div>
<div v-if="release.movie">
<h3>Movie</h3>
<Release :release="release.movie" />
</div>
<div
v-if="release.tags.length > 0"
class="row"
@@ -254,8 +256,8 @@ export default {
components: {
Actor,
Banner,
Releases,
Release,
Releases,
},
data() {
return {
@@ -295,6 +297,10 @@ export default {
align-items: center;
margin: 0 0 1rem 0;
&.associations {
align-items: start;
}
.icon {
display: inline-block;
width: 1rem;
@@ -395,6 +401,7 @@ export default {
.actors {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
}
@@ -403,6 +410,9 @@ export default {
margin: 0 1rem .5rem 0;
}
.movies {
}
.filename {
width: 100%;
padding: .5rem;