paritybit.ca

initiative.js (4929B)

---

 /*initiative.js
 * Copyright (C) 2019,2022  Jake Bauer
 * Licensed under the ISC License.
 */
 
 // Global variable keeping track of all characters added to the list.
 let charArray = [];
 
 /* draw()
  * @brief Draws a character, their information, and the relevant buttons to the
  *          viewport.
  * @input char The character to draw
  * @input position That character's position in the charArray (used to give the
  *                  div a corresponding id attribute);
  */
 function draw(char, position) {
     let list = document.getElementById("initiative-list");
     let div = document.createElement('div');
     div.setAttribute("class","initiative-div");
     div.setAttribute("id", position);
     list.insertBefore(div, list.childNodes[list.childNodes.length-1]);
 
     let charName = document.createElement('p');
     let textNode = document.createTextNode(char.name + ": " + char.initiative);
     charName.appendChild(textNode);
     div.appendChild(charName);
 
     let editBtn = document.createElement('button');
     let pencil = document.createElement('strong');
     textNode = document.createTextNode("✎");
     pencil.setAttribute("class", "green-pencil");
     pencil.appendChild(textNode);
     editBtn.setAttribute("class", "in-edit-btn");
     editBtn.setAttribute("onClick", "editChar(this)");
     div.appendChild(editBtn);
     editBtn.appendChild(pencil);
     textNode = document.createTextNode(" Edit");
     editBtn.appendChild(textNode);
 
     let removeBtn = document.createElement('button');
     let x = document.createElement('strong');
     textNode = document.createTextNode("X");
     x.setAttribute("class", "red-x");
     x.appendChild(textNode);
     removeBtn.setAttribute("class", "in-rem-btn");
     removeBtn.setAttribute("onClick", "removeChar(this)");
     div.appendChild(removeBtn);
     removeBtn.appendChild(x);
     textNode = document.createTextNode(" Remove");
     removeBtn.appendChild(textNode);
 }
 
 /* compare()
  * @brief Used by sortList() to determine the sorted order. Sorts by greatest to
  *          least initative value for each character.
  * @see sortList()
  */
 function compare(a, b) {
     if (a.initiative < b.initiative)
         return 1;
     if (a.initiative > b.initiative)
         return -1;
     else
         return 0;
 }
 
 /* sortList()
  * @brief Sort the list of characters by their initative value
  * @see compare()
  */
 function sortList() {
     // Sorts in order largest to smallest
     charArray.sort(compare);
     // Delete all divs of class initiative-div
     for (let i = 0; i < charArray.length; i++) {
         let element = document.getElementById(i);
         element.parentNode.removeChild(element);
     }
     // Then re-draw them
     for (let i = 0; i < charArray.length; i++) {
         draw(charArray[i], i);
     }
 }
 
 /* addChar()
  * @brief Add a character to the list and sort the list
  */
 function addChar() {
     let newChar = {};
     nameField = document.getElementById("char-name");
     initField = document.getElementById("init-val");
     newChar.name = nameField.value;
     newChar.initiative = Number(initField.value);
     nameField.value = null;
     initField.value = null;
     if (newChar.name == "" || newChar.initiative == null) {
         alert("Please fill out both fields before adding a character.");
         return;
     }
     draw(newChar, charArray.length);
     charArray.push(newChar);
     sortList();
 }
 
 /* editChar()
  * @brief Edit a characters initiative value and re-sort
  * @input Elem The "edit" button clicked used to identify which character
  *          to edit
  */
 function editChar(elem) {
     let newVal = prompt("Enter the new value:", "0");
     if (newVal != null) {
         // Edit the value in the array of characters
         let charIndex = elem.parentNode.getAttribute("id");
         charArray[charIndex].initiative = Number(newVal);
         // Modify the number displayed for that character
         let parentNode = elem.parentNode;
         for (let i = 0; i < elem.parentNode.childNodes.length; i++) {
             if (parentNode.childNodes[i].className == "in-val") {
                 parentNode.childNodes[i].innerHTML = newVal;
                 break;
             }
         }
         sortList();
     }
     else {
         return;
     }
 }
 
 /* removeChar()
  * @brief Removes a character from the list of characters
  * @input Elem The "remove" button clicked used to identify which character
  *          to remove
  */
 function removeChar(elem) {
     let charIndex = elem.parentNode.getAttribute("id");
     for (let i = 0; i < charArray.length; i++) {
         if (i == charIndex) {
             charArray.splice(i,1);
         }
     }
     // Delete all divs of class initiative-div
     for (let i = 0; i <= charArray.length; i++) {
         let element = document.getElementById(i);
         element.parentNode.removeChild(element);
     }
     // Then re-draw them
     for (let i = 0; i < charArray.length; i++) {
         draw(charArray[i], i);
     }
 }