jamesparkin/Results-Page
1
0
Fork 0
Code Issues 9 Pull Requests Projects 1 Releases Activity

working on modal for new members

Browse Source
This commit is contained in:
Corban-Lee 2023-05-09 09:59:05 +01:00
parent 79d391d171
commit af081df0cf
2 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/mainapp/templates/teams.html
View File

@ -16,10 +16,10 @@
</div> </div>
<div class="col-sm-3 col-md-6 col-xl-4 mb-3 mb-sm-0"> <div class="col-sm-3 col-md-6 col-xl-4 mb-3 mb-sm-0">
<div class="input-group justify-content-xl-end"> <div class="input-group justify-content-xl-end">
<button class="btn btn-outline-secondary border-secondary-subtle" data-bs-toggle="tooltip" data-bs-title="Add Member"> <button class="btn btn-outline-secondary border-secondary-subtle" id="addMember" data-bs-toggle="tooltip" data-bs-title="Add Member">
<i class="bi bi-person"></i> <i class="bi bi-person"></i>
</button> </button>
<button class="btn btn-outline-secondary border-secondary-subtle" data-bs-toggle="tooltip" data-bs-title="Add Team"> <button class="btn btn-outline-secondary border-secondary-subtle" id="addTeam" data-bs-toggle="tooltip" data-bs-title="Add Team">
<i class="bi bi-people"></i> <i class="bi bi-people"></i>
</button> </button>
</div> </div>

44
src/static/js/teams.js
View File

@ -164,6 +164,15 @@ function loadTeams(teams, highlightText="") {
}); });
openEditMemberModal($(this).parent().data("member-id")); openEditMemberModal($(this).parent().data("member-id"));
}); });
// Bind new member/team buttons
$("#addTeam").on("click", () => {
openEditTeamModal(-1);
});
$("#addMember").on("click", () => {
openEditMemberModal(-1);
});
} }
function fetchAndLoadTeams(search="", sortTeams="", sortMembers="") { function fetchAndLoadTeams(search="", sortTeams="", sortMembers="") {
@ -172,9 +181,9 @@ function fetchAndLoadTeams(search="", sortTeams="", sortMembers="") {
type: "post", type: "post",
data: { data: {
"csrfmiddlewaretoken": csrfMiddlewareToken, "csrfmiddlewaretoken": csrfMiddlewareToken,
"search": !isEmptyOrSpaces(search) ? search : null, // might not be necessary? TODO: re-evaluate "search": search,
"sortTeams": sortTeams ? sortTeams : null, "sortTeams": sortTeams,
"sortMembers": sortMembers ? sortMembers : null "sortMembers": sortMembers
}, },
error: (xhr, textStatus, errorThrown) => { alert(errorThrown); }, error: (xhr, textStatus, errorThrown) => { alert(errorThrown); },
success: (result) => { success: (result) => {
@ -214,12 +223,25 @@ function openEditTeamModal(teamNumber) {
function openEditMemberModal(memberId) { function openEditMemberModal(memberId) {
var modalTitle = "Add Member";
var first = "";
var last = "";
var teamNumber = $(".team").map(function() { return $(this).data("number"); }).get(); // TODO: shorten this
var pegNumber = 0;
var firstPlaceholder = "Forename";
var lastPlaceholder = "Surname";
// Member data // Member data
const member = $(`.team-member[data-member-id='${memberId}']`); if (memberId !== -1) {
const first = member.data("first"); const member = $(`.team-member[data-member-id='${memberId}']`);
const last = member.data("last"); first = member.data("first");
const teamNumber = member.data("team-number"); last = member.data("last");
const pegNumber = member.data("peg-number"); teamNumber = member.data("team-number");
pegNumber = member.data("peg-number");
firstPlaceholder = first;
lastPlaceholder = last;
modalTitle = "Edit: " + first + " " + last
}
// Load teams as options // Load teams as options
$("#editMemberTeam").html(""); $("#editMemberTeam").html("");
@ -230,14 +252,14 @@ function openEditMemberModal(memberId) {
}); });
// Load data to form // Load data to form
$("#editMemberName").text(first + " " + last); $("#editMemberName").text(modalTitle);
$("#editMemberFirstName").val(first); $("#editMemberFirstName").val(first);
$("#editMemberLastName").val(last); $("#editMemberLastName").val(last);
$("#editMemberTeam").val(teamNumber); $("#editMemberTeam").val(teamNumber);
$("#editMemberPeg").val(pegNumber); $("#editMemberPeg").val(pegNumber);
$("#editMemberFirstName").attr("placeholder", first); $("#editMemberFirstName").attr("placeholder", firstPlaceholder);
$("#editMemberLastName").attr("placeholder", last); $("#editMemberLastName").attr("placeholder", lastPlaceholder);
$("#editMemberModal").modal("show"); $("#editMemberModal").modal("show");