Added action to allow POST without JS

[Domejko]

Description

Regarding #376

• Added action="{% url 'auth:login manual' %}" to html form so that when JS is disabled code will default to action instead of using hx.

Checklist

• [x] Ran the Black Formatter and djLint-er on any new code (checks will fail without)
• [x] Made any changes or additions to the documentation where required
• [x] Changes generate no new warnings/errors
• [x] New and existing unit tests pass locally with my changes

What type of PR is this?

• 🐛 Bug Fix
• ♻️ Code Refactor

Added/updated tests?

• 🙅 no, because they aren't needed

Related PRs, Issues etc

• Related Issue #
• Closes #376

[TreyWW]

This doesn't seem to be working. Did it work for you?

[TreyWW]

Ah; as we redirect when the user doesn't use HTMX this doesn't make sense to implement.

    if not request.htmx:
        return redirect("auth:login")

As the user is just stuck with an infinite loop

[Domejko]

Yes, I just made it work in shape and form as it is now without errors.

Basically it comes down now to what's is the desired functionality ? Because if website is supposed to be fully functional without JS then we would need to refactor most of html files since many of them use hx-*, and some backend files also got checks for request.htmx. Without it many functions will just not work and I think that it would be a bad idea to give users access to half baked website. If not then I would keep if not request.htmx: and additionally inform user that he have JS disabled and since this website use JS ask him to enable it. I assume that cases when someone try to use internet without JS are very extreme this days.

[TreyWW]

Yeah I agree with that. It's probably easier to just stick with the idea of users have to have JS enabled, otherwise like you say the whole site wont work. Every page (pretty much) has some reliability on HTMX, and I'd rather not have to make all of it work without it. Maybe a popup saying you need JS could be a good option - that way this bug wont ever occur. We could just add a message before we redirect them to help a little too

[Domejko]

@TreyWW I have added a popup with short info to enable JS and hyperlink to instructions how to do it on different browsers. It activates only when JS is disabled and someone enters login page. I didn't add possibility to close window since website either way wont be functional without JS.

Preview:

[TreyWW]

Nice, I'd rather we use DaisyUI and tailwind though please. Since they have built in components that will do this and will keep the colour theme synced and styling consistent

[Domejko]

I have utilized available classes to sync color, font theme and size. Only .popup class left since Tailwind don't provide popup class.

Preview:

[TreyWW]

needs to have ran py manage.py lint