https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • s
  • b
    I also found this one which is nice : https://github.com/justdjango/django_htmx_dynamic_forms
  • b
    I'm getting a 403 when trying to use the link from the repo back to the tutorial
  • s
    Could you please check this again, and then create an issue du that the maintainer knows about it?
  • u
    Hi. Is it possible to hx-target a new tab? I have an url that make a precompiled pdf but I need the info from a form to do it that I was planning to hx-post to the URL
  • m
    can you post some code? When you say a new tab, do you mean open the pdf in a new tab?
  • u
    open the pdf in a new tab?
    yes exactly that. I will try to come up with an example since the whole code is way too big
  • m
    OK, what you probably want to do is respond with a 
    HX-Redirect
    response header to the location of the generated PDF. That should open the PDF in a new tab.
  • m
  • h
    Is there something similar to https://github.com/skorokithakis/django-annoying#render_to-decorator that makes a distinction between a full page refresh and a partial?
  • m
    htmx includes multiple request headers: https://htmx.org/reference/#request_headers
  • m
    including 
    HX-Request
    equal to 
    true
    and 
    HX-Target
    with the id of the target element. These can be used to adjust your response rendering.
  • h
    yeah I've been playing around with django-htmx which will add a request.htmx attribute
  • h
    it's easy ehough to do something like
    Copy code
    if request.htmx:
  return render(request, "partials/edit_form.html", context)
else:
  return render(request, "edit_form.html", context)
  • h
    but I think a nicer api would be something more like
  • h
    Copy code
    @render("edit_form.html", "partials/edit_form.html")
def view(request):
   context = {"users":User.objects.all()}
   return context
  • h
    interesting idea to vary the response based on HX-Target
  • h
    but that feels a little fragile
  • g
    Copy code
    python
def hx_render(fullpage, partial):
  def decorator(func):
    @wraps(func)
    def wrapper(request, args, **kwargs):
      context = func(request, *args, **kwargs)
      if request.htmx:
        return render(request, partial, context)
      else:
        return render(request, fullpage, context)

    return wrapper

  return decorator
    i haven't touched python in a while and i also don't have django experience, so take this with a grain of salt
  • h
    yeah I guess looking at https://github.com/skorokithakis/django-annoying/blob/master/annoying/decorators.py#L58 it's not really doing much more then that
  • h
    you use a third party app that does something simple and I always assume there's some kind of hidden complexity that I would need to manage to do myself
  • h
    I guess the only thing that would need to add to be feature complete would be the typecheck on the response to allow the function to return a complete reponse
  • h
    This might be a stupid question but I'm throwing together a form + generic view that will be embeded on another page
  • h
    IE if "thing" is the host page, there's a form on thing to control UserRatingForThing that will post to a different location and 302 back to thing
  • h
    I planned on a text box for rating and a button to create a new UserRatingForThing (add to list)
  • h
    and then once it's added you'd update the rating on focus out, and the button would switch to "remove from list" and act as delete
  • h
    I just sort of had in my head that I'd have one endpoint and would manage the different actions (create, update, delete) through http verbs EG hx-delete on the button after it's been added, hx-put on the text area, and hx-post on the button to add
  • h
    I've been in the rest world for a while so I just naturally went that way
  • h
    But it's more idomatic to just drive that all through POST right? and then vary on the url
  • m
    not a djano person, but I think one of best aspects of htmx is that it allows you to use the full constellation of HTTP request types to implement a really REST-ful HTTP/HTML api
1...91011...100Latest