Resolve "Assignment weights"

• Merged the two grading.html files we had since they were 95% identical.
• Made it such that there is a nice UI in the grading dialog to set assignment weights
• The simplest way to implement this was make a formula out of the weights and plug that formula in instead of having the logic in the backend.
• If the formula is set and the format is of ((assignment_1*3)+(assignment_2*2))/5 then the weights are filled in on the frontend.

Closes #25 (closed)

src/main/resources/templates/grading/grading.html

@@ -30,6 +30,31 @@
             id="grading-overlay"
             class="dialog">
             <script>
+                document.addEventListener("DOMContentLoaded", () => {
+                    populateWeightsFromFormula();
+                });
+
+                function populateWeightsFromFormula() {
+                    let formula = document.getElementById("formula").value;
+
+                    const regex = /\(([^*()]+)\s*\*\s*([\d.]+)\)/g;
+                    let match;
+                    let totalWeight = 0;
+
+                    document.querySelectorAll(".weight-field").forEach(field => (field.value = ""));
+
+                    while ((match = regex.exec(formula)) !== null) {
+                        let assignment = match[1].trim();
+                        let weight = parseFloat(match[2]);
+                        totalWeight += weight;
+
+                        let input = document.querySelector(`[data-assignment="${assignment}"]`);
+                        if (input) {
+                            input.value = weight;
+                        }
+                    }
+                }
+
                 function updateFormula() {
                     let formula = "";
                     let totalWeight = 0;
@@ -134,7 +159,8 @@
                             class="textfield"
                             type="text"
                             th:value="${object.gradingFormula?.formula}"
-                            th:placeholder="#{grading.formula.enter}" />
+                            th:placeholder="#{grading.formula.enter}"
+                            onchange="populateWeightsFromFormula()" />
                         <div class="font-200 pl-1">
                             <span th:text="|#{grading.available_scores}:|"></span>
                             <span