https://htmx.org logo
Join Discord
Powered by
# 🔥-django-htmx
  • b
    I was doing quite well with k8s until I realised it’s not that great for non-web apps.
  • b
    Or non-web apps that you want exposed using Ingress.
  • p
    Yes I think the future is pretty much everything running on k8s (or web-everything anyway) but it will be abstracted away for most developers. Just part of the plumbing that Google/Amazon/whoever you pay to take care of it.
  • b
    I do like the idea of k3s. Or whichever one Ubuntu makes. Micro-k8s? Though for single server deploys, Docker Swarm is lovely.
  • f
    Heroku k8s kappa
  • f
    With Heroku Autoscaler
  • f
    Supported by auto-magically simple deploy 🤔
  • f
    Isn't Docker Swam a low-configuration alternative to K8S? Or is it mostly used for single server scaling
  • b
    It’s a simple version of k8s. You can do multi-server. In many ways it’s a lot easier to use. But support is not guaranteed any more.
  • b
    But you can basically use a compose file as your swarm config and have it deploy nicely.
  • b
    I think https://tilt.dev also supports it. They support compose at least.
  • f
    Interesting; haven't had an app of that magnitude yet tho to need it
  • f
    and not necessarily looking forward to it either 🙃
  • i
    I'm wondering how to use different colors when I do the swap... in my python function I have something like this:
    Copy code
    if value < 7:
    <<do green swap>
else:
    <<do red swap>>
    HTML snippet:
    Copy code
    <td class="update_flash" id="abc_this" nowrap="nowrap">
  <input hx-target="#abc_this" hx-swap="outerHTML swap:0s" 
         class="form-control form-control-sm" type="number" 
         name="nameabc" value="0.00" step="0.5" 
         hx-post="/projects/update" hx-trigger="change delay:0.1s">
</td>
    my CSS:
    Copy code
    td.update_green.htmx-settling {
  background: #36842d;
}

td.update_red.htmx-settling {
  background: #842d2d;
}
  • h
    you want the update_flash class to be the colored section?
  • h
    say like
  • h
    Copy code
    if value < 7:
  flash_color = 'update_green'
else:
  flash_color = 'update_red'


-----------------
template:
<td class="update_flash {{flash_color}}" id="abc_this" nowrap="nowrap">
  ...
</td>
  • s
    Hello, I have a modal form that swaps a list view with the new item submitted and it works fine when the item does not exist but when it already exists, instead of showing the validation error in the current modal form, it swaps the list view target area with the form showing the validation error. How can I not swap to the hx-target unless form is valid?
  • s
    my form html:
  • s
    Copy code
    <form hx-post="{% url 'notecards:create' %}" hx-target="#notecards-list-group" hx-indicator=".htmx-indicator" hx-swap="afterbegin">
  <div class="modal-body">
    {% crispy form %}
  </div>
  <div class="modal-footer">
    <input type="submit" class="btn btn-primary"></input>
    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cancel</button>
  </div>
</form>
  • s
    my view:
  • s
    Copy code
    def notecard_create(request):
    template_name = 'notecards/hx/notecard_create_form_hx.html'
    form = NoteForm(request.POST or None)

    if request.method == 'POST':
        if form.is_valid():
            notecard = form.save()
            template_name = 'notecards/hx/notecard_item_hx.html'
            context = {'notecard': notecard}
            return render(request, template_name, context)

    context = {'form': form}
    return render(request, template_name, context)
  • b
    you can add some error handling code in the template
  • b
    Copy code
    html
{% if form.errors %}   
    {% for error in form.errors %}
        {% if error == "number" %}
            <span class="text-danger">number exists</span>
        {% endif %}
    {% endfor %}
{% endif %}

{% for error in form.non_field_errors %}
    <span class="text-danger">{{ error }}</span>
{% endfor %}
  • b
    so this is "always there" but if no errors are sent back from django backend the fields are empty/invisible
  • i
    yes, something like that. As it is right now it has to be initially loaded with 
    class="update_flash"
    to start and when I do the HTMX swap it includes the same class which causes the flash to occur. I want to have the option to have it flash for two different colors now though. Green be that the submission was accepted and red meaning the submission was not accepted.
  • h
    so does 
    <td class="update_flash {{flash_color}}" id="abc_this" nowrap="nowrap">
    work?
  • h
    Also I just want to brag that my django-debug-toolbar pr was merged today: https://github.com/jazzband/django-debug-toolbar/pull/1577
  • h
    That will work with HTMX so it'll catch and update the toolbar when swapping content in
  • h
    I'm going to reopen my other pr around boosting links - once we get those merged DJDT should just work with htmx
1...515253...100Latest