Expand the multi-select to various other fields.

resources/lang/en_US/firefly.php

@@ -112,6 +112,7 @@ return [
     'transaction_journal_other_options'          => 'Other options',
     'multi_select_no_selection'                  => 'None selected',
     'multi_select_all_selected'                  => 'All selected',
+    'multi_select_filter_placeholder'            => 'Find..',
 
 
     // repeat frequencies:

resources/views/reports/index.twig

@@ -215,8 +215,8 @@
         var picker;
         var nonSelectedText = "{{ 'multi_select_no_selection'|_ }}";
         var allSelectedText = "{{ 'multi_select_all_selected'|_ }}";
+        var filterPlaceholder = "{{ 'multi_select_filter_placeholder'|_ }}";
     </script>
     <script type="text/javascript" src="js/lib/bootstrap-multiselect.js"></script>
-
     <script type="text/javascript" src="js/ff/reports/index.js"></script>
 {% endblock %}

resources/views/reports/options/budget.twig

@@ -1,8 +1,8 @@
 <p>
     {{ 'select_budget'|_ }}
 </p>
-{% for budget in budgets %}
-<label class="checkbox-inline">
-    <input type="checkbox" class="budget-checkbox" name="budget[]" value="{{ budget.id }}"> {{ budget.name }}
-</label>
-{% endfor %}
+<select id="inputBudgets" name="budget[]" multiple="multiple" class="form-control">
+    {% for budget in budgets %}
+        <option value="{{ budget.id }}" label="{{ budget.name }}">{{ budget.name }}</option>
+    {% endfor %}
+</select>

resources/views/reports/options/category.twig

@@ -1,8 +1,8 @@
 <p>
     {{ 'select_category'|_ }}
 </p>
-{% for category in categories %}
-<label class="checkbox-inline">
-    <input type="checkbox" class="category-checkbox" name="category[]" value="{{ category.id }}"> {{ category.name }}
-</label>
-{% endfor %}
+<select id="inputCategories" name="category[]" multiple="multiple" class="form-control">
+    {% for category in categories %}
+        <option value="{{ category.id }}" label="{{ category.name }}">{{ category.name }}</option>
+    {% endfor %}
+</select>