2018-07-08 05:19:19 +02:00
|
|
|
import {clearEventListeners} from "./uiHelpers/clearEventListeners";
|
2017-08-13 07:01:33 +02:00
|
|
|
/* Generic Yes-No Pop-up box
|
|
|
|
* Can be used to create pop-up boxes that require a yes/no response from player
|
|
|
|
*/
|
|
|
|
var yesNoBoxOpen = false;
|
|
|
|
function yesNoBoxClose() {
|
|
|
|
var container = document.getElementById("yes-no-box-container");
|
|
|
|
if (container) {
|
|
|
|
container.style.display = "none";
|
|
|
|
} else {
|
|
|
|
console.log("ERROR: Container not found for YesNoBox");
|
|
|
|
}
|
|
|
|
yesNoBoxOpen = false;
|
2017-12-02 04:50:08 +01:00
|
|
|
return false; //So that 'return yesNoBoxClose()' is return false in event listeners
|
2017-08-13 07:01:33 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoBoxGetYesButton() {
|
|
|
|
return clearEventListeners("yes-no-box-yes");
|
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoBoxGetNoButton() {
|
|
|
|
return clearEventListeners("yes-no-box-no");
|
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoBoxCreate(txt) {
|
2017-11-01 23:56:30 +01:00
|
|
|
if (yesNoBoxOpen) {return false;} //Already open
|
2017-08-13 07:01:33 +02:00
|
|
|
yesNoBoxOpen = true;
|
|
|
|
var textElement = document.getElementById("yes-no-box-text");
|
|
|
|
if (textElement) {
|
|
|
|
textElement.innerHTML = txt;
|
|
|
|
}
|
|
|
|
|
|
|
|
var c = document.getElementById("yes-no-box-container");
|
|
|
|
if (c) {
|
|
|
|
c.style.display = "block";
|
|
|
|
} else {
|
|
|
|
console.log("ERROR: Container not found for YesNoBox");
|
|
|
|
}
|
2017-11-01 23:56:30 +01:00
|
|
|
return true;
|
2017-08-13 07:01:33 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Generic Yes-No POp-up Box with Text input */
|
|
|
|
function yesNoTxtInpBoxClose() {
|
|
|
|
var c = document.getElementById("yes-no-text-input-box-container");
|
|
|
|
if (c) {
|
|
|
|
c.style.display = "none";
|
|
|
|
} else {
|
|
|
|
console.log("ERROR: Container not found for YesNoTextInputBox");
|
|
|
|
}
|
|
|
|
yesNoBoxOpen = false;
|
2017-12-02 04:50:08 +01:00
|
|
|
document.getElementById("yes-no-text-input-box-input").value = "";
|
|
|
|
return false;
|
2017-08-13 07:01:33 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoTxtInpBoxGetYesButton() {
|
|
|
|
return clearEventListeners("yes-no-text-input-box-yes");
|
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoTxtInpBoxGetNoButton() {
|
|
|
|
return clearEventListeners("yes-no-text-input-box-no");
|
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoTxtInpBoxGetInput() {
|
|
|
|
var val = document.getElementById("yes-no-text-input-box-input").value;
|
|
|
|
val = val.replace(/\s+/g, '');
|
|
|
|
return val;
|
|
|
|
}
|
|
|
|
|
|
|
|
function yesNoTxtInpBoxCreate(txt) {
|
|
|
|
yesNoBoxOpen = true;
|
|
|
|
var txtE = document.getElementById("yes-no-text-input-box-text");
|
|
|
|
if (txtE) {
|
|
|
|
txtE.innerHTML = txt;
|
|
|
|
}
|
|
|
|
|
|
|
|
var c = document.getElementById("yes-no-text-input-box-container");
|
|
|
|
if (c) {
|
|
|
|
c.style.display = "block";
|
|
|
|
} else {
|
|
|
|
console.log("ERROR: Container not found for YesNoTextInputBox");
|
|
|
|
}
|
2017-12-02 04:50:08 +01:00
|
|
|
|
|
|
|
document.getElementById("yes-no-text-input-box-input").focus();
|
2017-08-13 07:01:33 +02:00
|
|
|
}
|
2017-08-30 19:44:29 +02:00
|
|
|
|
|
|
|
export {yesNoBoxCreate, yesNoTxtInpBoxCreate,
|
|
|
|
yesNoBoxGetYesButton, yesNoBoxGetNoButton,
|
|
|
|
yesNoTxtInpBoxGetYesButton, yesNoTxtInpBoxGetNoButton,
|
|
|
|
yesNoTxtInpBoxGetInput, yesNoBoxClose,
|
|
|
|
yesNoTxtInpBoxClose, yesNoBoxOpen};
|