From 1854da380b7e758501261d9731ea86adef338a68 Mon Sep 17 00:00:00 2001
From: Matthias <matmair@live.de>
Date: Sat, 3 Apr 2021 04:07:27 +0200
Subject: [PATCH] made filters.js dynamic for translation

---
 InvenTree/InvenTree/urls.py                            |  1 +
 InvenTree/templates/base.html                          |  2 +-
 .../script/inventree => templates/js}/filters.js       | 10 ++++++----
 3 files changed, 8 insertions(+), 5 deletions(-)
 rename InvenTree/{InvenTree/static/script/inventree => templates/js}/filters.js (94%)

diff --git a/InvenTree/InvenTree/urls.py b/InvenTree/InvenTree/urls.py
index a9f53a7014..7c22639e65 100644
--- a/InvenTree/InvenTree/urls.py
+++ b/InvenTree/InvenTree/urls.py
@@ -110,6 +110,7 @@ dynamic_javascript_urls = [
     url(r'^stock.js', DynamicJsView.as_view(template_name='js/stock.js'), name='stock.js'),
     url(r'^tables.js', DynamicJsView.as_view(template_name='js/tables.js'), name='tables.js'),
     url(r'^table_filters.js', DynamicJsView.as_view(template_name='js/table_filters.js'), name='table_filters.js'),
+    url(r'^filters.js', DynamicJsView.as_view(template_name='js/filters.js'), name='filters.js'),
 ]
 
 urlpatterns = [
diff --git a/InvenTree/templates/base.html b/InvenTree/templates/base.html
index 2120d0ccfb..aa571ef19a 100644
--- a/InvenTree/templates/base.html
+++ b/InvenTree/templates/base.html
@@ -139,7 +139,6 @@ InvenTree
 
 <script type='text/javascript' src="{% static 'script/inventree/inventree.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/inventree/api.js' %}"></script>
-<script type='text/javascript' src="{% static 'script/inventree/filters.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/inventree/notification.js' %}"></script>
 <script type='text/javascript' src="{% static 'script/inventree/sidenav.js' %}"></script>
 
@@ -156,6 +155,7 @@ InvenTree
 <script type='text/javascript' src="{% url 'calendar.js' %}"></script>
 <script type='text/javascript' src="{% url 'tables.js' %}"></script>
 <script type='text/javascript' src="{% url 'table_filters.js' %}"></script>
+<script type='text/javascript' src="{% url 'filters.js' %}"></script>
 
 <script type='text/javascript' src="{% static 'fontawesome/js/solid.js' %}"></script>
 <script type='text/javascript' src="{% static 'fontawesome/js/brands.js' %}"></script>
diff --git a/InvenTree/InvenTree/static/script/inventree/filters.js b/InvenTree/templates/js/filters.js
similarity index 94%
rename from InvenTree/InvenTree/static/script/inventree/filters.js
rename to InvenTree/templates/js/filters.js
index df767441d4..01b74763e0 100644
--- a/InvenTree/InvenTree/static/script/inventree/filters.js
+++ b/InvenTree/templates/js/filters.js
@@ -1,3 +1,5 @@
+{% load i18n %}
+
 /**
  * Code for managing query filters / table options.
  * 
@@ -188,7 +190,7 @@ function generateAvailableFilterList(tableKey) {
 
     var html = `<select class='form-control filter-input' id='${id}' name='tag'>`;
     
-    html += `<option value=''>Select filter</option>`;
+    html += "<option value=''>{% trans 'Select filter' %}</option>";
 
     for (var opt in remaining) {
         var title = getFilterTitle(tableKey, opt);
@@ -263,10 +265,10 @@ function setupFilterList(tableKey, table, target) {
     // One blank slate, please
     element.empty();
 
-    element.append(`<button id='${add}' title='Add new filter' class='btn btn-default filter-tag'><span class='fas fa-filter'></span></button>`);
+    element.append(`<button id='${add}' title='{% trans "Add new filter" %}' class='btn btn-default filter-tag'><span class='fas fa-filter'></span></button>`);
 
     if (Object.keys(filters).length > 0) {
-        element.append(`<button id='${clear}' title='Clear all filters' class='btn btn-default filter-tag'><span class='fas fa-trash-alt'></span></button>`);
+        element.append(`<button id='${clear}' title='{% trans "Clear all filters" %}' class='btn btn-default filter-tag'><span class='fas fa-trash-alt'></span></button>`);
     }
 
     for (var key in filters) {
@@ -291,7 +293,7 @@ function setupFilterList(tableKey, table, target) {
             html += generateAvailableFilterList(tableKey);
             html += generateFilterInput(tableKey);
 
-            html += `<button title='Create filter' class='btn btn-default filter-tag' id='${make}'><span class='fas fa-plus'></span></button>`;
+            html += `<button title='{% trans "Create filter" %}' class='btn btn-default filter-tag' id='${make}'><span class='fas fa-plus'></span></button>`;
 
             //html += '</div>';