@@ -237,7 +243,7 @@ import Checkbox from '../form/checkbox.vue';
import Range from '../form/range.vue';
import Pagination from '../pagination/pagination.vue';
-const toggleValues = [true, undefined, false];
+const toggleValues = [true, null, false];
const boobSizes = 'ABCDEFGHZ'.split('');
function updateFilters() {
@@ -245,7 +251,7 @@ function updateFilters() {
name: 'actors',
params: this.$route.params,
query: {
- naturalBoobs: toggleValues[this.naturalBoobs],
+ nb: this.naturalBoobs !== 1 ? this.naturalBoobs : undefined,
bs: this.boobSizeRequired ? this.boobSize.join(',') : undefined,
h: this.heightRequired ? this.height.join(',') : undefined,
w: this.weightRequired ? this.weight.join(',') : undefined,
@@ -314,8 +320,6 @@ export default {
Pagination,
},
data() {
- const naturalBoobs = ['true', undefined, 'false'].indexOf(this.$route.query.nb);
-
return {
actors: [],
pageTitle: null,
@@ -325,7 +329,7 @@ export default {
boobSizes,
boobSize: this.$route.query.bs?.split(',') || ['A', 'Z'],
boobSizeRequired: !!this.$route.query.bs,
- naturalBoobs: naturalBoobs > -1 ? naturalBoobs : 1,
+ naturalBoobs: Number(this.$route.query.nb) || 1,
height: this.$route.query.h?.split(',').map(Number) || [50, 220],
heightRequired: !!this.$route.query.h,
weight: this.$route.query.w?.split(',').map(Number) || [30, 200],
@@ -481,6 +485,14 @@ export default {
fill: var(--shadow-strong);
}
}
+
+ &.enabled {
+ color: var(--primary);
+
+ .icon {
+ fill: var(--primary);
+ }
+ }
}
.filter-section {
diff --git a/assets/components/form/range.vue b/assets/components/form/range.vue
index e02ea9aa..dc8520f2 100644
--- a/assets/components/form/range.vue
+++ b/assets/components/form/range.vue
@@ -15,7 +15,7 @@
@click="setNearest"
>