active search when input is empty

[kaung-minkhant]

Hi, I am new to HTMX and learning it using the book. In active search section, everything works as expected, except for one detail. Say, I have a keyword in search input and then I clear it. Keyup event is triggered and a get request to '/contacts?q=' is made, because the field is empty. Now, in the web controller, we are saying 'if search is not None', now, the q is certainly not None. So all the rows are rendered. Now, from user perspective, when the search is empty, he would want the normal behavior, with all the pagination. How would I achieve it?

Also, I am also searching for something like discord to communicate, I have only the invalid invite link, so if there is one, please kindly let me know. Thank you

[grugBraid]

You can change the line to:

if search is not None and len(search) > 0:

[kaung-minkhant]

Yes, I did that. However, the original code was

@app.route("/contacts")
def contacts():
    search = request.args.get("q")
    if search is not None:
        contacts_set = Contact.search(search)
        if request.headers.get('HX-Trigger') == 'search':
          return render_template("rows.html", contacts=contacts_set)
    else:
        contacts_set = Contact.all()
    return render_template("index.html", contacts=contacts_set)

So, with the condition with len(), the index.html was rendered inside the tbody. Also, I have implemented the infinite scroll as per the book with 'revealed'

I have also tried this

@app.route("/contacts")
def contacts():
    search = request.args.get("q")
    if search is not None and len(search) > 0:
        contacts_set = Contact.search(search)
    else:
        contacts_set = Contact.all()
    if request.headers.get('HX-Trigger') == 'search':
          return render_template("rows.html", contacts=contacts_set)
    return render_template("index.html", contacts=contacts_set)

This time, it is correct, but since the span with reveal trigger is in the index.html, it was lost. So how should I do it?