assets/components/actors/actors.vue

@@ -62,10 +62,7 @@
 			<ul class="nolist">
 				<li>
 					<Tooltip class="filter boobs">
-						<span
+						<span class="filter-trigger"><Icon icon="boobs" />Boobs</span>
-							class="filter-trigger"
-							:class="{ enabled: boobSizeRequired || naturalBoobs !== 1 }"
-						><Icon icon="boobs" />Boobs</span>
 
 						<template v-slot:tooltip>
 							<div class="filter-section boobsize">
@@ -120,7 +117,7 @@
 									><Icon icon="leaf" /></span>
 
 									<input
-										v-model.number="naturalBoobs"
+										v-model="naturalBoobs"
 										class="toggle"
 										type="range"
 										min="0"
@@ -140,10 +137,7 @@
 
 				<li>
 					<Tooltip class="filter boobs">
-						<span
+						<span class="filter-trigger"><Icon icon="rulers" />Physique</span>
-							class="filter-trigger"
-							:class="{ enabled: heightRequired || weightRequired }"
-						><Icon icon="rulers" />Physique</span>
 
 						<template v-slot:tooltip>
 							<div class="filter-section">
@@ -243,7 +237,7 @@ import Checkbox from '../form/checkbox.vue';
 import Range from '../form/range.vue';
 import Pagination from '../pagination/pagination.vue';
 
-const toggleValues = [true, null, false];
+const toggleValues = [true, undefined, false];
 const boobSizes = 'ABCDEFGHZ'.split('');
 
 function updateFilters() {
@@ -251,7 +245,7 @@ function updateFilters() {
 		name: 'actors',
 		params: this.$route.params,
 		query: {
-			nb: this.naturalBoobs !== 1 ? this.naturalBoobs : undefined,
+			naturalBoobs: toggleValues[this.naturalBoobs],
 			bs: this.boobSizeRequired ? this.boobSize.join(',') : undefined,
 			h: this.heightRequired ? this.height.join(',') : undefined,
 			w: this.weightRequired ? this.weight.join(',') : undefined,
@@ -320,6 +314,8 @@ export default {
 		Pagination,
 	},
 	data() {
+		const naturalBoobs = ['true', undefined, 'false'].indexOf(this.$route.query.nb);
+
 		return {
 			actors: [],
 			pageTitle: null,
@@ -329,7 +325,7 @@ export default {
 			boobSizes,
 			boobSize: this.$route.query.bs?.split(',') || ['A', 'Z'],
 			boobSizeRequired: !!this.$route.query.bs,
-			naturalBoobs: Number(this.$route.query.nb) || 1,
+			naturalBoobs: naturalBoobs > -1 ? naturalBoobs : 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],
@@ -485,14 +481,6 @@ export default {
 			fill: var(--shadow-strong);
 		}
 	}
-
-	&.enabled {
-		color: var(--primary);
-
-		.icon {
-			fill: var(--primary);
-		}
-	}
 }
 
 .filter-section {

assets/components/form/range.vue

@@ -15,7 +15,7 @@
 			@click="setNearest"
 		>
 			<input
-				v-model.number="valueA"
+				v-model="valueA"
 				:min="min"
 				:max="max"
 				:data-value="valueA"
@@ -28,7 +28,7 @@
 			>
 
 			<input
-				v-model.number="valueB"
+				v-model="valueB"
 				:min="min"
 				:max="max"
 				:data-value="valueB"

package-lock.json

@@ -1,11 +1,11 @@
 {
     "name": "traxxx",
-    "version": "1.180.6",
+    "version": "1.180.5",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
-            "version": "1.180.6",
+            "version": "1.180.5",
             "license": "ISC",
             "dependencies": {
                 "@graphile-contrib/pg-order-by-related": "^1.0.0-beta.6",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.180.6",
+    "version": "1.180.5",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {