From d5428898274d7fb81d0799d8e85f3b42f648cd77 Mon Sep 17 00:00:00 2001 From: DebaucheryLibrarian Date: Sun, 12 Sep 2021 00:05:45 +0200 Subject: [PATCH] Added sections and pagination to stash page. --- assets/components/actors/tile.vue | 8 +- assets/components/filters/filter-bar.vue | 25 +- assets/components/releases/movie-tile.vue | 90 +- assets/components/stashes/stash.vue | 85 +- assets/components/users/stash.vue | 2 +- assets/js/curate.js | 18 +- assets/js/fragments.js | 18 + assets/js/releases/actions.js | 4 + assets/js/router.js | 13 +- assets/js/stashes/actions.js | 104 +- assets/js/users/actions.js | 5 +- docs/names.md | 36768 ++++++++++++++++ .../enhanced-boobs/kiera_king_puremature.jpeg | Bin 0 -> 811227 bytes .../lazy/kiera_king_puremature.jpeg | Bin 0 -> 7085 bytes .../thumbs/kiera_king_puremature.jpeg | Bin 0 -> 31356 bytes seeds/04_media.js | 1 + src/web/plugins/releases.js | 49 +- 17 files changed, 37095 insertions(+), 95 deletions(-) create mode 100644 docs/names.md create mode 100644 public/img/tags/enhanced-boobs/kiera_king_puremature.jpeg create mode 100644 public/img/tags/enhanced-boobs/lazy/kiera_king_puremature.jpeg create mode 100644 public/img/tags/enhanced-boobs/thumbs/kiera_king_puremature.jpeg diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue index 0cf2cc18..a6a8745e 100644 --- a/assets/components/actors/tile.vue +++ b/assets/components/actors/tile.vue @@ -3,7 +3,7 @@ v-if="actor" class="actor" > - @@ -15,7 +15,7 @@ class="name" >{{ actor.name }} - - + - + diff --git a/assets/components/filters/filter-bar.vue b/assets/components/filters/filter-bar.vue index c58ca42a..75bf103b 100644 --- a/assets/components/filters/filter-bar.vue +++ b/assets/components/filters/filter-bar.vue @@ -2,22 +2,12 @@
Latest - - Upcoming - - New + >{{ section }}
@@ -96,6 +86,10 @@ export default { type: Number, default: 10, }, + ranges: { + type: Array, + default: () => ['latest', 'upcoming', 'new'], + }, availableTags: { type: Array, default: () => [], @@ -324,6 +318,7 @@ export default { text-decoration: none; border: solid 1px transparent; border-bottom: none; + text-transform: capitalize; &:hover:not(.active) { color: var(--shadow-strong); diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue index a595c7eb..cbb775b4 100644 --- a/assets/components/releases/movie-tile.vue +++ b/assets/components/releases/movie-tile.vue @@ -3,7 +3,7 @@
- @@ -13,15 +13,29 @@ :style="{ 'background-image': getBgPath(movie.covers[0], 'lazy') }" loading="lazy" > - + + + + +
-

{{ movie.title }}

-
+
    {{ actor.name }} + >{{ actor.name }}
    {{ tag.name }} + >{{ tag.name }}
@@ -58,6 +72,36 @@ @@ -87,6 +140,10 @@ export default { background: var(--background); box-shadow: 0 0 3px var(--darken-weak); font-size: 0; + + &:hover .unstashed { + fill: var(--lighten); + } } .movie { @@ -101,6 +158,7 @@ export default { .cover { height: 100%; + position: relative; box-shadow: 0 0 3px var(--darken-weak); img { @@ -179,6 +237,22 @@ export default { } } +.stash { + width: 1.25rem; + height: 1.25rem; + padding: .25rem .5rem .5rem .25rem; + position: absolute; + top: 0; + right: 0; + fill: var(--lighten-weak); + filter: drop-shadow(0 0 2px var(--darken)); + + &:hover, + &.stashed { + fill: var(--primary); + } +} + @media(max-width: $breakpoint-kilo) { .movie { height: 12rem; diff --git a/assets/components/stashes/stash.vue b/assets/components/stashes/stash.vue index d118f55d..02219a0e 100644 --- a/assets/components/stashes/stash.vue +++ b/assets/components/stashes/stash.vue @@ -10,11 +10,11 @@ >{{ stash.name }} - {{ stash.user.username }} + >{{ stash.user.username }}
@@ -78,12 +100,37 @@