MediaWiki:Script/Calculator.js

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.

function showElement(element) {
  element.classList.remove("tabber-noactive");
}


function hideElement(element) {
  element.classList.add("tabber-noactive");
}


function removeAccent(str) {
  return str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase()
}


function toNormalForm(str) {
    return removeAccent(str).replace(/[^a-zA-Z0-9 ]/g, "");
}


function isValueInArray(value, array) {
  return array.indexOf(value) !== -1;
}


function copyObject(object) {
  var copy = {};
  for (var key in object) {
    copy[key] = object[key];
  }
  return copy;
}


function floorMultiplication(firstFactor, secondFactor) {
  return Math.floor((firstFactor * secondFactor).toFixed(8));
}


function numberFormat(number, precision) {
  return Math.round((number) * 10**precision) / 10**precision;
}


function addRowToTableResult(tableResult, value) {
  
  var newRow = tableResult.insertRow(-1);
  var firstCell = newRow.insertCell(0);
  
  firstCell.textContent = value;
  firstCell.colSpan = 2;
  
  newRow.style.backgroundColor = "#1f0e02";
  newRow.style.color = "#f0d9a2";
  newRow.style.fontWeight = "bold";
}


function addToTableResult(tableResult, value1, value2) {
  
  var newRow = tableResult.insertRow(-1);

  var firstCell = newRow.insertCell(0);
  firstCell.textContent = value1;

  var secondCell = newRow.insertCell(1);
  secondCell.textContent = numberFormat(value2 * 100, 3) + " %";
}


function getMinDamages(tableResult) {
  return tableResult.rows[2].cells[0].textContent;
}


function clearTableResult(tableResult) {
  
  var tableHeaderRowCount = 1;
  var rowCount = tableResult.rows.length;
  
  for (var rowIndex = tableHeaderRowCount; rowIndex < rowCount; rowIndex++) {
      tableResult.deleteRow(tableHeaderRowCount);
  }
}


function addWeapon(weaponChoice) {
  
  for (var weapon in weaponData) {
    var option = document.createElement("option");
    option.textContent = weaponData[weapon][0];
    option.value = weapon;
    
    var weaponType = weaponData[weapon][1];
    
    if (weaponType !== 0 && weaponType !== 3) {
      hideElement(option);
    }
    weaponChoice.appendChild(option);
  }
}


function filterClass(raceChoice, classChoice, selectValueIsChanged = false) {
  
  var selectedRace = raceChoice.value;
  
  if (selectedRace == "lycan") {
    hideElement(classChoice.parentElement);

  } else {
    showElement(classChoice.parentElement);

    for (var option of classChoice.options) {
      if (option.getAttribute("data-race") === selectedRace) {
        if (!selectValueIsChanged) {
          classChoice.value = option.value;
          selectValueIsChanged = true;
        }
        showElement(option);
      } else {
        hideElement(option);
      }
    }
  }
}


function filterWeapon(raceChoice, weaponChoice, selectValueIsChanged = false) {
  
  var allowedWeaponsPerRace = {
    "warrior": [0, 3, 8],
    "ninja": [0, 1, 2, 8],
    "sura": [0, 7, 8],
    "shaman": [4, 6, 8],
    "lycan": [5, 8]
  }
  var allowedWeapons = allowedWeaponsPerRace[raceChoice.value];
  
  if (!selectValueIsChanged) {
    var weaponType = weaponData[weaponChoice.value][1];
    
    if (!isValueInArray(weaponType, allowedWeapons)) {
      weaponChoice.value = "Fist";
    }
  }

  for (var option of weaponChoice.options) {
    var weaponType = weaponData[option.value][1];
    
    if (isValueInArray(weaponType, allowedWeapons)) {
      showElement(option);
      
    } else {
      hideElement(option);
    }
  }
}


function filterUpgrade(raceChoice, weaponUpgrade, weaponChoice, randomAttackValue, randomMagicAttackValue, currentUpgrade) {
  
  var weaponName = weaponChoice.value;
  var raceName = raceChoice.value;

  if (isValueInArray("serpent", weaponName.toLowerCase())) {
    showElement(randomAttackValue);

    if (raceName === "sura" || raceName === "shaman") {
      showElement(randomMagicAttackValue);
    }
    
  } else {
    hideElement(randomAttackValue);
    hideElement(randomMagicAttackValue);
  }
    
  var upgradeNumber = weaponData[weaponName][3].length;
  
  if (!upgradeNumber) {
    
    hideElement(weaponUpgrade.parentElement);
    
  } else {
    
    showElement(weaponUpgrade.parentElement);
    
    weaponUpgrade.innerHTML = "";

    for (var upgrade = 0; upgrade < upgradeNumber; upgrade++) {
   
      var option = document.createElement("option");
      option.value = upgrade;
      option.textContent = "+" + upgrade;
      weaponUpgrade.appendChild(option);
    }
    if (currentUpgrade === undefined) {
      option.selected = true;
    } else {
      weaponUpgrade.value = currentUpgrade;
      currentUpgrade = undefined;
    }
  }
}


function filterState(stateChoice, polymorphMonster) {
  if (stateChoice.value === "polymorph") {
    showElement(polymorphMonster.parentElement)
  } else {
    hideElement(polymorphMonster.parentElement);
  }
}


function filterPlayerRank(lowRankCheckbox, playerRankChoice) {
  if (lowRankCheckbox.checked) {
    showElement(playerRankChoice.parentElement);
  } else {
    hideElement(playerRankChoice.parentElement);
  }
}


function filterForm(characters) {
  
  addWeapon(characters.weaponChoice);
  
  characters.raceChoice.addEventListener("change", function(event) {
    filterClass(this, characters.classChoice);
    filterWeapon(this, characters.weaponChoice);
    filterUpgrade(this, characters.weaponUpgrade, characters.weaponChoice, characters.randomAttackValue, characters.randomMagicAttackValue);
  });
  
  characters.weaponChoice.addEventListener("change", function(event) {
    filterUpgrade(characters.raceChoice, characters.weaponUpgrade, this, characters.randomAttackValue, characters.randomMagicAttackValue);
  });
  
  characters.stateChoice.addEventListener("change", function(event) {
    filterState(this, characters.polymorphMonster);
  });
  
  characters.lowRankCheckbox.addEventListener("change", function(event) {
    filterPlayerRank(this, characters.playerRankChoice);
  });
}


function getSavedCharacters() {
  var savedCharacters = localStorage.getItem("savedCharactersCalculator");

  if (savedCharacters) {
    return JSON.parse(savedCharacters);
  }
  return {};
}


function getSavedMonsters() {
  var savedMonsters = localStorage.getItem("savedMonstersCalculator");

  if (savedMonsters) {
    return JSON.parse(savedMonsters);
  }
  return [];
}


function addUniquePseudo(characterDataObject, savedCharactersPseudo) {

  var characterPseudo = characterDataObject.name;
  var originalPseudo = characterPseudo;
  var count = 0;
  
  var regex = /(.*)(\d)$/;
  var match = characterPseudo.match(regex);
  
  if (match) {
    originalPseudo = match[1];
    count = match[2];
  }
  
  while (isValueInArray(characterPseudo, savedCharactersPseudo)) {
    characterPseudo = originalPseudo + count;
    count++;
  }
  
  characterDataObject.name = characterPseudo;
  return [characterDataObject, characterPseudo]
}


function convertToNumber(value) {
  var valueNumber = Number(value);
  return isNaN(valueNumber) ? value : valueNumber;
}


function updateSavedCharacters(savedCharacters) {
  localStorage.setItem("savedCharactersCalculator", JSON.stringify(savedCharacters));
}


function updateSavedMonsters(savedMonsters) {
  localStorage.setItem("savedMonstersCalculator", JSON.stringify(savedMonsters));
}


function saveCharacter(savedCharacters, characterCreation, battle, newCharacter, characterDataObject) {
  
  if (!characterDataObject) {
    var characterData = new FormData(characterCreation);
    var characterDataObject = {};

    characterData.forEach(function(value, key) {
      characterDataObject[key] = convertToNumber(value);
    });
  }

  savedCharacters[characterDataObject.name] = characterDataObject;
  updateSavedCharacters(savedCharacters);
  
  if (newCharacter) {
    addBattleChoice(battle, characterDataObject.name);
  }
}


function saveButtonGreen(characters, animation) {
  if (animation) {
    characters.saveButton.classList.add("save-animation");
  } else {
    characters.saveButton.classList.remove("save-animation");
  }
  characters.saveButton.classList.remove("unsaved-button");
}


function saveButtonOrange(characters) {
  characters.saveButton.classList.remove("save-animation");
  characters.saveButton.classList.add("unsaved-button");
}


function characterCreationListener(characters, battle) {

  characters.characterCreation.addEventListener("submit", function(event) {
    event.preventDefault();

    if (characters.unsavedChanges) {
      saveCharacter(characters.savedCharacters, characters.characterCreation, battle);
      saveButtonGreen(characters, true);
      characters.unsavedChanges = false;
    }
  });
}


function downloadCharacter(character) {
  
  var content = JSON.stringify(character);
  var link = document.createElement("a");
  var blob = new Blob([content], {type: "text/plain"});
  var blobURL = URL.createObjectURL(blob);

  link.href = blobURL;
  link.download = character.name + ".txt";
  link.click();
  URL.revokeObjectURL(blobURL);
}


function uploadCharacter(characters, characterTemplate, charactersContainer, battle) {
  
  var fileInput = document.createElement("input");
  
  fileInput.type = "file";
  fileInput.accept = ".txt";
  fileInput.multiple = true;
  fileInput.click();
  
  fileInput.addEventListener("change", function(event) {
    var selectedFiles = event.target.files;
    var selectFilesLength = selectedFiles.length;
    
    hideElement(characters.characterCreation);

    for (var fileIndex = 0; fileIndex < selectFilesLength; fileIndex++) {
      var selectedFile = selectedFiles[fileIndex];
      
      if (selectedFile.type === "text/plain") {
        var reader = new FileReader();
        reader.onload = function(e) {
          var fileContent = e.target.result;
          try {
            var characterDataObject = JSON.parse(fileContent);
            var characterPseudo = characterDataObject.name;
            
            if (characterPseudo) {
              characterPseudo = validPseudo(characterPseudo);
              [characterDataObject, characterPseudo] = addUniquePseudo(characterDataObject, Object.keys(characters.savedCharacters));
              var selectedCharacter = handleNewCharacter(characters, characterTemplate, charactersContainer, battle, characterPseudo)[0];
              
              if (selectFilesLength === 1) {
                updateForm(characterDataObject, characters.characterCreation, characters, selectedCharacter);
              }
  
              saveCharacter(characters.savedCharacters, characters.characterCreation, battle, true, characterDataObject);
            }
          } catch (error) {
            if (error.name === "TypeError") {
              // delete the character
            }
          }
        };
        reader.readAsText(selectedFile);
      }
    }
});
}


function deleteCharacter(characters, pseudo, displayedPseudo, element, battle) {
  
  battle.battleForm.reset();
  delete characters.savedCharacters[pseudo];
  element.remove();
  
  updateSavedCharacters(characters.savedCharacters);
  removeBattleChoice(battle, pseudo);
  
  if (!Object.keys(characters.savedCharacters).length || characters.characterCreation.name.value === pseudo) {
    saveButtonGreen(characters);
    characters.unsavedChanges = false;
    hideElement(characters.characterCreation);
  }
}


function deleteMonster(characters, monsterName, element, battle) {
  
  battle.battleForm.reset();
  characters.savedMonsters.splice(characters.savedMonsters.indexOf(monsterName), 1);
  element.remove();
  
  updateSavedMonsters(characters.savedMonsters);
  removeBattleChoice(battle, monsterName);
}


function handleStyle(characters, selectedElement) {
  
  var currentCharacter = characters.currentCharacter;

  if (currentCharacter) {
    currentCharacter.classList.remove("selected-character");
  }
  
  selectedElement.classList.add("selected-character");
  characters.currentCharacter = selectedElement;
}


function updateForm(formData, characterCreation, characters, selectedElement) {
  
  saveButtonGreen(characters);
  showElement(characterCreation);
  handleStyle(characters, selectedElement);
  
  characterCreation.reset();
  
  for (var [name, value] of Object.entries(formData)) {
    var formElement = characterCreation[name];
    
    if (!formElement) {
      continue;
    }
    
    if (formElement.type === "checkbox") {
      if (value === "on") {
        formElement.checked = true;
      }
    } else {
      formElement.value = value;
    }
  }
  
  filterClass(characters.raceChoice, characters.classChoice, true);
  filterWeapon(characters.raceChoice, characters.weaponChoice, true);
  filterUpgrade(characters.raceChoice, characters.weaponUpgrade, characters.weaponChoice, characters.randomAttackValue, characters.randomMagicAttackValue, formData.upgrade);
  filterState(characters.stateChoice, characters.polymorphMonster);
  filterPlayerRank(characters.lowRankCheckbox, characters.playerRankChoice);
}


function handleClickOnCharacter(spanInput, target, characters, characterElement, battle, edition) {
  
  var displayedPseudo = characters.characterCreation.name.value;
  var pseudo = spanInput.dataset.name;

  if (edition) {

    if (!characters.unsavedChanges) {
      updateForm(characters.savedCharacters[pseudo], characters.characterCreation, characters, characterElement);

    } else if (displayedPseudo === pseudo) {
      // pass

    } else {
      var result = confirm("Voulez-vous continuer ? Les dernières modifications ne seront pas sauvegardées.");

      if (result) {
        updateForm(characters.savedCharacters[pseudo], characters.characterCreation, characters, characterElement);
        characters.unsavedChanges = false;
      }
    }
  } else {
    
    if (target.tagName === "path") {
      target = target.parentElement;
    }
    
    switch (target.dataset.icon) {

      case "duplicate":

        if (!characters.unsavedChanges) {
          addNewCharacter(characters, characters.newCharacterTemplate, characters.charactersContainer, battle, pseudo);

        } else {
          var result = confirm("Voulez-vous continuer ? Les dernières modifications ne seront pas sauvegardées.");

          if (result) {
            addNewCharacter(characters, characters.newCharacterTemplate, characters.charactersContainer, battle, pseudo);
            saveButtonGreen(characters);
            characters.unsavedChanges = false;
          }
        }
        break;

      case "download":
        downloadCharacter(characters.savedCharacters[pseudo]);
        break;

      case "delete":
        var result = confirm("Voulez-vous vraiment supprimer définitivement le personnage " + pseudo + " ?");
        if (result) {
          deleteCharacter(characters, pseudo, displayedPseudo, characterElement, battle);
        }
        break;
    }
  }
}


function handleNewCharacter(characters, characterTemplate, charactersContainer, battle, pseudo) {
  var newCharacterTemplate = characterTemplate.cloneNode(true);
  var spanInput = newCharacterTemplate.querySelector("span.input");
  var svgContainer = newCharacterTemplate.querySelector("div.svg-container");
  
  newCharacterTemplate.setAttribute("tabindex", "0");
  charactersContainer.appendChild(newCharacterTemplate);
  
  if (pseudo) {
    spanInput.textContent = pseudo;
    spanInput.setAttribute("data-name", pseudo);
  }
  
  newCharacterTemplate.addEventListener("click", function(event) {
    var target = event.target;
    
    if (target.tagName === "path" || target.tagName === "svg") {
      handleClickOnCharacter(spanInput, target, characters, newCharacterTemplate, battle);
    } else {
      handleClickOnCharacter(spanInput, null, characters, newCharacterTemplate, battle, true);
    }
  });
  
  newCharacterTemplate.addEventListener("keydown", function(event) {
    if (event.keyCode === 13) {
      event.target.click();
    }
  });
  
  return [newCharacterTemplate, spanInput, svgContainer];
}


function validPseudo(pseudo) {
  
  var newPseudo = pseudo.replace(/[^A-Za-z0-9]+/g, "");
  
  if (!newPseudo) {
    return "Pseudo"
  }
  
  return newPseudo;
}


function addNewCharacter(characters, characterTemplate, charactersContainer, battle, pseudoToDuplicate) {

  function editAndSetCharacterPseudoInput(selectedCharacter, spanInput, svgContainer) {
    
    var maxPseudoLength = 15;
    
    var selection = window.getSelection();
    var range = document.createRange();
    
    if (pseudoToDuplicate) {
      spanInput.textContent = pseudoToDuplicate;
    }
    
    spanInput.contentEditable = true;
    spanInput.focus();
    range.selectNodeContents(spanInput);
    selection.removeAllRanges();
    selection.addRange(range);
    
    function pseudoValidation() {
      
      var characterPseudo = validPseudo(spanInput.textContent);
      var characterDataObject = {name: characterPseudo};
      
      if (pseudoToDuplicate) {
        characterDataObject = copyObject(characters.savedCharacters[pseudoToDuplicate]);
        characterDataObject.name = characterPseudo;
      }
      
      [characterDataObject, characterPseudo] = addUniquePseudo(characterDataObject, Object.keys(characters.savedCharacters));
      
      selection.removeAllRanges();
      spanInput.contentEditable = false;
      spanInput.textContent = characterPseudo;
      spanInput.setAttribute("data-name", characterPseudo);
      
      updateForm(characterDataObject, characters.characterCreation, characters, selectedCharacter);
      saveCharacter(characters.savedCharacters, characters.characterCreation, battle, true);
    }
    
    function handleMaxLength(event) {
      if (spanInput.textContent.length > maxPseudoLength) {
        spanInput.textContent = spanInput.textContent.slice(0, maxPseudoLength);
        range.setStart(spanInput.childNodes[0], maxPseudoLength);
        selection.removeAllRanges();
        selection.addRange(range);
      }
    }

    function handleBlur() {
      spanInput.removeEventListener("blur", handleBlur);
      spanInput.removeEventListener("input", handleMaxLength);
      pseudoValidation();
    }
    
    function handleKeyDown(event) {

      if (event.key === "Enter") {
        
        event.preventDefault();
        
        spanInput.removeEventListener("keydown", handleKeyDown);
        spanInput.removeEventListener("blur", handleBlur);
        spanInput.removeEventListener("input", handleMaxLength);
        
        pseudoValidation();
      }
    }
    
    spanInput.addEventListener("input", handleMaxLength);
    spanInput.addEventListener("keydown", handleKeyDown);
    spanInput.addEventListener("blur", handleBlur);
  }

  hideElement(characters.characterCreation);
  var [selectedCharacter, spanInput, svgContainer] = handleNewCharacter(characters, characterTemplate, charactersContainer, battle);

  editAndSetCharacterPseudoInput(selectedCharacter, spanInput, svgContainer);
}


function characterManagement(characters, battle) {
  
  var characterTemplate = characters.newCharacterTemplate;
  var charactersContainer = characters.charactersContainer;
  
  Object.keys(characters.savedCharacters).forEach(function(pseudo) {
    handleNewCharacter(characters, characterTemplate, charactersContainer, battle, pseudo);
  });

  characters.addNewCharacterButton.addEventListener("click", function(event) {
    if (!characters.unsavedChanges) {
      addNewCharacter(characters, characterTemplate, charactersContainer, battle);
      
    } else {
      var result = confirm("Voulez-vous continuer ? Les dernières modifications ne seront pas sauvegardées.");
      
      if (result) {
        addNewCharacter(characters, characterTemplate, charactersContainer, battle);
        saveButtonGreen(characters);
        characters.unsavedChanges = false;
      }
    }
  });
  
  characters.uploadCharacter.addEventListener("click", function(event) {
    uploadCharacter(characters, characterTemplate, charactersContainer, battle);
  });
  
  characters.characterCreation.addEventListener("change", function() {
    saveButtonOrange(characters)
    characters.unsavedChanges = true;
  })
  
  filterForm(characters);
  characterCreationListener(characters, battle);
  
  window.addEventListener('beforeunload', function(event) {
    if (characters.unsavedChanges) {
      event.preventDefault();
      event.returnValue = '';
      return '';
    }
  });
}


function handleNewMonster(characters, monsterTemplate, monstersContainer, battle, monsterName, monsterList) {
  var newMonsterTemplate = monsterTemplate.cloneNode(true);
  var spanInput = newMonsterTemplate.querySelector("span.input");
  var deleteSvg = newMonsterTemplate.querySelector("svg");

  spanInput.textContent = monsterName;
  monstersContainer.appendChild(newMonsterTemplate);
  
  newMonsterTemplate.setAttribute("tabindex", "0");
  newMonsterTemplate.setAttribute("data-name", monsterName);
  monstersContainer.appendChild(newMonsterTemplate);
  
  deleteSvg.addEventListener("click", function(event) {
    deleteMonster(characters, monsterName, newMonsterTemplate, battle);
    var inputMonster = monsterList.querySelector("input[name='" + monsterName + "']");
    inputMonster.checked = false;
  });
}


function monsterManagement(characters, battle) {
  
  function handleDropdown(searchMonster, monsterList) {

    searchMonster.addEventListener("focus", function(event) {
      showElement(monsterList);
    });

    document.addEventListener("mousedown", function(event) {
      var target = event.target;
      if (!monsterList.contains(target) && !searchMonster.contains(target)) {
        hideElement(monsterList);
      }
    });
  }
  
  function addMonsterNames(monsterList) {
    
    var monsterIndex = 0;

    for (var monsterName in monsterData) {
      
      var li = document.createElement("li");
      var label = document.createElement("label");
      var input = document.createElement("input");
      var textNode = document.createTextNode(monsterName);
      
      label.htmlFor = "monster" + monsterIndex;
      input.id = "monster" + monsterIndex;
      input.type = "checkbox";
      
      input.name = monsterName;
      
      label.appendChild(input);
      label.appendChild(textNode);
      li.appendChild(label);
      monsterList.appendChild(li);
      
      monsterIndex++;
    }
  }
  
  function filterNames(searchMonster, monsterList) {
    
    var debounceTimer;

    searchMonster.addEventListener("input", function(event) {
      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(function() {
        var value = toNormalForm(event.target.value);
        for (var element of monsterList.children) {
          if (!isValueInArray(value, toNormalForm(element.textContent))) {
            hideElement(element);
          } else {
            showElement(element);
          }
        }
      }, 500);
    });
  }
  
  var monsterTemplate = characters.newMonsterTemplate;
  var monstersContainer = characters.monstersContainer;
  var monsterList = characters.monsterList;
  var searchMonster = characters.searchMonster;
  var monsterListForm = characters.monsterListForm;
  
  handleDropdown(searchMonster, monsterList);
  addMonsterNames(monsterList, characters.monsterListTemplate);
  filterNames(searchMonster, monsterList);
  
  characters.savedMonsters.forEach(function(monsterName) {
    handleNewMonster(characters, monsterTemplate, monstersContainer, battle, monsterName, monsterList);
    var inputMonster = monsterList.querySelector("input[name='" + monsterName + "']");
    
    if (inputMonster) {
      inputMonster.checked = true;
    } else {
      deleteMonster(characters, monsterName, newMonsterTemplate, battle);
    }
  });
  
  monsterListForm.addEventListener("submit", function(event) {
    event.preventDefault();
  })
  
  monsterListForm.addEventListener("change", function(event) {
    
    var target = event.target;
    var monsterName = target.name;
    
    if (monsterName === "search-monster") {
      return;
    }

    if (target.checked) {
      
      handleNewMonster(characters, monsterTemplate, monstersContainer, battle, monsterName, monsterList);

      characters.savedMonsters.push(monsterName);
      updateSavedMonsters(characters.savedMonsters);
      addBattleChoice(battle, monsterName, true);
      
    } else {
      var currentMonsterTemplate = monstersContainer.querySelector("[data-name='" + monsterName + "']");
      deleteMonster(characters, monsterName, currentMonsterTemplate, battle);
    }
  });
}


function removeBattleChoice(battle, name) {
  
  var battleSelects = [battle.attackerSelection, battle.victimSelection];
  
  battleSelects.forEach(function(battleSelect) {
    for (var optionIndex = 0; optionIndex < battleSelect.options.length; optionIndex++) {
      if (battleSelect.options[optionIndex].value === name) {
        battleSelect.remove(optionIndex);
        break;
      }
    }
  });
}


function addBattleChoice(battle, name, isMonster = false) {
  
  function createOption(text) {
    var option = document.createElement("option");
    option.textContent = text;
    option.value = text;
    
    if (!isMonster) {
      option.classList.add("notranslate");
    }

    return option;
  }
  
  if (isMonster && monsterData[name][0]) {
    // pass
  } else {
    battle.attackerSelection.appendChild(createOption(name));
  }
  
  battle.victimSelection.appendChild(createOption(name));
}


function updateBattleChoice(characters, battle) {
  
  var keys = Object.keys(characters.savedCharacters);

  for (var index = 0; index < keys.length; index++) {
    var pseudo = keys[index];
    addBattleChoice(battle, pseudo);
  }
  
  characters.savedMonsters.forEach(function(monsterName) {
    addBattleChoice(battle, monsterName, true);
  });
}


function isPC(character) {
  if (character.race === 0 || character.race === 1) {
    return false;
  }
  return true;
}


function isBoss(character) {
  return character.race === 0 && character.rank >= 5;
}


function isStone(character) {
  return character.race === 1;
}

function isMagicClass(character) {
  return character.race === "shaman" || character.class === "black_magic";
}


function calcAttackFactor(attacker, victim) {

  function calcCoeffK(dex, level) {
    return Math.min(90, Math.floor((2 * dex + level) / 3))
  }

  var K1 = calcCoeffK(attacker.polymorphDex, attacker.level);
  var K2 = calcCoeffK(victim.polymorphDex, attacker.level);
  
  var AR = (K1 + 210) / 300;
  var ER = (2 * K2 + 5) / (K2 + 95) * 3 / 10;

  return AR - ER
}


function calcMainAttackValue(attacker, attackerWeapon) {
  
  var leadership = 0;
  var rawWeaponAttackValue = 0;
  
  if (isPC(attacker)) {
    
    var rawWeaponAttackValue = attackerWeapon[3][attacker.upgrade];

    if (!rawWeaponAttackValue) {
      rawWeaponAttackValue = 0;
    }
    
    leadership = attacker.leadership;
  }
  
  return 2 * (attacker.level + rawWeaponAttackValue) + leadership;
}


function calcStatAttackValue(character) {
  
  switch (character.race) {
    case "warrior":
    case "sura":
      return 2 * character.str;
    case "ninja":
      return Math.floor(1 / 4 * (character.str + 7 * character.dex));
    case "shaman":
      return Math.floor(1 / 3 * (5 * character.int + character.dex));
    case "lycan":
      return character.vit + 2 * character.dex;
    default:
      return 2 * character.str;
  }
}


function calcSecondaryAttackValue(attacker, attackerWeapon) {
  
  var attackValues = [];
  var weights = [];
  
  var attackValueOther = 0;
  
  var minAttackValue = 0;
  var maxAttackValue = 0;
  
  var minAttackValueSlash = 0;
  var maxAttackValueSlash = 0;

  if (isPC(attacker)) {
    
    if (isValueInArray("serpent", attacker.weapon.toLowerCase())) {

      var rawAttackValue = attackerWeapon[3][attacker.upgrade];
      
      minAttackValue = attacker.minAttackValueRandom - rawAttackValue;
      maxAttackValue = attacker.maxAttackValueRandom  - rawAttackValue;
      
      minAttackValue = Math.max(0, minAttackValue);
      maxAttackValue = Math.max(minAttackValue, maxAttackValue);

    } else {
      
      minAttackValue = attackerWeapon[2][2];
      maxAttackValue = attackerWeapon[2][3];
    }
    
    minAttackValueSlash = Math.min(attacker.minAttackValueSlash, attacker.maxAttackValueSlash);
    maxAttackValueSlash = Math.max(attacker.minAttackValueSlash, attacker.maxAttackValueSlash);
    
    attackValueOther = attacker.attackValue;
    
  } else {
    
    minAttackValue = attacker.minAttackValue;
    maxAttackValue = attacker.maxAttackValue;
  }
  
  minAttackValue += attacker.minAttackValuePolymorph;
  maxAttackValue += attacker.maxAttackValuePolymorph;
  
  attackValueOther += attacker.statAttackValue;
  attackValueOther += attacker.horseAttackValue;

  var weaponInterval = maxAttackValue - minAttackValue;
  var slashInterval = maxAttackValueSlash - minAttackValueSlash;
  
  var totalCardinal = (weaponInterval + 1) * (slashInterval + 1) * 10000;
  var minInterval = Math.min(weaponInterval, slashInterval) + 1;
  
  minAttackValue += minAttackValueSlash;
  maxAttackValue += maxAttackValueSlash;

  return [minAttackValue, maxAttackValue, attackValueOther, minInterval, totalCardinal];
}


function getPolymorphPower(polymorphPoint) {
  var polymorPowerTable = [10, 11, 11, 12, 13, 13, 14, 15, 16, 17, 18, 19, 20, 22, 23, 24, 26, 27, 29, 31, 33, 35, 37, 39, 41, 44, 46, 49, 52, 55, 59, 62, 66, 70, 74, 79, 84, 89, 94, 100, 0];
  return polymorPowerTable[polymorphPoint];
}


// function calcMagicAttackValue(attacker, attackerWeapon) {
  
//   var magicAttackValues = [];
//   var weights = [];
  
//   var minMagicAttackValue = 0;
//   var maxMagicAttackValue = 0;
  
//   var minMagicAttackValueSlash = 0;
//   var maxMagicAttackValueSlash = 0;
  
//   var rawMagicAttackValue = 0;
  
//   if (attacker.upgrade) {
//     rawMagicAttackValue = attackerWeapon[3][attacker.upgrade];
//   }
    
//   if (!isValueInArray("serpent", attacker.weapon.toLowerCase())) {

//     minMagicAttackValue = attackerWeapon[2][0] + rawMagicAttackValue;
//     maxMagicAttackValue = attackerWeapon[2][1] + rawMagicAttackValue;

//   } else {

//     minMagicAttackValue = attacker.minMagicAttackValueRandom;
//     maxMagicAttackValue = attacker.maxMagicAttackValueRandom;

//     minMagicAttackValue = Math.max(0, minMagicAttackValue);
//     maxMagicAttackValue = Math.max(minMagicAttackValue, maxMagicAttackValue);
//   }

//   var weaponInterval = maxMagicAttackValue - minMagicAttackValue;
//   var slashInterval = 0;
  
//   var totalCardinal = (weaponInterval + 1) * (slashInterval + 1) * 10000;
//   var minInterval = Math.min(weaponInterval, slashInterval) + 1;

//   return [minMagicAttackValue, maxMagicAttackValue, minInterval, totalCardinal];
// }


function calcDamageWithPrimaryBonuses(damages, battleValues) {

  damages = floorMultiplication(damages, battleValues.attackValueCoeff);
  damages = floorMultiplication(damages, battleValues.typeBonusCoeff);
  damages = floorMultiplication(damages, battleValues.stoneBonusCoeff);
  damages = floorMultiplication(damages, battleValues.monsterBonusCoeff);

  var elementDamages = 0;
  for (var elementBonusCoeff of battleValues.elementBonusCoeff) {
    elementDamages += floorMultiplication(damages, elementBonusCoeff);
  }
  damages += elementDamages

  damages = floorMultiplication(damages, battleValues.damageMultiplier);
  
  damages -= battleValues.defense;

  return damages;
}


function calcDamageWithSecondaryBonuses(damages, battleValues, damagesType, minPiercingDamages) {
  
  damages = floorMultiplication(damages, battleValues.weaponDefenseCoeff);

  if (damagesType.criticalHit) {
    damages *= 2;
  }
  
  if (damagesType.piercingHit) {
    damages += battleValues.defense + Math.min(0, minPiercingDamages);
    damages = floorMultiplication(damages, battleValues.extraPiercingHitCoeff);
  }
  
  damages = floorMultiplication(damages, battleValues.averageDamageCoeff);
  damages = floorMultiplication(damages, battleValues.averageDamageResistanceCoeff);
  damages = floorMultiplication(damages, battleValues.rankBonusCoeff);
  
  damages += Math.floor(battleValues.defensePercent);

  return damages;
}

  
function computePolymorphPoint(attacker, victim) {
  attacker.statAttackValue = 0;
  
  attacker.polymorphDex = attacker.dex;
  victim.polymorphDex = victim.dex;
  
  attacker.minAttackValuePolymorph = 0;
  attacker.maxAttackValuePolymorph = 0;
  
  if (isPC(attacker) && attacker.state === "polymorph") {
    
    var polymorphPowerPct = getPolymorphPower(attacker.polymorphPoint) / 100;
    var polymorphMonster = createMonster(attacker.polymorphMonster);
    
    var polymorphStr = floorMultiplication(polymorphPowerPct, polymorphMonster.str);
    
    attacker.polymorphDex += floorMultiplication(polymorphPowerPct, polymorphMonster.dex);
    
    attacker.minAttackValuePolymorph = floorMultiplication(polymorphPowerPct, polymorphMonster.minAttackValue);
    attacker.maxAttackValuePolymorph = floorMultiplication(polymorphPowerPct, polymorphMonster.maxAttackValue);
    
    if (attacker.weapon === "Fist") {
      attacker.maxAttackValuePolymorph += 1;
    }

    attacker.attackValue = 0;
    
    if (isMagicClass(attacker)) {
      attacker.statAttackValue = 2 * (polymorphStr + attacker.int);
      
    } else {
      attacker.statAttackValue = 2 * (polymorphStr + attacker.str);
    }
    
  } else {
    attacker.statAttackValue = calcStatAttackValue(attacker);
  }
}


function computeHorse(attacker) {
  attacker.horseAttackValue = 0;
  
  if (isPC(attacker) && attacker.state === "horse") {
    var horseConstant = 30;
    
    if (attacker.class === "weaponary") {
      horseConstant = 60;
    }

    attacker.horseAttackValue = floorMultiplication(2 * attacker.level + attacker.statAttackValue, attacker.horsePoint / horseConstant);
  }
}
  
  
function createBattleValues(attacker, victim, mapping) {
  
  var attackValuePercent = 0;
  var attackMeleeMagic = 0;
  var typeBonus = 0;
  var stoneBonus = 0;
  var monsterBonus = 0;
  var elementBonus = [0, 0, 0, 0, 0, 0]; // fire, ice, lightning, earth, darkness, wind, order doesn't matter
  var damageMultiplier = 1;
  var weaponDefense = 0;
  var criticalHitPercentage = attacker.criticalHit;
  var piercingHitPercentage = attacker.piercingHit;
  var averageDamage = 0;
  var averageDamageResistance = 0;
  var rankBonus = 0;
  var defensePercent = 0;
  
  computePolymorphPoint(attacker, victim);
  computeHorse(attacker);
  
  if (isPC(attacker)) {
    
    attackValuePercent = attacker.attackValuePercent;
    attackMeleeMagic = attacker.attackMeleeMagic;
    
    var weaponType = 8;
    
    if (weaponData.hasOwnProperty(attacker.weapon)) {
      weaponType = weaponData[attacker.weapon][1];
    }
        
    var weaponDefenseName = mapping.defenseWeapon[weaponType];
    var weaponDefenseBreakName = mapping.breakWeapon[weaponType];
    
    if (victim.hasOwnProperty(weaponDefenseName)) {
      weaponDefense = victim[weaponDefenseName];
    }
    
    if (isPC(victim)) {
      
      typeBonus = attacker.humanBonus;
      
      for (var index = 0; index <= 5; index++) {
        elementBonus[index] = Math.max(0, (attacker[mapping.elementBonus[index]] - victim[mapping.elementResistance[index]])) / 1000;
      }
      
      if (attacker.hasOwnProperty(weaponDefenseBreakName)) {
        weaponDefense -= attacker[weaponDefenseBreakName];
      }
    } else {
      
      for (var index = 0; index <= 5; index++) {
        
        var elementBonusName = mapping.elementBonus[index];
        var elementResistanceName = mapping.elementResistance[index];
        
        if (attacker[elementBonusName] && victim[elementBonusName]) {
          elementBonus[index] = (attacker[elementBonusName] - victim[elementResistanceName]) / 200;
        } else {
          elementBonus[index] = attacker[elementBonusName] / 2000;
        }
      }
          
      var victimType = victim.type;
      
      if (victimType !== -1) {
        typeBonus = attacker[mapping.typeFlag[victimType]];
      }
      
      monsterBonus = attacker.monsterBonus;
      
      if (isStone(victim)) {
        stoneBonus = attacker.stoneBonus;
      }
      
      if (isBoss(victim)) {
        averageDamage += attacker.bossDamage;
      }
    }
    
    averageDamage += attacker.averageDamage;

    if (attacker.lowRank === "on") {
      var playerRank = attacker.playerRank;
      
      if (playerRank === "aggressive") {
        rankBonus = 1;
      } else if (playerRank === "fraudulent") {
        rankBonus = 2;
      } else if (playerRank === "malicious") {
        rankBonus = 3;
      } else if (playerRank === "cruel") {
        rankBonus = 5;
      }
    }
    
  } else {
    
    damageMultiplier = attacker.damageMultiplier;
  }
  
  if (isPC(victim)) {
    
    criticalHitPercentage -= victim.criticalHitResistance;
    piercingHitPercentage -= victim.piercingHitResistance;
    averageDamageResistance = victim.averageDamageResistance;
    
    if (isMagicClass(victim)) {
      defensePercent = -2 * victim.magicDefense * victim.defensePercent / 100;

    } else {
      defensePercent = -2 * victim.defense * victim.defensePercent / 100;
    }
  }

  var battleValues = {
    attackValueCoeff: 1 + (attackValuePercent + Math.min(100, attackMeleeMagic)) / 100,
    typeBonusCoeff: 1 + typeBonus / 100,
    monsterBonusCoeff: 1 + monsterBonus / 100,
    stoneBonusCoeff: 1 + stoneBonus / 100,
    elementBonusCoeff: elementBonus,
    damageMultiplier: damageMultiplier,
    defense: victim.defense,
    weaponDefenseCoeff: 1 - weaponDefense / 100,
    extraPiercingHitCoeff: 1 + Math.max(0, piercingHitPercentage - 100) / 200,
    averageDamageCoeff: 1 + averageDamage / 100,
    averageDamageResistanceCoeff: 1 - Math.min(99, averageDamageResistance) / 100,
    rankBonusCoeff: 1 + rankBonus / 100,
    defensePercent: defensePercent
  }

  criticalHitPercentage = Math.min(criticalHitPercentage, 100);
  piercingHitPercentage = Math.min(piercingHitPercentage, 100);
  
  battleValues.damagesTypeCombinaison = [
    {criticalHit: false, piercingHit: false, weight: (100 - criticalHitPercentage) * (100 - piercingHitPercentage), name: "Coup classique"},
    {criticalHit: true, piercingHit: false, weight: criticalHitPercentage * (100 - piercingHitPercentage), name: "Coup critique"},
    {criticalHit: false, piercingHit: true, weight: (100 - criticalHitPercentage) * piercingHitPercentage, name: "Coup perçant"},
    {criticalHit: true, piercingHit: true, weight: criticalHitPercentage * piercingHitPercentage, name: "Coup critique + coup perçant"}
  ]

  return battleValues;
}


function calcBattleDamages(attacker, victim, tableResult, mapping) {
  
  var primaryDamages = [];
  var weights = [];
  var attackerWeapon = null;
  var battleValues = createBattleValues(attacker, victim, mapping);

  var sumDamages = 0;
  var saveDamages = 0;
  
  clearTableResult(tableResult);
  
  if (isPC(attacker)) {
     attackerWeapon = weaponData[attacker.weapon];
  }

  var attackFactor = calcAttackFactor(attacker, victim);
  var mainAttackValue = calcMainAttackValue(attacker, attackerWeapon);
  var [minAttackValue, maxAttackValue, attackValueOther, minInterval, totalCardinal] = calcSecondaryAttackValue(attacker, attackerWeapon);

  var lastWeightsLimit = maxAttackValue - minInterval + 1;
  var firstWeightLimit = minAttackValue + minInterval - 1;
  
  for (var damagesType of battleValues.damagesTypeCombinaison) {

    if (!damagesType.weight) {
      continue;
    }
    
    addRowToTableResult(tableResult, damagesType.name);
    
    for (var attackValue = minAttackValue; attackValue <= maxAttackValue; attackValue++) {
      var weight;

      if (attackValue > lastWeightsLimit) {
        weight = maxAttackValue - attackValue + 1;

      } else if (attackValue < firstWeightLimit) {
        weight = attackValue - minAttackValue + 1;

      } else {
        weight = minInterval;
      }

      var secondaryAttackValue = 2 * attackValue + attackValueOther;
      var rawDamages = mainAttackValue + floorMultiplication(attackFactor, secondaryAttackValue);
      var damagesWithPrimaryBonuses = calcDamageWithPrimaryBonuses(rawDamages, battleValues);

      if (damagesWithPrimaryBonuses <= 2) {
        
        for (var damages = 1; damages <= 5; damages++) {
          
          var finalDamages = calcDamageWithSecondaryBonuses(damages, battleValues, damagesType, damagesWithPrimaryBonuses);
          addToTableResult(tableResult, finalDamages, weight * damagesType.weight / (5 * totalCardinal));
          
          if (damages === 5) {
            saveDamages = finalDamages;
          }
          
          sumDamages += finalDamages * weight * damagesType.weight / 5;
        }
        
      } else {

        var finalDamages = calcDamageWithSecondaryBonuses(damagesWithPrimaryBonuses, battleValues, damagesType, damagesWithPrimaryBonuses);
        addToTableResult(tableResult, finalDamages, weight * damagesType.weight / totalCardinal);

        sumDamages += finalDamages * weight * damagesType.weight;
      }
    }
  }

  return [sumDamages / totalCardinal, getMinDamages(tableResult), Math.max(saveDamages, finalDamages)];
}


// function calcMagicSkills(attacker, victim, tableResult, mapping) {
  
//   var primaryDamages = [];
//   var weights = [];
//   var attackerWeapon = weaponData[attacker.weapon];
//   var battleValues = createBattleValues(attacker, victim, mapping, true);
  
//   var sumDamages = 0;
//   var saveDamages = 0;
  
//   clearTableResult(tableResult);

//   var attackFactor = calcAttackFactor(attacker, victim);
//   var [minMagicAttackValue, maxMagicAttackValue, minInterval, totalCardinal] = calcMagicAttackValue(attacker, attackerWeapon);

//   var lastWeightsLimit = maxMagicAttackValue - minInterval + 1;
//   var firstWeightLimit = minMagicAttackValue + minInterval - 1;

//   for (var damagesType of battleValues.damagesTypeCombinaison) {

//     if (!damagesType.weight) {
//       continue;
//     }
    
//     addRowToTableResult(tableResult, damagesType.name);
    
//     for (var magicAttackValue = minMagicAttackValue; magicAttackValue <= maxMagicAttackValue; magicAttackValue++) {
//       var weight;

//       if (magicAttackValue > lastWeightsLimit) {
//         weight = maxAttackValue - magicAttackValue + 1;

//       } else if (magicAttackValue < firstWeightLimit) {
//         weight = magicAttackValue - minAttackValue + 1;

//       } else {
//         weight = minInterval;
//       }
      
//       var rawDamages = Math.floor(70 + 5 * attacker.level + (18 * attacker.int + attacker.str * 7 + 5 * magicAttackValue) * attackFactor * 1.25);

//       var damagesWithPrimaryBonuses = calcDamageWithPrimaryBonuses(rawDamages, battleValues);

//       if (damagesWithPrimaryBonuses <= 2) {
        
//         for (var damages = 1; damages <= 5; damages++) {
          
//           var finalDamages = calcDamageWithSecondaryBonuses(damages, battleValues, damagesType, damagesWithPrimaryBonuses);
//           addToTableResult(tableResult, finalDamages, weight * damagesType.weight / (5 * totalCardinal));
          
//           if (damages === 5) {
//             saveDamages = finalDamages;
//           }
          
//           sumDamages += finalDamages * weight * damagesType.weight / 5;
//         }
        
//       } else {
        
//         var finalDamages = calcDamageWithSecondaryBonuses(damagesWithPrimaryBonuses, battleValues, damagesType, 0);
//         addToTableResult(tableResult, finalDamages, weight * damagesType.weight / totalCardinal);

//         sumDamages += finalDamages * weight * damagesType.weight;
//       }
//     }
//   }

//   return [sumDamages / totalCardinal, getMinDamages(tableResult), Math.max(saveDamages, finalDamages)];
// }


function createMonster(name) {
  
  var data = monsterData[name];

  var monster = {
    "name": name,
    "rank": data[0],
    "race": data[1],
    "level": data[2],
    "type": data[3],
    "str": data[4],
    "dex": data[5],
    "vit": data[6],
    "int": data[7],
    "minAttackValue": data[8],
    "maxAttackValue": data[9],
    "defense": data[10] + data[2] + data[6],
    "criticalHit": data[11],
    "piercingHit": data[12],
    "fistDefense": data[13],
    "swordDefense": data[14],
    "twoHandedSwordDefense": data[15],
    "daggerDefense": data[16],
    "bellDefense": data[17],
    "fanDefense": data[18],
    "bowDefense": data[19],
    "clawDefense": data[20],
    "fireResistance": data[21],
    "lightningResistance": data[22],
    "windResistance": data[24],
    "lightningBonus": data[25],
    "fireBonus": data[26],
    "iceBonus": data[27],
    "windBonus": data[28],
    "earthBonus": data[29],
    "darknessBonus": data[30], 
    "darknessResistance": data[31],
    "iceResistance": data[32],
    "earthResistance": data[33],
    "damageMultiplier": data[34]
  }
  
  return monster;
}


function createBattle(characters, battle) {
  
  function isPseudoSaved(pseudo) {
    return characters.savedCharacters.hasOwnProperty(pseudo);
  }
  
  battle.battleForm.addEventListener("submit", function(event) {
    
    event.preventDefault();
    
    var battleInfo = new FormData(event.target);
    var attackerName = battleInfo.get("attacker");
    var attackType = battleInfo.get("attackTypeSelection");
    var victimName = battleInfo.get("victim");
    
    if (!attackerName && !attackType && !victimName) {
      return;
    }

    if (isPseudoSaved(attackerName)) {
      var attacker = copyObject(characters.savedCharacters[attackerName]);
    } else {
      var attacker = createMonster(attackerName);
    }
    
    if (isPseudoSaved(victimName)) {
      var victim = copyObject(characters.savedCharacters[victimName]);
    } else {
      var victim = createMonster(victimName);
    }
    
    var meanDamages, minDamages, maxDamages;
    
    if (attackType === "physical") {
      [meanDamages, minDamages, maxDamages] = calcBattleDamages(attacker, victim, battle.tableResult, battle.mapping);
    } else if (attackType === "skill") {
      // [meanDamages, minDamages, maxDamages] = calcMagicSkills(attacker, victim, battle.tableResult, battle.mapping);
    }

    battle.damageResult.textContent = attacker.name + " inflige " + numberFormat(meanDamages, 1) + " dégâts en moyenne à " + victim.name + " (minimum : " + minDamages + ", maximum : " + maxDamages + ").";
    
    showElement(battle.tableContainer);
  });
 
  battle.attackerSelection.addEventListener("change", function(event) {
    var name = event.target.value;
    var attackTypeSelection = battle.attackTypeSelection;
    
    if (isPseudoSaved(name)) {
      //pass
    } else {
      var optionsLength = attackTypeSelection.options.length;
      
      if (optionsLength <= 1) {
        return;
      }
      
      for (var optionIndex = optionsLength - 1; optionIndex >= 2; optionIndex--) {
        attackTypeSelection.remove(optionIndex);
      }
    }
  });
}


function createDamageCalculatorInformation() {
  
  var characters = {
    unsavedChanges: false,
    savedCharacters: {},
    currentCharacter: null,
    characterCreation: document.getElementById("character-creation"),
    addNewCharacterButton: document.getElementById("add-new-character"),
    uploadCharacter: document.getElementById("upload-character"),
    newCharacterTemplate: document.getElementById("new-character-template").children[0],
    charactersContainer: document.getElementById("characters-container"),
    newMonsterTemplate: document.getElementById("new-monster-template").children[0],
    monstersContainer: document.getElementById("monsters-container"),
    monsterListForm: document.getElementById("monster-list-form"),
    searchMonster: document.getElementById("search-monster"),
    monsterList: document.getElementById("monster-list"),
    saveButton: document.getElementById("save-button"),
    raceChoice: document.getElementById("race-choice"),
    classChoice: document.getElementById("class-choice"),
    stateChoice: document.getElementById("state-choice"),
    polymorphMonster: document.getElementById("polymorph-monster"),
    weaponChoice: document.getElementById("weapon-choice"),
    weaponUpgrade: document.getElementById("upgrade-choice"),
    randomAttackValue: document.getElementById("random-attack-value"),
    randomMagicAttackValue: document.getElementById("random-magic-attack-value"),
    lowRankCheckbox: document.getElementById("low-rank"),
    playerRankChoice: document.getElementById("player-rank")
  }
  
  delete characters.newCharacterTemplate.dataset.click;

  var savedCharacters = getSavedCharacters();
  var savedMonsters = getSavedMonsters();

  for (var [pseudo, character] of Object.entries(savedCharacters)) {
    characters.savedCharacters[pseudo] = character;
  }
  
  characters.savedMonsters = savedMonsters;

  var mapping = {
    typeFlag: {
      0: "animalBonus",
      1: "humanBonus",
      2: "orcBonus",
      3: "mysticBonus",
      4: "undeadBonus",
      5: "insectBonus",
      6: "desertBonus",
      7: "devilBonus"
    },
    defenseWeapon: {
      0: "swordDefense",
      1: "daggerDefense",
      2: "bowDefense",
      3: "twoHandedSwordDefense",
      4: "bellDefense",
      5: "clawDefense",
      6: "fanDefense",
      7: "swordDefense",
      8: "fistDefense"
    },
    breakWeapon: {
      0: "breakSwordDefense",
      1: "breakDaggerDefense",
      2: "breakBowDefense",
      3: "breakTwoHandedSwordDefense",
      4: "breakBellDefense",
      5: "breakClawDefense",
      6: "breakFanDefense",
      7: "breakSwordDefense"
    },
    elementBonus: {
      0: "fireBonus",
      1: "iceBonus",
      2: "windBonus",
      3: "lightningBonus",
      4: "earthBonus",
      5: "darknessBonus"
    },
    elementResistance: {
      0: "fireResistance",
      1: "iceResistance",
      2: "windResistance",
      3: "lightningResistance",
      4: "earthResistance",
      5: "darknessResistance"
    }
  }
  
  var battle = {
    battleForm: document.getElementById("create-battle"),
    attackerSelection: document.getElementById("attacker-selection"),
    attackTypeSelection: document.getElementById("attack-type-selection"),
    victimSelection: document.getElementById("victim-selection"),
    damageResult: document.getElementById("result-damage"),
    tableContainer: document.getElementById("result-table-container"),
    tableResult: document.getElementById("result-table").children[0],
    mapping: mapping
  }

  return [characters, battle];
}


function loadScript(src, callback) {

  var script = document.createElement("script");
  script.src = src;
  
  function onComplete() {
    if (script.parentNode) {
      script.parentNode.removeChild(script);
    }
    callback();
  }
  
  document.head.appendChild(script);

  script.onload = onComplete;
  script.onerror = onComplete;
}


function loadStyle(src) {

  var link = document.createElement("link");
  link.href = src;
  link.rel = "stylesheet";
  
  document.head.appendChild(link);
}


(function(){
  
  var javascriptSource = "/index.php?title=Utilisateur:Ankhseram/Calculator.js&action=raw&ctype=text/javascript";
  var cssSource = "/index.php?title=Utilisateur:Ankhseram/Style.css&action=raw&ctype=text/css";
  
  loadStyle(cssSource);
  
  function main() {
  
    var [characters, battle] = createDamageCalculatorInformation();

    characterManagement(characters, battle);
    monsterManagement(characters, battle);

    updateBattleChoice(characters, battle);
    createBattle(characters, battle);
  }
  
  loadScript(javascriptSource, main);

})();