[refactor] Moved 'removeElement' to its own TS file; deduped logic

This commit is contained in:
Steven Evans 2018-07-07 23:42:58 -04:00
parent 3a20809943
commit 95939a8818
6 changed files with 47 additions and 33 deletions

@ -5,7 +5,7 @@ import {workerScripts,
import {Player} from "./Player";
import {getServer} from "./Server";
import {dialogBoxCreate} from "../utils/DialogBox";
import {createAccordionElement, removeElement,
import {createAccordionElement,
removeChildrenFromElement} from "../utils/HelperFunctions";
import {arrayToString} from "../utils/helpers/arrayToString";
import {createElement} from "../utils/uiHelpers/createElement";
@ -13,6 +13,7 @@ import {exceptionAlert} from "../utils/helpers/excep
import {logBoxCreate} from "../utils/LogBox";
import numeral from "numeral/min/numeral.min";
import {formatNumber} from "../utils/StringHelperFunctions";
import {removeElement} from "../utils/uiHelpers/removeElement";
/* {
* serverName: {

@ -11,8 +11,7 @@ import {KEY} from "./Terminal";
import {createProgressBarText} from "../utils/helpers/createProgressBarText";
import {dialogBoxCreate} from "../utils/DialogBox";
import {removeChildrenFromElement,
removeElement} from "../utils/HelperFunctions";
import {removeChildrenFromElement} from "../utils/HelperFunctions";
import {Reviver, Generic_toJSON,
Generic_fromJSON} from "../utils/JSONReviver";
import numeral from "numeral/min/numeral.min";
@ -24,6 +23,7 @@ import {createPopup} from "../utils/uiHelpers/cre
import {exceptionAlert} from "../utils/helpers/exceptionAlert";
import {formatNumber} from "../utils/StringHelperFunctions";
import {getRandomInt} from "../utils/helpers/getRandomInt";
import {removeElement} from "../utils/uiHelpers/removeElement";
import {removeElementById} from "../utils/uiHelpers/removeElementById";

@ -7,13 +7,13 @@ import {dialogBoxCreate} from "../utils/DialogBox";
import {Reviver, Generic_toJSON,
Generic_fromJSON} from "../utils/JSONReviver";
import {removeChildrenFromElement,
createAccordionElement,
removeElement} from "../utils/HelperFunctions";
createAccordionElement} from "../utils/HelperFunctions";
import {createElement} from "../utils/uiHelpers/createElement";
import {createPopup} from "../utils/uiHelpers/createPopup";
import numeral from "numeral/min/numeral.min";
import {formatNumber} from "../utils/StringHelperFunctions";
import {getRandomInt} from "../utils/helpers/getRandomInt";
import {removeElement} from "../utils/uiHelpers/removeElement";
import {removeElementById} from "../utils/uiHelpers/removeElementById";
import {yesNoBoxCreate, yesNoTxtInpBoxCreate,
yesNoBoxGetYesButton, yesNoBoxGetNoButton,

@ -1,12 +1,6 @@
//General helper functions
import {isString} from "./helpers/isString";
function removeElement(elem) {
if (elem == null || !(elem instanceof Element)) {return;}
while(elem.firstChild) {elem.removeChild(elem.firstChild);}
elem.parentNode.removeChild(elem);
}
function removeChildrenFromElement(el) {
if (isString(el)) {
el = document.getElementById(el);
@ -54,7 +48,6 @@ function clearSelector(selector) {
}
}
export {removeElement,
createAccordionElement,
export {createAccordionElement,
removeChildrenFromElement,
clearSelector};

@ -0,0 +1,26 @@
/**
* For a given element, this function removes it AND its children
* @param elem The element to remove.
*/
export function removeElement(elem: Element | null) {
if (elem === null) {
// tslint:disable-next-line:no-console
console.debug("The element passed into 'removeElement' was null.");
return;
}
if (!(elem instanceof Element)) {
// tslint:disable-next-line:no-console
console.debug("The element passed into 'removeElement' was not an instance of an Element.");
return;
}
while (elem.firstChild) {
elem.removeChild(elem.firstChild);
}
if (elem.parentNode) {
elem.parentNode.removeChild(elem);
}
}

@ -1,6 +1,6 @@
import { getElementById } from "./getElementById";
import { removeElement } from "./removeElement";
//
/**
* Given its id, this function removes an element AND its children
* @param id The HTML identifier to search for and remove.
@ -8,13 +8,7 @@ import { getElementById } from "./getElementById";
export function removeElementById(id: string) {
try {
const elem: HTMLElement = getElementById(id);
while (elem.firstChild) {
elem.removeChild(elem.firstChild);
}
if (elem.parentNode) {
elem.parentNode.removeChild(elem);
}
removeElement(elem);
} catch (e) {
// Probably should log this as we're trying to remove elements that don't exist.
}