Remove jquery

[jbodner09]

Dependabot opened 2 security issues on us this week for a jquery library we have sitting on our website. If we're not using it, we need to remove it. If we are, we need to update it, or even better, stop. There is no need for jquery in the year 202X, so whatever we're using it for, I'll bet we don't need to be.

[vidapour]

bootstrap 5? work unknown, investigation + testing required

[jbodner09]

Investigation for #890 led to 2 conclusions.

First, our client side validation apparently STILL depends on jquery. For some reason, ASP.NET core has absolutely no built-in way to do this except with jquery. There are outside libraries we can use that are pretty much drop-in replaceable, but we'd want to do our due diligence on them.

Second, updating bootstrap to the jqueryless version breaks pretty much everything. For reasons unknown, they just changed a ton of their APIs/CSS classes between our current version and version 5, so we'd have to do a HUGE sweep of the site to change/fix things.

However, I believe it's ultimately worth the effort to update bootstrap. Despite all the sweeping needed, the amount of actual work to do that shouldn't be that much. AND we'd get a number of benefits from the latest version of bootstrap (for example, they have built-in toast components for notifications in newer versions!).

So, between those two things, once bootstrap is updated, I'd say it would be well worth removing jquery since we'd ONLY need it for the validation at that point.

[jbodner09]

Most likely update candidate: https://github.com/haacked/aspnet-client-validation Article with detailed how-to-use: https://andrewlock.net/adding-client-side-validation-to-aspnet-core-without-jquery-or-unobtrusive-validation/

Other options: its basis: https://github.com/ryanelian/aspnet-validation Or this older one: https://github.com/kraaden/unobtrusive-validation

[jbodner09]

Likely bootstrap migration bugaboos:

See https://getbootstrap.com/docs/5.3/migration/, https://getbootstrap.com/docs/4.6/migration/, https://github.com/twbs/bootstrap/releases

• Global font size may have changed, and links may end up being all underlined by default
• Panels, thumbnails, and wells have all been replaced with cards
• Glyphicon font has been replaced with unicode (for caret, for example)
• Dropdown items need .dropdown-item, and isn't needed inside .dropdown-toggle anymore, and .divider is now .dropdown-divider, and parent selectors are no longer used.
• Navbar becomes responsive via .navbar-expand-{breakpoint} which is required, as is an internal container for the navbar, and .navbar-default is now .navbar-light (but they also require a .bg-* for the background, which is how we should get our color), and .navbar-toggle is now .navbar-toggler, and .nav-underline and :focus-visible are now supported
• Color definitions may need to be added to Sass maps
• Text direction properties have been renamed, so that text-right is now text-end, float-left is now float-start, etc.