[#181] resolve operations-dropdown behaviour: search-result are at the top if applicable, categories below. clearing search value will display categories

This commit is contained in:
Robin Scholtes 2023-04-20 14:59:22 +12:00
parent 4faaae3151
commit 7ae22ff16b
7 changed files with 36 additions and 35 deletions

View file

@ -208,9 +208,8 @@
<i class="material-icons">close</i>
</button>
</span>
</div>
<div class="operations-wrapper">
<div id="operations-wrapper">
<input id="search"
type="search"
class="form-control"
@ -221,8 +220,10 @@
data-help="<p>Use the search box to find useful operations.</p><p>Both operation names and descriptions are queried using a fuzzy matching algorithm.</p>"
/>
<!--operation list and categories-->
<ul id="search-results" class="op-list hidden"></ul>
<div id="categories" class="panel-group no-select hidden"></div>
<div id="operations-dropdown">
<ul id="search-results" class="op-list hidden"></ul>
<div id="categories" class="panel-group no-select hidden"></div>
</div>
</div>
</div>
<div id="recipe" class="split split-horizontal no-select" data-help-title="Recipe pane" data-help="<p>The Recipe pane is where your chosen Operations are configured. If you are a programmer, think of these as functions. If you are not a programmer, these are like steps in a cake recipe. The Input data will be processed based on the Operations in your Recipe.</p><ul><li>To reorder, simply drag and drop the Operations into the order your require</li><li>To remove an operation, either double click it, or drag it outside of the Recipe pane</li></ul><p>The arguments (or 'Ingredients' in CyberChef terminology) can be configured to change how an Operation processes the data.</p>">