counter: make click page dynamic to avoid repetitive loading

This makes the whole click page load only once for a normal click
workflow. The current basket is now rendered client side with Vue.JS,
and the backend view is able to answer with JSON if asked to.

This should lighten the workflow a lot on the client side, especially
with poor connectivity, and the server should also feel lighter during
big events, due to far less complex Jinja pages to render.
This commit is contained in:
Skia
2021-09-25 20:48:07 +02:00
parent efb70652af
commit 406380e4f1
5 changed files with 209 additions and 114 deletions

File diff suppressed because one or more lines are too long

View File

@ -191,7 +191,7 @@ header {
display: flex;
flex: auto;
width: 80%;
a {
text-decoration: none;
margin: 0em 1em;
@ -350,7 +350,7 @@ header {
font-style: normal;
font-weight: bolder;
text-decoration: none;
&:hover {
background: $secondary-neutral-color;
color: $white-color;
@ -1125,7 +1125,7 @@ u, .underline {
overflow: auto;
}
#bar_ui {
#click_form {
float: left;
min-width: 57%;
}
@ -2181,4 +2181,4 @@ $pedagogy-white-text: #f0f0f0;
}
}
}
}
}