gui: Implement clickable level stars

src/main/resources/templates/skills.html

@@ -49,11 +49,30 @@
                           >Secondary Skill</span
                         >
                         <span class="stars">
-                          <span
-                            th:each="i : ${#numbers.sequence(1, 5)}"
-                            th:classappend="${i <= pair.second} ? 'star-filled' : 'star-empty'"
-                          >
-                            &#9733;
+                          <span th:each="i : ${#numbers.sequence(1, 5)}">
+                            <form
+                              th:action="@{/skills/update-level}"
+                              method="post"
+                              class="d-inline"
+                            >
+                              <input
+                                type="hidden"
+                                name="skillId"
+                                th:value="${pair.first.ssid}"
+                              />
+                              <input
+                                type="hidden"
+                                name="level"
+                                th:value="${i}"
+                              />
+                              <button
+                                type="submit"
+                                th:classappend="${i <= pair.second} ? 'star-filled' : 'star-empty'"
+                                class="star"
+                              >
+                                &#9733;
+                              </button>
+                            </form>
                           </span>
                         </span>
                         <form