Feat: Showing full name for proposers of projects, instead of username, where...

Feat: Showing full name for proposers of projects, instead of username, where we have the full name. full name is stored in a new table, person. this has been mostly populated by an insert command in person.sql. the rest of the entries are for testing only. Additionally, behaviours have been implemented to hide the full name textbox in the front end for certain scenarios.

app/templates/pages/project-form.html

@@ -22,6 +22,14 @@
                         <div class="w3-threequarter">
                             {{ form.on_behalf(placeholder="Student username", class="w3-input w3-border", id="student-proposer") }}
                         </div>
+                        <div class="w3-quarter {% if not show_box %}w3-hide{% endif %}" style="visibility: hidden">
+                            {{ form.on_behalf(placeholder="Student full name", class="w3-input w3-border", id="format-align") }}
+                        </div>
+                        <div class="w3-threequarter {% if not show_box %}w3-hide{% endif %}">
+                            <div class="w3-input w3-border", id="student-fullname">
+                                {{ person.full_name }}
+                            </div>
+                        </div>
                     </section>
                     <button type="submit" class="w3-btn w3-{{ theme_colour }}">Save</button>
                 </form>
@@ -48,4 +56,11 @@
         toggleStudentProposer(isStudentProposalCheckbox.checked)
         isStudentProposalCheckbox.addEventListener("change", (event) => toggleStudentProposer(event.target.checked))
     </script>
+    <script>
+        // this script makes the student-fullname textbox hidden when the student-proposer textbox is clicked on (presumably with an intention to modify it)
+        const studentUsernameBox = document.getElementById("student-proposer")
+        const studentFullnameBox = document.getElementById("student-fullname")
+
+        studentUsernameBox.addEventListener("click", async () => {studentFullnameBox.style.visibility = 'hidden';})
+    </script>
 {% endblock %}
\ No newline at end of file