DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Added Filthy Family and 'legacy' scraper to Bang Bros. Added trans generic avatar. Added pagination support to site actions.

Browse Source
This commit is contained in:
ThePendulum
2020-05-24 03:54:29 +02:00
parent 75d49517b7
commit 9843023c1f
137 changed files with 12892 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
assets/components/header/filter-bar.vue
View File

@@ -1,119 +1,134 @@
<template>
<div class="filter-bar noselect">
<span class="sort">
<router-link
:to="{ name: isHome ? 'latest' : $route.name, params: { ...$route.params, range: 'latest' } }"
:class="{ active: $route.name === 'latest' || range === 'latest' }"
class="range range-button"
>Latest</router-link>
<div class="filter-bar noselect">
<span class="sort">
<router-link
:to="{ name: isHome ? 'latest' : $route.name, params: { ...$route.params, range: 'latest' } }"
:class="{ active: $route.name === 'latest' || range === 'latest' }"
class="range range-button"
>Latest</router-link>
<router-link
:to="{ name: isHome ? 'upcoming' : $route.name, params: { ...$route.params, range: 'upcoming' } }"
:class="{ active: $route.name === 'upcoming' || range === 'upcoming' }"
class="range-button"
>Upcoming</router-link>
<router-link
:to="{ name: isHome ? 'upcoming' : $route.name, params: { ...$route.params, range: 'upcoming' } }"
:class="{ active: $route.name === 'upcoming' || range === 'upcoming' }"
class="range-button"
>Upcoming</router-link>
<router-link
:to="{ name: isHome ? 'new' : $route.name, params: { ...$route.params, range: 'new' } }"
:class="{ active: $route.name === 'new' || range === 'new' }"
class="range-button"
>New</router-link>
<router-link
:to="{ name: isHome ? 'new' : $route.name, params: { ...$route.params, range: 'new' } }"
:class="{ active: $route.name === 'new' || range === 'new' }"
class="range-button"
>New</router-link>
<!--
<!--
<router-link
:to="{ name: $route.name, params: { ...$route.params, range: 'all' } }"
:class="{ active: range === 'all' }"
class="range-button"
>All</router-link>
-->
</span>
</span>
<span>
<span class="filters-container">
<Icon icon="filter" />
<Pagination
:items-total="itemsTotal"
:items-per-page="itemsPerPage"
/>
<Filters
class="filters-block"
:filter="filter"
@set-filter="setFilter"
/>
</span>
<span class="tags">
<span class="filters-container">
<Icon icon="filter" />
<v-popover class="filters-compact">
<Icon icon="filter" />
<Filters
class="filters-block"
:filter="filter"
@set-filter="setFilter"
/>
</span>
<div slot="popover">
<Filters
:compact="true"
:filter="filter"
@set-filter="setFilter"
/>
</div>
</v-popover>
</span>
</div>
<v-popover class="filters-compact">
<Icon icon="filter" />
<div slot="popover">
<Filters
:compact="true"
:filter="filter"
@set-filter="setFilter"
/>
</div>
</v-popover>
</span>
</div>
</template>
<script>
import { mapState } from 'vuex';
import Filters from './filters.vue';
import Pagination from '../pagination/pagination.vue';
function filter(state) {
return state.ui.filter;
return state.ui.filter;
}
function range() {
return this.$route.params.range;
return this.$route.params.range;
}
function batch(state) {
return state.ui.batch;
return state.ui.batch;
}
async function setFilter(newFilter) {
this.$store.dispatch('setFilter', newFilter);
this.$store.dispatch('setFilter', newFilter);
await this.fetchReleases();
await this.fetchReleases();
}
async function setRange(newRange) {
this.$store.dispatch('setRange', newRange);
this.$store.dispatch('setRange', newRange);
await this.fetchReleases();
await this.fetchReleases();
}
async function setBatch(newBatch) {
this.$store.dispatch('setBatch', newBatch);
this.$store.dispatch('setBatch', newBatch);
await this.fetchReleases();
await this.fetchReleases();
}
export default {
components: {
Filters,
},
props: {
fetchReleases: {
type: Function,
default: null,
},
isHome: {
type: Boolean,
default: false,
},
},
computed: {
...mapState({
filter,
range,
batch,
}),
},
methods: {
setFilter,
setRange,
setBatch,
},
components: {
Filters,
Pagination,
},
props: {
fetchReleases: {
type: Function,
default: null,
},
isHome: {
type: Boolean,
default: false,
},
itemsTotal: {
type: Number,
default: 0,
},
itemsPerPage: {
type: Number,
default: 10,
},
},
computed: {
...mapState({
filter,
range,
batch,
}),
},
methods: {
setFilter,
setRange,
setBatch,
},
};
</script>
@@ -178,6 +193,10 @@ export default {
}
}
.tags {
flex-shrink: 0;
}
@media(max-width: $breakpoint) {
.filters-container {
display: none;