Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2025-12-28 16:57:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

editing custom roles

Browse Source
This commit is contained in:
AlecM33
2022-01-11 19:57:13 -05:00
parent 3b14ae3978
commit c0c4ccdd74
14 changed files with 172 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
client/src/modules/GameCreationStepManager.js
View File

@@ -470,32 +470,41 @@ function constructCompactDeckBuilderElement(card, deckManager) {
}
function initializeRemainingEventListeners(deckManager) {
document.getElementById("add-role-form").onsubmit = (e) => {
document.getElementById("role-form").onsubmit = (e) => {
e.preventDefault();
let name = document.getElementById("role-name").value.trim();
let description = document.getElementById("role-description").value.trim();
let team = document.getElementById("role-alignment").value.toLowerCase().trim();
if (!deckManager.getCustomRoleOption(name) && !deckManager.getCard(name)) { // confirm there is no existing custom role with the same name
if (name.length > 40) {
toast('Your name is too long (max 40 characters).', "error", true);
return;
if (deckManager.createMode) {
if (!deckManager.getCustomRoleOption(name) && !deckManager.getCard(name)) { // confirm there is no existing custom role with the same name
processNewCustomRoleSubmission(name, description, team, deckManager,false);
} else {
toast("There is already a role with this name", "error", true, true, 3);
}
if (description.length > 500) {
toast('Your description is too long (max 500 characters).', "error", true);
return;
}
deckManager.addToCustomRoleOptions({role: name, description: description, team: team, custom: true});
updateCustomRoleOptionsList(deckManager, document.getElementById("deck-select"))
ModalManager.dispelModal("add-role-modal", "modal-background");
toast("Role Created", "success", true);
} else {
toast("There is already a role with this name", "error", true, true, 3);
let option = deckManager.getCustomRoleOption(deckManager.currentlyEditingRoleName);
if (name === option.role) { // did they edit the name?
processNewCustomRoleSubmission(name, description, team, deckManager,true, option);
} else {
if (!deckManager.getCustomRoleOption(name) && !deckManager.getCard(name)) {
processNewCustomRoleSubmission(name, description, team, deckManager, true, option);
} else {
toast("There is already a role with this name", "error", true, true, 3);
}
}
}
}
document.getElementById("custom-role-btn").addEventListener(
"click", () => {
let createBtn = document.getElementById("create-role-button");
createBtn.setAttribute("value", "Create");
deckManager.createMode = true;
deckManager.currentlyEditingRoleName = null;
document.getElementById("role-name").value = "";
document.getElementById("role-alignment").value = globals.ALIGNMENT.GOOD;
document.getElementById("role-description").value = "";
ModalManager.displayModal(
"add-role-modal",
"role-modal",
"modal-background",
"close-modal-button"
)
@@ -503,6 +512,28 @@ function initializeRemainingEventListeners(deckManager) {
)
}
function processNewCustomRoleSubmission(name, description, team, deckManager, isUpdate, option=null) {
if (name.length > 40) {
toast('Your name is too long (max 40 characters).', "error", true);
return;
}
if (description.length > 500) {
toast('Your description is too long (max 500 characters).', "error", true);
return;
}
if (isUpdate) {
deckManager.updateCustomRoleOption(option, name, description, team);
ModalManager.dispelModal("role-modal", "modal-background");
toast("Role Updated", "success", true);
} else {
deckManager.addToCustomRoleOptions({role: name, description: description, team: team, custom: true});
ModalManager.dispelModal("role-modal", "modal-background");
toast("Role Created", "success", true);
}
updateCustomRoleOptionsList(deckManager, document.getElementById("deck-select"));
}
function updateCustomRoleOptionsList(deckManager, selectEl) {
document.querySelectorAll('#deck-select .deck-select-role').forEach(e => e.remove());
addOptionsToList(deckManager, selectEl);
@@ -568,17 +599,34 @@ function addCustomRoleEventListeners(deckManager, select) {
document.getElementById("custom-role-info-modal-description").innerText = option.description;
alignmentEl.innerText = option.team;
ModalManager.displayModal("custom-role-info-modal", "modal-background", "close-custom-role-info-modal-button");
})
});
role.querySelector('.deck-select-edit').addEventListener('click', (e) => {
e.preventDefault();
let option = deckManager.getCustomRoleOption(name);
document.getElementById("role-name").value = option.role;
document.getElementById("role-alignment").value = option.team;
document.getElementById("role-description").value = option.description;
deckManager.createMode = false;
deckManager.currentlyEditingRoleName = option.role;
let createBtn = document.getElementById("create-role-button");
createBtn.setAttribute("value", "Update");
ModalManager.displayModal("role-modal", "modal-background", "close-modal-button");
});
});
}
function displayCustomRoleModalInAddOrEditMode() {
let ad
}
function updateDeckStatus(deckManager) {
document.querySelectorAll('.deck-role').forEach((el) => el.remove());
document.getElementById("deck-count").innerText = deckManager.getDeckSize() + " Players";
if (deckManager.getDeckSize() === 0) {
let placeholder = document.createElement("div");
placeholder.setAttribute("id", "deck-list-placeholder");
placeholder.innerText = "Add a card from the included roles below.";
placeholder.innerText = "Add a card from the available roles below.";
document.getElementById("deck-list").appendChild(placeholder);
} else {
if (document.getElementById("deck-list-placeholder")) {