From b4c9d7cd1bc9adae40fccb0120c736eeab9caab3 Mon Sep 17 00:00:00 2001
From: Nicolas F <CounterPillow@users.noreply.github.com>
Date: Sat, 21 Oct 2017 06:01:36 +0200
Subject: [PATCH] Fix filter dropdowns if JS is disabled (#389)

Before bootstrap-select is loaded, a small JS piece replaces the
class for the pickers with the appropriate bootstrap-select classes.

If there is no JS, the dropdowns will stay as form-control.
---
 nyaa/static/js/compat.js   | 5 +++++
 nyaa/templates/layout.html | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 nyaa/static/js/compat.js

diff --git a/nyaa/static/js/compat.js b/nyaa/static/js/compat.js
new file mode 100644
index 0000000..22f2516
--- /dev/null
+++ b/nyaa/static/js/compat.js
@@ -0,0 +1,5 @@
+// Filter dropdown styling if JS is enabled
+$(function() {
+	$("#navFilter-category, #navFilter-criteria").children("select").removeClass("form-control").addClass("selectpicker show-tick");
+	}
+);
diff --git a/nyaa/templates/layout.html b/nyaa/templates/layout.html
index a37009e..01afd67 100644
--- a/nyaa/templates/layout.html
+++ b/nyaa/templates/layout.html
@@ -42,6 +42,7 @@
 
 		<!-- Core JavaScript -->
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+		<script src="{{ static_cachebuster('js/compat.js') }}"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha256-U5ZEeKfGNOja007MMD3YBI0A3OSZOQbeG6z2f2Y0hu8=" crossorigin="anonymous"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/8.3.1/markdown-it.min.js" integrity="sha256-3WZyZQOe+ql3pLo90lrkRtALrlniGdnf//gRpW0UQks=" crossorigin="anonymous"></script>
 		<!-- Modified to not apply border-radius to selectpickers and stuff so our navbar looks cool -->
@@ -263,7 +264,7 @@
 					{% endif %}
 						<div class="input-group search-container hidden-xs hidden-sm">
 							<div class="input-group-btn nav-filter" id="navFilter-criteria">
-								<select class="selectpicker show-tick" title="Filter" data-width="120px" name="f">
+								<select class="form-control" title="Filter" data-width="120px" name="f">
 									<option value="0" title="No filter" {% if search is defined and search["quality_filter"] == "0" %}selected{% else %}selected{% endif %}>No filter</option>
 									<option value="1" title="No remakes" {% if search is defined and search["quality_filter"] == "1" %}selected{% endif %}>No remakes</option>
 									<option value="2" title="Trusted only" {% if search is defined and search["quality_filter"] == "2" %}selected{% endif %}>Trusted only</option>
@@ -287,7 +288,7 @@
 									{% endfor %}
 								</select>
 								#}
-								<select class="selectpicker show-tick" title="Category" data-width="130px" name="c">
+								<select class="form-control" title="Category" data-width="130px" name="c">
 									<option value="0_0" title="All categories" {% if search is defined and search["category"] == "0_0" %}selected{% else %}selected{% endif %}>
 										All categories
 									</option>