sbrl-github/Minetest-WorldEditAdditions
1
0
Fork 0
mirror of https://github.com/sbrl/Minetest-WorldEditAdditions.git synced 2024-11-22 23:42:59 +00:00
Code Issues Releases Wiki Activity

Website/reference: Update search to also serch command list

Browse source
This commit is contained in:
Starbeamrainbowlabs 2021-08-05 01:32:44 +01:00
parent 7e008df540
commit c2702a8fde
Signed by: sbrl
GPG key ID: 1BE5172E637709C2
1 changed files with 27 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
.docs/Reference.html
View file

@ -11,21 +11,6 @@
<p>After the contents, there is a <a href="#filter">filter box</a> for filtering the detailed explanations to quickly find the one you're after.</p> <p>After the contents, there is a <a href="#filter">filter box</a> for filtering the detailed explanations to quickly find the one you're after.</p>
</section> </section>
<section class="panel-generic">
<h2 id="contents" class="linked-section-heading">
<a class="section-link" href="#{{ section.slug }}">&#x1f517; <!-- Link Symbol --></a>
<span>Contents</span>
</h2>
<p>TODO: Group commands here by category (*especially* the meta commands)</p>
<ul class="command-list">
{% for section in sections_help %}
<li><a href="#{{ section.slug }}">
<code>{{ section.title }}</code>
</a></li>
{% endfor %}
</ul>
</section>
<section id="filter" class="panel-generic"> <section id="filter" class="panel-generic">
<div class="form-item bigsearch"> <div class="form-item bigsearch">
<label for="input-filter">Filter:</label> <label for="input-filter">Filter:</label>
@ -37,6 +22,21 @@
</div> </div>
</section> </section>
<section class="panel-generic">
<h2 id="contents" class="linked-section-heading">
<a class="section-link" href="#{{ section.slug }}">&#x1f517; <!-- Link Symbol --></a>
<span>Contents</span>
</h2>
<p>TODO: Group commands here by category (*especially* the meta commands)</p>
<ul class="command-list">
{% for section in sections_help %}
<li data-filtermode-force="all"><a href="#{{ section.slug }}">
<code>{{ section.title }}</code>
</a></li>
{% endfor %}
</ul>
</section>
<script> <script>
function search_text(query, text) { function search_text(query, text) {
return text.toLocaleLowerCase().includes(query); return text.toLocaleLowerCase().includes(query);
@ -45,19 +45,27 @@
function do_filter() { function do_filter() {
let el_search = document.querySelector("#input-filter"); let el_search = document.querySelector("#input-filter");
let el_searchall = document.querySelector("#input-searchall"); let el_searchall = document.querySelector("#input-searchall");
let els_sections = document.querySelectorAll("section.filterable"); /* Filterable items
- Sections
- Commands in the command list
*/
let els_filterable = document.querySelectorAll("section.filterable, .command-list > li");
let query = el_search.value.toLocaleLowerCase(); let query = el_search.value.toLocaleLowerCase();
let mode = el_searchall.checked ? "all" : "header"; let mode = el_searchall.checked ? "all" : "header";
console.log(`SEARCH | mode`, mode, `query`, query); console.log(`SEARCH | mode`, mode, `query`, query);
for(let i = 0; i < els_sections.length; i++) { for(let i = 0; i < els_filterable.length; i++) {
let el_next = els_sections[i]; let el_next = els_filterable[i];
let mode_this = mode;
if(typeof el_next.dataset.filtermodeForce == "string")
mode_this = el_next.dataset.filtermodeForce;
let show = true; let show = true;
if(query.length > 0) { if(query.length > 0) {
switch(mode) { switch(mode_this) {
case "all": case "all":
show = search_text(query, show = search_text(query,
el_next.textContent el_next.textContent