Query selector

[redstreet]

I have some 40+ preset queries, which makes either typing the query name or putting them all in the sidebar impractical.

Is it possible to have perhaps a dropdown menu that contains all the queries in the source files?

[yagebu]

Sure, sounds good.

[redstreet]

Cool. BTW, I'm completely clueless about anything related to UI, so I'm hoping you or someone else might want add the code for this :).

[zacchiro]

I also have this problem of my user queries overflowing the left menu. I'm completely unfamiliar with Svelte though, so for now I only went as far as patching the HTML template to add a downward triangle that could be used as a toggle:

diff --git a/src/fava/templates/_aside.html b/src/fava/templates/_aside.html
index a526982b..16aa31c9 100644
--- a/src/fava/templates/_aside.html
+++ b/src/fava/templates/_aside.html
@@ -16,6 +16,9 @@
       {%- if id == 'events' and ledger.misc.upcoming_events -%}
       <span class="bubble">{{ ledger.misc.upcoming_events|length }}</span>
       {%- endif -%}
+      {% if id == 'query' and user_queries %}
+      <a href="#toggle-user-queries" class="secondary">▼</a>
+      {% endif %}
     </a>
     {% if id == 'query' and user_queries %}
     <ul class="submenu">

If someone can point me in the direction of where to add the trivial Javascript code to toggle a display: none on the submenu div (which I've already verified works well enough in the browser inspector), maybe I can submit a PR for this.