2715 lines
92 KiB
JavaScript
2715 lines
92 KiB
JavaScript
const resName = GetParentResourceName();
|
|
let hasDoorsCreator = null; // editing this is useless, don't do it
|
|
|
|
// Open/Close menu
|
|
function openMenu(version, fullConfig) {
|
|
$("#farming-creator-version").text(version);
|
|
|
|
loadSeeds();
|
|
loadFields();
|
|
loadFarms();
|
|
loadWorkbenches();
|
|
loadFoundries();
|
|
loadFormulas();
|
|
loadSettings(fullConfig);
|
|
|
|
$("#farming-creator").show()
|
|
}
|
|
|
|
function closeMenu() {
|
|
// Resets current active tab
|
|
$("#farming-creator").find(".nav-link, .tab-pane").each(function() {
|
|
if($(this).data("isDefault") == "1") {
|
|
$(this).addClass(["active", "show"])
|
|
} else {
|
|
$(this).removeClass(["active", "show"])
|
|
}
|
|
})
|
|
|
|
$("#farming-creator").hide();
|
|
|
|
$.post(`https://${resName}/close`, {})
|
|
}
|
|
$("#close-main-btn").click(closeMenu);
|
|
|
|
// Messages received by client
|
|
window.addEventListener('message', (event) => {
|
|
let data = event.data;
|
|
let action = data.action;
|
|
|
|
switch(action) {
|
|
case "openMenu": {
|
|
openMenu(data.version, data.fullConfig);
|
|
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
|
|
/*
|
|
███████ ███████ ████████ ████████ ██ ███ ██ ██████ ███████
|
|
██ ██ ██ ██ ██ ████ ██ ██ ██
|
|
███████ █████ ██ ██ ██ ██ ██ ██ ██ ███ ███████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
███████ ███████ ██ ██ ██ ██ ████ ██████ ███████
|
|
*/
|
|
|
|
/* Discord logs */
|
|
function toggleDiscordLogsInSettings(enable) {
|
|
$("#settings-mainDiscordWebhook").prop("disabled", !enable);
|
|
$("#settings-mainDiscordWebhook").prop("required", enable);
|
|
|
|
$("#settings-specific-webooks-div").find(`.form-control`).prop("disabled", !enable);
|
|
}
|
|
|
|
$("#settings-areDiscordLogsActive").change(function() {
|
|
let enabled = $(this).prop("checked");
|
|
|
|
toggleDiscordLogsInSettings(enabled);
|
|
})
|
|
|
|
function getSeparatedDiscordWebhooks() {
|
|
let webhooks = {};
|
|
|
|
$("#settings-specific-webooks-div").find(".form-control").each(function(index, element) {
|
|
let logType = $(element).data("logType");
|
|
let webhook = $(element).val();
|
|
|
|
if(webhook) {
|
|
webhooks[logType] = webhook;
|
|
}
|
|
});
|
|
|
|
return webhooks;
|
|
}
|
|
/* Discord logs END */
|
|
|
|
$("#settings-item-to-burn-plants-choose-item").click(async function() {
|
|
const itemName = await itemsDialog();
|
|
|
|
$("#settings-item-to-burn-plants-item-name").val(itemName);
|
|
})
|
|
|
|
$("#settings-burn-plants-animations-btn").click(async function() {
|
|
const oldAnimations = $("#settings-burn-plants-animations-btn").data("animationsData");
|
|
const newAnimations = await animationsDialog(oldAnimations || []);
|
|
|
|
$("#settings-burn-plants-animations-btn").data("animationsData", newAnimations);
|
|
})
|
|
|
|
function loadSettings(fullConfig) {
|
|
|
|
// Language
|
|
setTomSelectValue("#settings-locale", fullConfig.locale)
|
|
setTomSelectValue("#settings-targeting-script", fullConfig.targetingScript)
|
|
setTomSelectValue("#settings-help-notification-script", fullConfig.helpNotification)
|
|
|
|
// Generic
|
|
$("#settings-ace-permission").val(fullConfig.acePermission);
|
|
$("#settings-can-always-carry").prop("checked", fullConfig.canAlwaysCarryItem);
|
|
$("#settings-can-receive-multiple-same-item").prop("checked", fullConfig.canReceiveMultipleTimesTheSameItem);
|
|
$("#settings-menu-position").val(fullConfig.menuPosition);
|
|
$("#settings-targeting-script").val(fullConfig.targetingScript);
|
|
setSelectiveTargetingSettings(fullConfig.selectiveTargeting);
|
|
|
|
// Seeds
|
|
$("#settings-time-to-burn-plants").val(fullConfig.timeToBurnPlants);
|
|
$("#settings-minimum-distance-between-plants").val(fullConfig.minimumDistanceBetweenPlants);
|
|
$("#settings-burn-plants-animations-btn").data("animationsData", fullConfig.burnPlantsAnimations || []);
|
|
$("#settings-item-to-burn-plants-is-required").prop("checked", fullConfig.itemToBurnPlants.isRequired);
|
|
$("#settings-item-to-burn-plants-item-name").val(fullConfig.itemToBurnPlants.name);
|
|
$("#settings-item-to-burn-plants-minimum-quantity").val(fullConfig.itemToBurnPlants.minQuantity);
|
|
$("#settings-item-to-burn-plants-lose-on-use").prop("checked", fullConfig.itemToBurnPlants.loseOnUse);
|
|
|
|
// Farms
|
|
$("#settings-allow-afk-farming").prop("checked", fullConfig.allowAfkFarming);
|
|
|
|
// Foundries
|
|
$("#settings-allow-to-save-formulas").prop("checked", fullConfig.allowToSaveFormulas);
|
|
$("#settings-allow-afk-foundrying").prop("checked", fullConfig.allowAfkFoundrying);
|
|
|
|
// Discord logs
|
|
$("#settings-areDiscordLogsActive").prop("checked", fullConfig.areDiscordLogsActive);
|
|
$("#settings-mainDiscordWebhook").val(fullConfig.mainDiscordWebhook);
|
|
|
|
toggleDiscordLogsInSettings(fullConfig.areDiscordLogsActive);
|
|
|
|
for(const[logType, webhook] of Object.entries(fullConfig.specificWebhooks)) {
|
|
$("#settings-specific-webooks-div").find(`[data-log-type="${logType}"]`).val(webhook);
|
|
}
|
|
// Discord logs - END
|
|
|
|
}
|
|
|
|
function toggleSelectiveTargeting() {
|
|
const enabled = $("#settings-targeting-script").val() != "none";
|
|
$("#selective-targeting-container").find(".form-check-input").prop("disabled", !enabled);
|
|
}
|
|
|
|
function getSelectiveTargetingSettings() {
|
|
let selectiveTargeting = {};
|
|
|
|
$("#selective-targeting-container").find(".form-check-input").each(function(index, element) {
|
|
element = $(element);
|
|
|
|
let featureName = element.data("featureName");
|
|
let enabled = element.prop("checked");
|
|
|
|
selectiveTargeting[featureName] = enabled;
|
|
});
|
|
|
|
return selectiveTargeting;
|
|
}
|
|
|
|
function setSelectiveTargetingSettings(selectiveTargeting) {
|
|
$("#selective-targeting-container").find(".form-check-input").each(function(index, element) {
|
|
element = $(element);
|
|
|
|
let featureName = element.data("featureName");
|
|
let enabled = selectiveTargeting[featureName];
|
|
|
|
element.prop("checked", enabled);
|
|
});
|
|
|
|
toggleSelectiveTargeting();
|
|
}
|
|
|
|
$("#settings-targeting-script").change(function() {
|
|
toggleSelectiveTargeting();
|
|
})
|
|
|
|
$("#settings").submit(async function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let clientSettings = {
|
|
// Generic
|
|
menuPosition: $("#settings-menu-position").val(),
|
|
targetingScript: $("#settings-targeting-script").val(),
|
|
helpNotification: $("#settings-help-notification-script").val(),
|
|
|
|
// Seeds
|
|
minimumDistanceBetweenPlants: parseFloat( $("#settings-minimum-distance-between-plants").val() ),
|
|
burnPlantsAnimations: $("#settings-burn-plants-animations-btn").data("animationsData"),
|
|
|
|
// Farms
|
|
allowAfkFarming: $("#settings-allow-afk-farming").prop("checked"),
|
|
|
|
selectiveTargeting: getSelectiveTargetingSettings()
|
|
}
|
|
|
|
let sharedSettings = {
|
|
locale: $("#settings-locale").val(),
|
|
timeToBurnPlants: parseInt( $("#settings-time-to-burn-plants").val() ),
|
|
allowToSaveFormulas: $("#settings-allow-to-save-formulas").prop("checked"),
|
|
allowAfkFoundrying: $("#settings-allow-afk-foundrying").prop("checked"),
|
|
}
|
|
|
|
let serverSettings = {
|
|
// Generic
|
|
acePermission: $("#settings-ace-permission").val(),
|
|
canAlwaysCarryItem: $("#settings-can-always-carry").prop("checked"),
|
|
canReceiveMultipleTimesTheSameItem: $("#settings-can-receive-multiple-same-item").prop("checked"),
|
|
|
|
// Seeds
|
|
itemToBurnPlants: {
|
|
isRequired: $("#settings-item-to-burn-plants-is-required").prop("checked"),
|
|
name: $("#settings-item-to-burn-plants-item-name").val(),
|
|
minQuantity: parseInt( $("#settings-item-to-burn-plants-minimum-quantity").val() ),
|
|
loseOnUse: $("#settings-item-to-burn-plants-lose-on-use").prop("checked"),
|
|
},
|
|
|
|
// Discord logs
|
|
areDiscordLogsActive: $("#settings-areDiscordLogsActive").prop("checked"),
|
|
mainDiscordWebhook: $("#settings-mainDiscordWebhook").val(),
|
|
specificWebhooks: getSeparatedDiscordWebhooks(),
|
|
}
|
|
|
|
const response = await $.post(`https://${resName}/saveSettings`, JSON.stringify({
|
|
clientSettings: clientSettings,
|
|
serverSettings: serverSettings,
|
|
sharedSettings: sharedSettings
|
|
}));
|
|
showServerResponse(response);
|
|
|
|
refreshTranslations(sharedSettings.locale);
|
|
});
|
|
|
|
/*
|
|
███████ ███████ ███████ ██████ ███████
|
|
██ ██ ██ ██ ██ ██
|
|
███████ █████ █████ ██ ██ ███████
|
|
██ ██ ██ ██ ██ ██
|
|
███████ ███████ ███████ ██████ ███████
|
|
*/
|
|
let seedsDatatable = $("#seeds-container").DataTable( {
|
|
"lengthMenu": [10, 15, 20],
|
|
"createdRow": function ( row, data, index ) {
|
|
$(row).addClass("clickable");
|
|
|
|
$(row).click(function() {
|
|
let id = parseInt( data[0] );
|
|
|
|
editSeed(id);
|
|
})
|
|
},
|
|
});
|
|
|
|
let seeds = {};
|
|
|
|
function loadSeeds() {
|
|
$.post(`https://${resName}/getAllSeeds`, {}, async function(rawSeeds) {
|
|
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
seeds = {};
|
|
|
|
for(const[k, seedData] of Object.entries(rawSeeds)) {
|
|
seeds[seedData.id] = seedData;
|
|
}
|
|
|
|
seedsDatatable.clear();
|
|
|
|
for(const[id, seedData] of Object.entries(seeds)) {
|
|
seedsDatatable.row.add([
|
|
id,
|
|
seedData.label,
|
|
seedData.data.stages.length
|
|
]);
|
|
}
|
|
|
|
seedsDatatable.draw();
|
|
})
|
|
}
|
|
|
|
function setDefaultDataOfSeed() {
|
|
$("#seed-label").val("Default");
|
|
$("#seed-maximum-steepness").val(55);
|
|
$("#seed-minimum-free-space-above").val(3.0);
|
|
$("#seed-item-name").val("");
|
|
$("#seed-item-minimum-quantity").val(1);
|
|
$("#seed-item-lose-on-use-checkbox").prop("checked", true);
|
|
$("#seed-minimum-police").val(0);
|
|
|
|
let seedModal = $("#seed-modal");
|
|
seedModal.data("materialsOptions", getDefaultMaterialsOptions());
|
|
seedModal.data("plantingAnimations", [defaultPlantingAnimData]);
|
|
seedModal.data("markerData", getDefaultMarkerCustomization());
|
|
|
|
$("#seed-stages").empty();
|
|
}
|
|
|
|
$("#new-seed-btn").click(function() {
|
|
let seedModal = $("#seed-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
seedModal.data("action", "create");
|
|
|
|
$("#delete-seed-btn").hide();
|
|
$("#save-seed-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfSeed();
|
|
|
|
seedModal.modal("show");
|
|
})
|
|
|
|
$("#materials-options-btn").click(async function() {
|
|
let seedModal = $("#seed-modal");
|
|
|
|
const oldMaterials = seedModal.data("materialsOptions");
|
|
const newMaterials = await groundMaterialsDialog(oldMaterials);
|
|
|
|
seedModal.data("materialsOptions", newMaterials);
|
|
})
|
|
|
|
$("#seed-planting-animation-btn").click(async function() {
|
|
let seedModal = $("#seed-modal");
|
|
|
|
const oldAnimations = seedModal.data("plantingAnimations");
|
|
const newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
seedModal.data("plantingAnimations", newAnimations);
|
|
});
|
|
|
|
$("#seed-customize-marker-btn").click(async function() {
|
|
let seedModal = $("#seed-modal");
|
|
|
|
const oldMarkerData = seedModal.data("markerData");
|
|
const newMarkerData = await markerDialog(oldMarkerData);
|
|
|
|
seedModal.data("markerData", newMarkerData);
|
|
});
|
|
|
|
$("#choose-seed-item-name-btn").click(async function() {
|
|
const itemName = await itemsDialog();
|
|
|
|
$("#seed-item-name").val(itemName);
|
|
})
|
|
|
|
function renameAllStagesByTheirOrder() {
|
|
$("#seed-stages").find(".stage-title").each(function(index, element) {
|
|
let stageNumber = index + 1;
|
|
|
|
$(this).prop("innerHTML", `${ getLocalizedText("menu:stage") } ${stageNumber}`)
|
|
});
|
|
}
|
|
|
|
async function addRequiredItemToStage(stageDiv, requiredItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 required-item justify-content-center">
|
|
<button type="button" class="btn-close delete-required-item-btn me-3" ></button>
|
|
|
|
<select class="form-select required-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control required-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="number" min=0 class="form-control required-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-check my-auto fs-4 ms-1">
|
|
<input class="form-check-input required-item-lose-on-use-checkbox" type="checkbox" value="">
|
|
<label class="form-check-label">${getLocalizedText("menu:lose_on_use")}</label>
|
|
</div>
|
|
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-required-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".required-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".required-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(requiredItem) {
|
|
itemDiv.find(".required-item-type").val(requiredItem.type);
|
|
itemDiv.find(".required-item-name").val(requiredItem.name);
|
|
itemDiv.find(".required-item-min-quantity").val(requiredItem.minQuantity);
|
|
itemDiv.find(".required-item-lose-on-use-checkbox").prop("checked", requiredItem.loseOnUse);
|
|
}
|
|
|
|
stageDiv.find(".stage-required-items-list").append(itemDiv);
|
|
}
|
|
|
|
async function addRewardItemToStage(stageDiv, rewardItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 reward-item justify-content-center">
|
|
<button type="button" class="btn-close delete-reward-item-btn me-3" ></button>
|
|
|
|
<select class="form-select reward-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control reward-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-max-quantity" placeholder="${getLocalizedText("menu:max_quantity")}" required>
|
|
<label>${getLocalizedText("menu:max_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" class="form-control reward-item-chances" placeholder="${getLocalizedText("menu:probability")}" required>
|
|
<label>${getLocalizedText("menu:probability")}</label>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-reward-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".reward-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".reward-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(rewardItem) {
|
|
itemDiv.find(".reward-item-type").val(rewardItem.type);
|
|
itemDiv.find(".reward-item-name").val(rewardItem.name);
|
|
itemDiv.find(".reward-item-min-quantity").val(rewardItem.minQuantity);
|
|
itemDiv.find(".reward-item-max-quantity").val(rewardItem.maxQuantity);
|
|
itemDiv.find(".reward-item-chances").val(rewardItem.chances);
|
|
}
|
|
|
|
stageDiv.find(".stage-reward-items-list").append(itemDiv);
|
|
}
|
|
|
|
function addSeedStage(stageData) {
|
|
const stageIndex = $("#seed-stages").children(".stage").length + 1;
|
|
|
|
let stageDiv = $(`
|
|
<div class="stage">
|
|
<h3 class="text-center stage-title">${getLocalizedText("menu:stage")} ${stageIndex}</h3>
|
|
|
|
<div class="d-flex gap-2 align-items-center justify-content-center mt-3">
|
|
<div class="form-floating text-body col-3">
|
|
<input type="text" class="form-control plant-model" placeholder="Plant model" required>
|
|
<label>${getLocalizedText("menu:plant_model")}</label>
|
|
</div>
|
|
|
|
<a class="btn btn-secondary clickable open-models-btn" target="_blank" onclick='window.invokeNative("openUrl", "https://forge.plebmasters.de/objects/")' data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:open_models_list") }"><i class="bi bi-images"></i></a>
|
|
|
|
<div class="form-floating text-body col-2 ms-3">
|
|
<input type="text" class="form-control stage-label" placeholder="Label" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:player_can_see_this") }" required>
|
|
<label>${getLocalizedText("menu:label")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col-2">
|
|
<input type="number" class="form-control stage-duration" placeholder="Duration" min="1" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:stage_duration_description") }" required>
|
|
<label>${getLocalizedText("menu:duration_minutes")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col-2">
|
|
<input type="number" class="form-control stage-minutes-before-death" placeholder="Duration" min="1" value="60" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:minutes_before_death_description") }" required>
|
|
<label>${getLocalizedText("menu:minutes_before_death")}</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary mx-3 seed-stage-end-animation-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:stage_end_animation_description") }">${getLocalizedText("menu:stage_end_animation")}</button>
|
|
</div>
|
|
|
|
<h3 class="text-center mt-5">${getLocalizedText("menu:on_stage_end")}</h3>
|
|
|
|
<div>
|
|
<p class="text-center fs-4">${getLocalizedText("menu:required_items")}</p>
|
|
|
|
<div class="stage-required-items-list">
|
|
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary stage-add-required-item-btn">${getLocalizedText("menu:add_item")}</button>
|
|
</div>
|
|
|
|
<div>
|
|
<p class="text-center fs-4">${getLocalizedText("menu:items_to_give")}</p>
|
|
|
|
<div class="my-4 row g-2 row-cols-auto align-items-center justify-content-center">
|
|
<p class="text-center fs-4 my-auto me-3">${ getLocalizedText("menu:amount_of_objects_as_reward") }</p>
|
|
|
|
<div class="form-floating text-body col-3">
|
|
<input type="number" class="form-control min-objects-amount" placeholder="Minimum" required>
|
|
<label>${ getLocalizedText("menu:min_quantity") }</label>
|
|
</div>
|
|
|
|
<div class="form-floating text-body col-3">
|
|
<input type="number" class="form-control max-objects-amount" placeholder="Maximum" required>
|
|
<label>${ getLocalizedText("menu:max_quantity") }</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stage-reward-items-list">
|
|
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary stage-add-reward-item-btn">${getLocalizedText("menu:add_item")}</button>
|
|
</div>
|
|
|
|
<div class="d-inline-block col-12 mt-1">
|
|
<button type="button" class="btn btn-warning btn-sm float-end delete-stage-btn">${getLocalizedText("menu:delete_stage")}</button>
|
|
</div>
|
|
|
|
<hr class="thick-hr">
|
|
</div>
|
|
`);
|
|
|
|
stageDiv.find("[data-bs-toggle='tooltip']").tooltip();
|
|
|
|
stageDiv.find(".delete-stage-btn").click(function() {
|
|
stageDiv.remove();
|
|
renameAllStagesByTheirOrder();
|
|
});
|
|
|
|
stageDiv.find(".stage-add-required-item-btn").click(function() {
|
|
addRequiredItemToStage(stageDiv);
|
|
});
|
|
|
|
stageDiv.find(".stage-add-reward-item-btn").click(function() {
|
|
addRewardItemToStage(stageDiv);
|
|
});
|
|
|
|
// Default interaction animation in case there isn't any
|
|
stageDiv.data("stageEndAnimations", [defaultPlantInteractionAnimData]);
|
|
|
|
stageDiv.find(".seed-stage-end-animation-btn").click(async function() {
|
|
const oldAnimations = stageDiv.data("stageEndAnimations");
|
|
const newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
stageDiv.data("stageEndAnimations", newAnimations);
|
|
});
|
|
|
|
if(stageData) {
|
|
stageDiv.find(".plant-model").val(stageData.plantModel);
|
|
stageDiv.find(".stage-label").val(stageData.label);
|
|
stageDiv.find(".stage-duration").val(stageData.duration);
|
|
stageDiv.find(".stage-minutes-before-death").val(stageData.minutesBeforeDeath);
|
|
|
|
stageDiv.find(".min-objects-amount").val(stageData.minObjectsAmount);
|
|
stageDiv.find(".max-objects-amount").val(stageData.maxObjectsAmount);
|
|
|
|
stageDiv.data("stageEndAnimations", stageData.stageEndAnimations);
|
|
|
|
for(let requiredItem of stageData.requiredItems) {
|
|
addRequiredItemToStage(stageDiv, requiredItem);
|
|
}
|
|
|
|
for(let rewardItem of stageData.rewardItems) {
|
|
addRewardItemToStage(stageDiv, rewardItem);
|
|
}
|
|
} else {
|
|
addRequiredItemToStage(stageDiv);
|
|
addRewardItemToStage(stageDiv);
|
|
|
|
// If it's not the first stage, the model will be copied from the stage before
|
|
if(stageIndex > 1) {
|
|
const model = $("#seed-stages").children(".stage").last().find(".plant-model").val();
|
|
|
|
stageDiv.find(".plant-model").val(model);
|
|
}
|
|
}
|
|
|
|
$("#seed-stages").append(stageDiv);
|
|
}
|
|
|
|
$("#add-seed-stage-btn").click(function() {
|
|
addSeedStage();
|
|
})
|
|
|
|
function editSeed(id) {
|
|
let seedModal = $("#seed-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
seedModal.data("action", "edit");
|
|
seedModal.data("seedId", id);
|
|
|
|
$("#delete-seed-btn").show();
|
|
$("#save-seed-btn").text( getLocalizedText("menu:save") );
|
|
|
|
const seedInfo = seeds[id];
|
|
const seedData = seedInfo.data;
|
|
|
|
$("#seed-label").val(seedInfo.label);
|
|
$("#seed-maximum-steepness").val(seedData.maximumSteepness);
|
|
$("#seed-minimum-free-space-above").val(seedData.minimumFreeSpaceAbove);
|
|
$("#seed-item-name").val(seedData.seedItemName);
|
|
$("#seed-item-minimum-quantity").val(seedData.seedItemMinimumQuantity);
|
|
$("#seed-item-lose-on-use-checkbox").prop("checked", seedData.seedItemLoseOnUse);
|
|
$("#seed-minimum-police").val(seedData.minimumPolice);
|
|
|
|
seedModal.data("materialsOptions", seedData.materialsOptions);
|
|
seedModal.data("plantingAnimations", seedData.plantingAnimations || [defaultPlantingAnimData]);
|
|
seedModal.data("markerData", seedData.markerData || getDefaultMarkerCustomization());
|
|
|
|
$("#seed-stages").empty();
|
|
|
|
if(seedData.stages) {
|
|
for(const[stage, stageData] of Object.entries(seedData.stages)) {
|
|
addSeedStage(stageData);
|
|
}
|
|
}
|
|
|
|
seedModal.modal("show");
|
|
}
|
|
|
|
function getRequiredItemFromStageDiv(stageDiv) {
|
|
let requiredItems = [];
|
|
|
|
stageDiv.find(".stage-required-items-list").find(".required-item").each(function() {
|
|
const itemData = {
|
|
type: $(this).find(".required-item-type").val(),
|
|
name: $(this).find(".required-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".required-item-min-quantity").val() ),
|
|
loseOnUse: $(this).find(".required-item-lose-on-use-checkbox").prop("checked")
|
|
}
|
|
|
|
requiredItems.push(itemData);
|
|
});
|
|
|
|
return requiredItems;
|
|
}
|
|
|
|
function getRewardItemFromStageDiv(stageDiv) {
|
|
let rewardItems = [];
|
|
|
|
stageDiv.find(".stage-reward-items-list").find(".reward-item").each(function() {
|
|
const itemData = {
|
|
type: $(this).find(".reward-item-type").val(),
|
|
name: $(this).find(".reward-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".reward-item-min-quantity").val() ),
|
|
maxQuantity: parseInt( $(this).find(".reward-item-max-quantity").val() ),
|
|
chances: parseInt( $(this).find(".reward-item-chances").val() ),
|
|
}
|
|
|
|
rewardItems.push(itemData);
|
|
});
|
|
|
|
return rewardItems;
|
|
}
|
|
|
|
function getSeedStages() {
|
|
let stages = [];
|
|
|
|
$("#seed-stages").find(".stage").each(function() {
|
|
let stage = {
|
|
plantModel: $(this).find(".plant-model").val(),
|
|
label: $(this).find(".stage-label").val(),
|
|
duration: parseInt( $(this).find(".stage-duration").val() ),
|
|
minutesBeforeDeath: parseInt( $(this).find(".stage-minutes-before-death").val() ),
|
|
stageEndAnimations: $(this).data("stageEndAnimations"),
|
|
requiredItems: getRequiredItemFromStageDiv( $(this) ),
|
|
minObjectsAmount: parseInt( $(this).find(".min-objects-amount").val() ),
|
|
maxObjectsAmount: parseInt( $(this).find(".max-objects-amount").val() ),
|
|
rewardItems: getRewardItemFromStageDiv( $(this) ),
|
|
};
|
|
|
|
stages.push(stage);
|
|
});
|
|
|
|
return stages;
|
|
}
|
|
|
|
$("#seed-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let seedModal = $("#seed-modal");
|
|
let action = seedModal.data("action");
|
|
|
|
let seedData = {
|
|
label: $("#seed-label").val(),
|
|
data: {
|
|
maximumSteepness: parseInt( $("#seed-maximum-steepness").val() ),
|
|
minimumFreeSpaceAbove: parseFloat( $("#seed-minimum-free-space-above").val() ),
|
|
materialsOptions: seedModal.data("materialsOptions"),
|
|
plantingAnimations: seedModal.data("plantingAnimations") || [defaultPlantingAnimData],
|
|
markerData: seedModal.data("markerData"),
|
|
seedItemName: $("#seed-item-name").val(),
|
|
seedItemMinimumQuantity: parseInt( $("#seed-item-minimum-quantity").val() ),
|
|
seedItemLoseOnUse: $("#seed-item-lose-on-use-checkbox").prop("checked"),
|
|
minimumPolice: parseInt( $("#seed-minimum-police").val() ),
|
|
stages: getSeedStages()
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createSeed`, JSON.stringify(seedData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
seedModal.modal("hide");
|
|
loadSeeds();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateSeed`, JSON.stringify({seedId: seedModal.data("seedId"), seedData: seedData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
seedModal.modal("hide");
|
|
loadSeeds();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-seed-btn").click(function() {
|
|
let seedModal = $("#seed-modal");
|
|
let seedId = seedModal.data("seedId");
|
|
|
|
$.post(`https://${resName}/deleteSeed`, JSON.stringify({seedId: seedId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
seedModal.modal("hide");
|
|
loadSeeds();
|
|
}
|
|
});
|
|
});
|
|
|
|
/*
|
|
███████ ██ ███████ ██ ██████ ███████
|
|
██ ██ ██ ██ ██ ██ ██
|
|
█████ ██ █████ ██ ██ ██ ███████
|
|
██ ██ ██ ██ ██ ██ ██
|
|
██ ██ ███████ ███████ ██████ ███████
|
|
*/
|
|
let fieldsDatatable = $("#fields-container").DataTable( {
|
|
"lengthMenu": [10, 15, 20],
|
|
"createdRow": function ( row, data, index ) {
|
|
$(row).addClass("clickable");
|
|
|
|
$(row).click(function() {
|
|
let id = parseInt( data[0] );
|
|
|
|
editField(id);
|
|
})
|
|
},
|
|
});
|
|
|
|
let fields = {};
|
|
|
|
async function getCountOfObjectsForFieldId(id) {
|
|
return new Promise(function(resolve) {
|
|
$.post(`https://${resName}/getCountOfObjectsForFieldId`, JSON.stringify({fieldId: parseInt(id)}), function(count) {
|
|
resolve(count);
|
|
});
|
|
});
|
|
}
|
|
|
|
function loadFields() {
|
|
$.post(`https://${resName}/getAllFields`, {}, async function(rawFields) {
|
|
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
fields = {};
|
|
|
|
for(const[k, fieldData] of Object.entries(rawFields)) {
|
|
fields[fieldData.id] = fieldData;
|
|
}
|
|
|
|
fieldsDatatable.clear();
|
|
|
|
for(const[id, fieldData] of Object.entries(fields)) {
|
|
fieldsDatatable.row.add([
|
|
id,
|
|
fieldData.label,
|
|
fieldData.data.radius,
|
|
await getCountOfObjectsForFieldId(id),
|
|
]);
|
|
}
|
|
|
|
fieldsDatatable.draw();
|
|
})
|
|
}
|
|
|
|
function setDefaultDataOfField() {
|
|
$("#field-label").val("Default");
|
|
$("#field-object-model").val("");
|
|
$("#field-radius").val(30.0);
|
|
$("#field-minimum-police").val(0);
|
|
$("#field-max-objects").val(30);
|
|
$("#field-respawn-timer").val(15);
|
|
|
|
$("#field-coords-x").val("");
|
|
$("#field-coords-y").val("");
|
|
$("#field-coords-z").val("");
|
|
|
|
$("#field-reward-min-objects-amount").val(1);
|
|
$("#field-reward-max-objects-amount").val(1);
|
|
|
|
$("#field-required-items-list").empty();
|
|
$("#field-reward-items-list").empty();
|
|
|
|
$("#field-modal").find("input:radio[name='field-spawn-coords-type'][value='automatic']").prop("checked", true).change();
|
|
|
|
let fieldModal = $("#field-modal");
|
|
fieldModal.data("animations", [defaultPlantInteractionAnimData]);
|
|
fieldModal.data("blipData", getDefaultBlipCustomization());
|
|
fieldModal.data("allowedJobs", null);
|
|
fieldModal.data("availableSpawnPoints", null);
|
|
}
|
|
|
|
$("#new-field-btn").click(function() {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
fieldModal.data("action", "create");
|
|
|
|
$("#delete-field-btn").hide();
|
|
$("#save-field-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfField();
|
|
|
|
fieldModal.modal("show");
|
|
})
|
|
|
|
$("#field-animations-btn").click(async function() {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
let oldAnimations = fieldModal.data("animations");
|
|
let newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
fieldModal.data("animations", newAnimations);
|
|
})
|
|
|
|
$("#field-customize-blip-btn").click(async function() {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
let oldBlipData = fieldModal.data("blipData");
|
|
let newBlipData = await blipDialog(oldBlipData);
|
|
|
|
fieldModal.data("blipData", newBlipData);
|
|
})
|
|
|
|
$("#field-allowed-jobs-btn").click(async function() {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
let oldAllowedJobs = fieldModal.data("allowedJobs");
|
|
let newAllowedJobs = await jobsDialog(oldAllowedJobs);
|
|
|
|
fieldModal.data("allowedJobs", newAllowedJobs);
|
|
})
|
|
|
|
$("#field-current-coords-btn").click(async function() {
|
|
const coords = await getCurrentCoords();
|
|
|
|
$("#field-coords-x").val(coords.x);
|
|
$("#field-coords-y").val(coords.y);
|
|
$("#field-coords-z").val(coords.z);
|
|
})
|
|
|
|
$("input:radio[name='field-spawn-coords-type']").change(function() {
|
|
const spawnType = $(this).val();
|
|
|
|
$("#field-modal").data("availableSpawnPoints", null);
|
|
|
|
$("#field-choose-allowed-spawn-coordinates-btn").toggle(spawnType == "manual");
|
|
})
|
|
|
|
$("#field-choose-allowed-spawn-coordinates-btn").click(async function() {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
fieldModal.modal("hide");
|
|
$("#farming-creator").hide();
|
|
|
|
$.post(`https://${resName}/chooseAvailableSpawnpoints`, JSON.stringify({
|
|
coords: {
|
|
x: parseFloat( $("#field-coords-x").val() ),
|
|
y: parseFloat( $("#field-coords-y").val() ),
|
|
z: parseFloat( $("#field-coords-z").val() ),
|
|
},
|
|
radius: parseFloat( $("#field-radius").val() ),
|
|
}), async function(availableSpawnPoints) {
|
|
if(availableSpawnPoints) {
|
|
$("#field-modal").data("availableSpawnPoints", availableSpawnPoints);
|
|
}
|
|
|
|
$("#farming-creator").show();
|
|
fieldModal.modal("show");
|
|
});
|
|
});
|
|
|
|
async function addRequiredItemToField(requiredItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 required-item justify-content-center">
|
|
<button type="button" class="btn-close delete-required-item-btn me-3" ></button>
|
|
|
|
<select class="form-select required-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control required-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="number" min=0 class="form-control required-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-check my-auto fs-4 ms-1">
|
|
<input class="form-check-input required-item-lose-on-use-checkbox" type="checkbox" value="">
|
|
<label class="form-check-label">${getLocalizedText("menu:lose_on_use")}</label>
|
|
</div>
|
|
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-required-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".required-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".required-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(requiredItem) {
|
|
itemDiv.find(".required-item-type").val(requiredItem.type);
|
|
itemDiv.find(".required-item-name").val(requiredItem.name);
|
|
itemDiv.find(".required-item-min-quantity").val(requiredItem.minQuantity);
|
|
itemDiv.find(".required-item-lose-on-use-checkbox").prop("checked", requiredItem.loseOnUse);
|
|
}
|
|
|
|
$("#field-required-items-list").append(itemDiv);
|
|
}
|
|
$("#field-add-required-item-btn").click(function() {
|
|
addRequiredItemToField();
|
|
});
|
|
|
|
async function addRewardItemToField(rewardItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 reward-item justify-content-center">
|
|
<button type="button" class="btn-close delete-reward-item-btn me-3" ></button>
|
|
|
|
<select class="form-select reward-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control reward-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-max-quantity" placeholder="${getLocalizedText("menu:max_quantity")}" required>
|
|
<label>${getLocalizedText("menu:max_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" class="form-control reward-item-chances" placeholder="${getLocalizedText("menu:probability")}" required>
|
|
<label>${getLocalizedText("menu:probability")}</label>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-reward-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".reward-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".reward-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(rewardItem) {
|
|
itemDiv.find(".reward-item-type").val(rewardItem.type);
|
|
itemDiv.find(".reward-item-name").val(rewardItem.name);
|
|
itemDiv.find(".reward-item-min-quantity").val(rewardItem.minQuantity);
|
|
itemDiv.find(".reward-item-max-quantity").val(rewardItem.maxQuantity);
|
|
itemDiv.find(".reward-item-chances").val(rewardItem.chances);
|
|
}
|
|
|
|
$("#field-reward-items-list").append(itemDiv);
|
|
}
|
|
$("#field-add-reward-item-btn").click(function() {
|
|
addRewardItemToField();
|
|
})
|
|
|
|
function editField(id) {
|
|
let fieldModal = $("#field-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
fieldModal.data("action", "edit");
|
|
fieldModal.data("fieldId", id);
|
|
|
|
$("#delete-field-btn").show();
|
|
$("#save-field-btn").text( getLocalizedText("menu:save") );
|
|
|
|
let fieldData = fields[id];
|
|
|
|
$("#field-label").val(fieldData.label);
|
|
$("#field-object-model").val(fieldData.data.objectModel);
|
|
$("#field-radius").val(fieldData.data.radius);
|
|
$("#field-max-objects").val(fieldData.data.maxObjects);
|
|
$("#field-respawn-timer").val(fieldData.data.respawnTimer);
|
|
$("#field-minimum-police").val(fieldData.data.minimumPolice);
|
|
|
|
$("#field-modal").find("input:radio[name='field-spawn-coords-type'][value='" + fieldData.data.spawnType + "']").prop("checked", true).change();
|
|
|
|
$("#field-coords-x").val(fieldData.data.coords.x);
|
|
$("#field-coords-y").val(fieldData.data.coords.y);
|
|
$("#field-coords-z").val(fieldData.data.coords.z);
|
|
|
|
$("#field-reward-min-objects-amount").val(fieldData.data.minObjectsAmount);
|
|
$("#field-reward-max-objects-amount").val(fieldData.data.maxObjectsAmount);
|
|
|
|
$("#field-required-items-list").empty();
|
|
if(fieldData.data.requiredItems) {
|
|
for(let requiredItem of fieldData.data.requiredItems) {
|
|
addRequiredItemToField(requiredItem);
|
|
}
|
|
}
|
|
|
|
$("#field-reward-items-list").empty();
|
|
if(fieldData.data.rewardItems) {
|
|
for(let rewardItem of fieldData.data.rewardItems) {
|
|
addRewardItemToField(rewardItem);
|
|
}
|
|
}
|
|
|
|
fieldModal.data("animations", fieldData.data.animations);
|
|
fieldModal.data("blipData", fieldData.data.blipData);
|
|
fieldModal.data("allowedJobs", fieldData.data.allowedJobs || null);
|
|
fieldModal.data("availableSpawnPoints", fieldData.data.availableSpawnPoints);
|
|
|
|
fieldModal.modal("show");
|
|
}
|
|
|
|
function getRewardItemsFromField() {
|
|
let rewardItems = [];
|
|
|
|
$("#field-reward-items-list").find(".reward-item").each(function() {
|
|
let rewardItem = {
|
|
type: $(this).find(".reward-item-type").val(),
|
|
name: $(this).find(".reward-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".reward-item-min-quantity").val() ),
|
|
maxQuantity: parseInt( $(this).find(".reward-item-max-quantity").val() ),
|
|
chances: parseInt( $(this).find(".reward-item-chances").val() )
|
|
}
|
|
|
|
rewardItems.push(rewardItem);
|
|
});
|
|
|
|
return rewardItems;
|
|
}
|
|
|
|
function getRequiredItemsFromField() {
|
|
let requiredItems = [];
|
|
|
|
$("#field-required-items-list").find(".required-item").each(function() {
|
|
let requiredItem = {
|
|
type: $(this).find(".required-item-type").val(),
|
|
name: $(this).find(".required-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".required-item-min-quantity").val() ),
|
|
loseOnUse: $(this).find(".required-item-lose-on-use-checkbox").prop("checked")
|
|
}
|
|
|
|
requiredItems.push(requiredItem);
|
|
});
|
|
|
|
return requiredItems;
|
|
}
|
|
|
|
$("#field-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let fieldModal = $("#field-modal");
|
|
let action = fieldModal.data("action");
|
|
|
|
let fieldData = {
|
|
label: $("#field-label").val(),
|
|
data: {
|
|
objectModel: $("#field-object-model").val(),
|
|
radius: parseFloat( $("#field-radius").val() ),
|
|
maxObjects: parseInt( $("#field-max-objects").val() ), // Prop objects that can be spawned
|
|
respawnTimer: parseInt( $("#field-respawn-timer").val() ),
|
|
minimumPolice: parseInt( $("#field-minimum-police").val() ),
|
|
animations: fieldModal.data("animations"),
|
|
blipData: fieldModal.data("blipData") || [getDefaultBlipCustomization()],
|
|
allowedJobs: fieldModal.data("allowedJobs" || null),
|
|
coords: {
|
|
x: parseFloat( $("#field-coords-x").val() ),
|
|
y: parseFloat( $("#field-coords-y").val() ),
|
|
z: parseFloat( $("#field-coords-z").val() ),
|
|
},
|
|
spawnType: $("input:radio[name='field-spawn-coords-type']:checked").val(),
|
|
availableSpawnPoints: fieldModal.data("availableSpawnPoints"),
|
|
minObjectsAmount: parseInt( $("#field-reward-min-objects-amount").val() ),
|
|
maxObjectsAmount: parseInt( $("#field-reward-max-objects-amount").val() ),
|
|
rewardItems: getRewardItemsFromField(),
|
|
requiredItems: getRequiredItemsFromField(),
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createField`, JSON.stringify(fieldData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
fieldModal.modal("hide");
|
|
loadFields();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateField`, JSON.stringify({fieldId: fieldModal.data("fieldId"), fieldData: fieldData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
fieldModal.modal("hide");
|
|
loadFields();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-field-btn").click(function() {
|
|
let fieldModal = $("#field-modal");
|
|
let fieldId = fieldModal.data("fieldId");
|
|
|
|
$.post(`https://${resName}/deleteField`, JSON.stringify({fieldId: fieldId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
fieldModal.modal("hide");
|
|
loadFields();
|
|
}
|
|
});
|
|
});
|
|
|
|
/*
|
|
███████ █████ ██████ ███ ███ ███████
|
|
██ ██ ██ ██ ██ ████ ████ ██
|
|
█████ ███████ ██████ ██ ████ ██ ███████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
██ ██ ██ ██ ██ ██ ██ ███████
|
|
*/
|
|
let farmsDatatable = $("#farms-container").DataTable( {
|
|
"lengthMenu": [10, 15, 20],
|
|
"createdRow": function ( row, data, index ) {
|
|
$(row).addClass("clickable");
|
|
|
|
$(row).click(function() {
|
|
let id = parseInt( data[0] );
|
|
|
|
editFarm(id);
|
|
})
|
|
},
|
|
});
|
|
|
|
let farms = {};
|
|
|
|
function loadFarms() {
|
|
$.post(`https://${resName}/getAllFarms`, {}, async function(rawFarms) {
|
|
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
farms = {};
|
|
|
|
for(const[k, farmData] of Object.entries(rawFarms)) {
|
|
farms[farmData.id] = farmData;
|
|
}
|
|
|
|
farmsDatatable.clear();
|
|
|
|
for(const[id, farmData] of Object.entries(farms)) {
|
|
farmsDatatable.row.add([
|
|
id,
|
|
farmData.label,
|
|
]);
|
|
}
|
|
|
|
farmsDatatable.draw();
|
|
})
|
|
}
|
|
|
|
function setDefaultDataOfFarm() {
|
|
// Generic
|
|
$("#farm-label").val("Default");
|
|
$("#farm-minimum-police").val(0);
|
|
$("#farm-radius").val(5);
|
|
|
|
// Options
|
|
$("#farm-always-active").prop("checked", true).change();
|
|
$("#farm-requires-to-be-in-vehicle").prop("checked", false).change();
|
|
$("#farm-allowed-vehicles-list").empty();
|
|
|
|
// Coordinates
|
|
$("#farm-coords-x").val("");
|
|
$("#farm-coords-y").val("");
|
|
$("#farm-coords-z").val("");
|
|
|
|
// Items
|
|
$("#farm-reward-min-objects-amount").val(1);
|
|
$("#farm-reward-max-objects-amount").val(1);
|
|
|
|
$("#farm-required-items-list").empty();
|
|
$("#farm-reward-items-list").empty();
|
|
|
|
// Other
|
|
let farmModal = $("#farm-modal");
|
|
farmModal.data("animations", [defaultPlantInteractionAnimData]);
|
|
farmModal.data("blipData", getDefaultBlipCustomizationForFarms());
|
|
farmModal.data("markerData", getDefaultMarkerCustomization());
|
|
farmModal.data("objectData", getDefaultObjectCustomization());
|
|
farmModal.data("allowedJobs", null);
|
|
}
|
|
|
|
$("#new-farm-btn").click(function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
farmModal.data("action", "create");
|
|
|
|
$("#delete-farm-btn").hide();
|
|
$("#save-farm-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfFarm();
|
|
|
|
farmModal.modal("show");
|
|
});
|
|
|
|
$("#farm-animations-btn").click(async function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
let oldAnimations = farmModal.data("animations");
|
|
let newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
farmModal.data("animations", newAnimations);
|
|
})
|
|
|
|
$("#farm-customize-blip-btn").click(async function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
let oldBlipData = farmModal.data("blipData");
|
|
let newBlipData = await blipDialog(oldBlipData);
|
|
|
|
farmModal.data("blipData", newBlipData);
|
|
})
|
|
|
|
$("#farm-customize-marker-btn").click(async function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
let oldMarkerData = farmModal.data("markerData");
|
|
let newMarkerData = await markerDialog(oldMarkerData);
|
|
|
|
farmModal.data("markerData", newMarkerData);
|
|
})
|
|
|
|
$("#farm-customize-object-btn").click(async function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
let oldObjectData = farmModal.data("objectData");
|
|
let newObjectData = await objectCustomizationDialog(oldObjectData);
|
|
|
|
farmModal.data("objectData", newObjectData);
|
|
});
|
|
|
|
$("#farm-allowed-jobs-btn").click(async function() {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
let oldAllowedJobs = farmModal.data("allowedJobs");
|
|
let newAllowedJobs = await jobsDialog(oldAllowedJobs);
|
|
|
|
farmModal.data("allowedJobs", newAllowedJobs);
|
|
})
|
|
|
|
$("#farm-current-coords-btn").click(async function() {
|
|
const coords = await getCurrentCoords();
|
|
|
|
$("#farm-coords-x").val(coords.x);
|
|
$("#farm-coords-y").val(coords.y);
|
|
$("#farm-coords-z").val(coords.z);
|
|
})
|
|
|
|
$("#farm-always-active").change(function() {
|
|
let isChecked = $(this).prop("checked");
|
|
|
|
$("#farm-active-start-time").prop("disabled", isChecked);
|
|
$("#farm-active-end-time").prop("disabled", isChecked);
|
|
|
|
if (isChecked) {
|
|
$("#farm-active-start-time").val("00:00");
|
|
$("#farm-active-end-time").val("23:59");
|
|
}
|
|
});
|
|
|
|
$("#farm-requires-to-be-in-vehicle").change(function() {
|
|
const isChecked = $(this).prop("checked");
|
|
|
|
$("#farm-requires-specific-vehicle").prop("disabled", !isChecked);
|
|
|
|
if (!isChecked) {
|
|
$("#farm-requires-specific-vehicle").prop("checked", false).change();
|
|
}
|
|
})
|
|
|
|
$("#farm-requires-specific-vehicle").change(function() {
|
|
const isChecked = $(this).prop("checked");
|
|
|
|
$("#farm-allowed-vehicles-div").toggle(isChecked);
|
|
})
|
|
|
|
async function addRequiredItemToFarm(requiredItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 required-item justify-content-center">
|
|
<button type="button" class="btn-close delete-required-item-btn me-3" ></button>
|
|
|
|
<select class="form-select required-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control required-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="number" min=0 class="form-control required-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-check my-auto fs-4 ms-1">
|
|
<input class="form-check-input required-item-lose-on-use-checkbox" type="checkbox" value="">
|
|
<label class="form-check-label">${getLocalizedText("menu:lose_on_use")}</label>
|
|
</div>
|
|
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-required-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".required-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".required-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(requiredItem) {
|
|
itemDiv.find(".required-item-type").val(requiredItem.type);
|
|
itemDiv.find(".required-item-name").val(requiredItem.name);
|
|
itemDiv.find(".required-item-min-quantity").val(requiredItem.minQuantity);
|
|
itemDiv.find(".required-item-lose-on-use-checkbox").prop("checked", requiredItem.loseOnUse);
|
|
}
|
|
|
|
$("#farm-required-items-list").append(itemDiv);
|
|
}
|
|
$("#farm-add-required-item-btn").click(function() {
|
|
addRequiredItemToFarm();
|
|
});
|
|
|
|
async function addRewardItemToFarm(rewardItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 reward-item justify-content-center">
|
|
<button type="button" class="btn-close delete-reward-item-btn me-3" ></button>
|
|
|
|
<select class="form-select reward-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control reward-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-max-quantity" placeholder="${getLocalizedText("menu:max_quantity")}" required>
|
|
<label>${getLocalizedText("menu:max_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" class="form-control reward-item-chances" placeholder="${getLocalizedText("menu:probability")}" required>
|
|
<label>${getLocalizedText("menu:probability")}</label>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-reward-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".reward-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".reward-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(rewardItem) {
|
|
itemDiv.find(".reward-item-type").val(rewardItem.type);
|
|
itemDiv.find(".reward-item-name").val(rewardItem.name);
|
|
itemDiv.find(".reward-item-min-quantity").val(rewardItem.minQuantity);
|
|
itemDiv.find(".reward-item-max-quantity").val(rewardItem.maxQuantity);
|
|
itemDiv.find(".reward-item-chances").val(rewardItem.chances);
|
|
}
|
|
|
|
$("#farm-reward-items-list").append(itemDiv);
|
|
}
|
|
$("#farm-add-reward-item-btn").click(function() {
|
|
addRewardItemToFarm();
|
|
});
|
|
|
|
function addAllowedVehicleToFarm(vehicleName) {
|
|
let allowedVehicleDiv = $(`
|
|
<ul class="row g-2 row-cols-auto align-items-center justify-content-center allowed-vehicle mb-2">
|
|
<button type="button" class="btn-close delete-allowed-vehicle-btn" ></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control vehicle-spawn-name" placeholder="Vehicle name" required>
|
|
<label>${ getLocalizedText("menu:vehicle_name") }</label>
|
|
</div>
|
|
</ul>
|
|
`);
|
|
|
|
allowedVehicleDiv.find(".delete-allowed-vehicle-btn").click(function() {
|
|
allowedVehicleDiv.remove();
|
|
});
|
|
|
|
if(vehicleName) {
|
|
allowedVehicleDiv.find(".vehicle-spawn-name").val(vehicleName);
|
|
}
|
|
|
|
$("#farm-allowed-vehicles-list").append(allowedVehicleDiv);
|
|
}
|
|
$("#farm-add-farm-allowed-vehicle-btn").click(function() {
|
|
addAllowedVehicleToFarm();
|
|
});
|
|
|
|
function editFarm(id) {
|
|
let farmModal = $("#farm-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
farmModal.data("action", "edit");
|
|
farmModal.data("farmId", id);
|
|
|
|
$("#delete-farm-btn").show();
|
|
$("#save-farm-btn").text( getLocalizedText("menu:save") );
|
|
|
|
let farmData = farms[id];
|
|
|
|
// Generic
|
|
$("#farm-label").val(farmData.label);
|
|
$("#farm-minimum-police").val(farmData.data.minimumPolice);
|
|
$("#farm-radius").val(farmData.data.radius);
|
|
|
|
// Coordinates
|
|
$("#farm-coords-x").val(farmData.data.coords.x);
|
|
$("#farm-coords-y").val(farmData.data.coords.y);
|
|
$("#farm-coords-z").val(farmData.data.coords.z);
|
|
|
|
// Options
|
|
$("#farm-active-start-time").val(farmData.data.activeTimeStart);
|
|
$("#farm-active-end-time").val(farmData.data.activeTimeEnd);
|
|
$("#farm-requires-to-be-in-vehicle").prop("checked", farmData.data.requiresToBeInVehicle).change();
|
|
$("#farm-requires-specific-vehicle").prop("checked", farmData.data.requiresSpecificVehicle).change();
|
|
|
|
$("#farm-allowed-vehicles-list").empty();
|
|
if(farmData.data.allowedVehicles) {
|
|
for(const vehicleName of Object.keys(farmData.data.allowedVehicles)) {
|
|
addAllowedVehicleToFarm(vehicleName);
|
|
}
|
|
}
|
|
|
|
if(farmData.data.activeTimeStart === "00:00" && farmData.data.activeTimeEnd === "23:59") {
|
|
$("#farm-always-active").prop("checked", true).change();
|
|
} else {
|
|
$("#farm-always-active").prop("checked", false).change();
|
|
}
|
|
|
|
// Items
|
|
$("#farm-reward-min-objects-amount").val(farmData.data.minObjectsAmount);
|
|
$("#farm-reward-max-objects-amount").val(farmData.data.maxObjectsAmount);
|
|
|
|
$("#farm-required-items-list").empty();
|
|
if(farmData.data.requiredItems) {
|
|
for(let requiredItem of farmData.data.requiredItems) {
|
|
addRequiredItemToFarm(requiredItem);
|
|
}
|
|
}
|
|
|
|
$("#farm-reward-items-list").empty();
|
|
if(farmData.data.rewardItems) {
|
|
for(let rewardItem of farmData.data.rewardItems) {
|
|
addRewardItemToFarm(rewardItem);
|
|
}
|
|
}
|
|
|
|
farmModal.data("animations", farmData.data.animations);
|
|
farmModal.data("blipData", farmData.data.blipData);
|
|
farmModal.data("markerData", farmData.data.markerData);
|
|
farmModal.data("objectData", farmData.data.objectData);
|
|
farmModal.data("allowedJobs", farmData.data.allowedJobs || null);
|
|
|
|
farmModal.modal("show");
|
|
}
|
|
|
|
function getRewardItemsFromFarm() {
|
|
let rewardItems = [];
|
|
|
|
$("#farm-reward-items-list").find(".reward-item").each(function() {
|
|
let rewardItem = {
|
|
type: $(this).find(".reward-item-type").val(),
|
|
name: $(this).find(".reward-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".reward-item-min-quantity").val() ),
|
|
maxQuantity: parseInt( $(this).find(".reward-item-max-quantity").val() ),
|
|
chances: parseInt( $(this).find(".reward-item-chances").val() )
|
|
}
|
|
|
|
rewardItems.push(rewardItem);
|
|
});
|
|
|
|
return rewardItems;
|
|
}
|
|
|
|
function getRequiredItemsFromFarm() {
|
|
let requiredItems = [];
|
|
|
|
$("#farm-required-items-list").find(".required-item").each(function() {
|
|
let requiredItem = {
|
|
type: $(this).find(".required-item-type").val(),
|
|
name: $(this).find(".required-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".required-item-min-quantity").val() ),
|
|
loseOnUse: $(this).find(".required-item-lose-on-use-checkbox").prop("checked")
|
|
}
|
|
|
|
requiredItems.push(requiredItem);
|
|
});
|
|
|
|
return requiredItems;
|
|
}
|
|
|
|
function getFarmAllowedVehicles() {
|
|
let allowedVehicles = {};
|
|
|
|
$("#farm-allowed-vehicles-list").find(".allowed-vehicle").each(function() {
|
|
let vehicleName = $(this).find(".vehicle-spawn-name").val();
|
|
allowedVehicles[vehicleName] = true;
|
|
});
|
|
|
|
return allowedVehicles;
|
|
}
|
|
|
|
$("#farm-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let farmModal = $("#farm-modal");
|
|
let action = farmModal.data("action");
|
|
|
|
let farmData = {
|
|
label: $("#farm-label").val(),
|
|
data: {
|
|
minimumPolice: parseInt( $("#farm-minimum-police").val() ),
|
|
radius: parseFloat( $("#farm-radius").val() ),
|
|
animations: farmModal.data("animations"),
|
|
blipData: farmModal.data("blipData") || [getDefaultBlipCustomization()],
|
|
markerData: farmModal.data("markerData") || [getDefaultMarkerCustomization()],
|
|
objectData: farmModal.data("objectData") || [getDefaultObjectCustomization()],
|
|
allowedJobs: farmModal.data("allowedJobs" || null),
|
|
coords: {
|
|
x: parseFloat( $("#farm-coords-x").val() ),
|
|
y: parseFloat( $("#farm-coords-y").val() ),
|
|
z: parseFloat( $("#farm-coords-z").val() ),
|
|
},
|
|
minObjectsAmount: parseInt( $("#farm-reward-min-objects-amount").val() ),
|
|
maxObjectsAmount: parseInt( $("#farm-reward-max-objects-amount").val() ),
|
|
rewardItems: getRewardItemsFromFarm(),
|
|
requiredItems: getRequiredItemsFromFarm(),
|
|
activeTimeStart: $("#farm-active-start-time").val(),
|
|
activeTimeEnd: $("#farm-active-end-time").val(),
|
|
requiresToBeInVehicle: $("#farm-requires-to-be-in-vehicle").prop("checked"),
|
|
requiresSpecificVehicle: $("#farm-requires-specific-vehicle").prop("checked"),
|
|
allowedVehicles: getFarmAllowedVehicles()
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createFarm`, JSON.stringify(farmData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
farmModal.modal("hide");
|
|
loadFarms();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateFarm`, JSON.stringify({farmId: farmModal.data("farmId"), farmData: farmData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
farmModal.modal("hide");
|
|
loadFarms();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-farm-btn").click(function() {
|
|
let farmModal = $("#farm-modal");
|
|
let farmId = farmModal.data("farmId");
|
|
|
|
$.post(`https://${resName}/deleteFarm`, JSON.stringify({farmId: farmId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
farmModal.modal("hide");
|
|
loadFarms();
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
/*
|
|
██ ██ ██████ ██████ ██ ██ ██████ ███████ ███ ██ ██████ ██ ██ ███████ ███████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██
|
|
██ █ ██ ██ ██ ██████ █████ ██████ █████ ██ ██ ██ ██ ███████ █████ ███████
|
|
██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
███ ███ ██████ ██ ██ ██ ██ ██████ ███████ ██ ████ ██████ ██ ██ ███████ ███████
|
|
*/
|
|
let workbenchesDatatable = $("#workbenches-container").DataTable( {
|
|
"lengthMenu": [10, 15, 20],
|
|
"createdRow": function ( row, data, index ) {
|
|
$(row).addClass("clickable");
|
|
|
|
$(row).click(function() {
|
|
let id = parseInt( data[0] );
|
|
|
|
editWorkbench(id);
|
|
})
|
|
},
|
|
});
|
|
|
|
let workbenches = {};
|
|
|
|
function loadWorkbenches() {
|
|
$.post(`https://${resName}/getAllWorkbenches`, {}, async function(rawWorkbenches) {
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
workbenches = {};
|
|
|
|
for(const[k, workbenchData] of Object.entries(rawWorkbenches)) {
|
|
workbenches[workbenchData.id] = workbenchData;
|
|
}
|
|
|
|
workbenchesDatatable.clear();
|
|
|
|
for(const[id, workbenchData] of Object.entries(workbenches)) {
|
|
workbenchesDatatable.row.add([
|
|
id,
|
|
workbenchData.label,
|
|
]);
|
|
}
|
|
|
|
workbenchesDatatable.draw();
|
|
})
|
|
}
|
|
|
|
function setDefaultDataOfWorkbench() {
|
|
// Generic
|
|
$("#workbench-label").val("Default");
|
|
$("#workbench-minimum-police").val(0);
|
|
$("#workbench-radius").val(5);
|
|
|
|
// Coordinates
|
|
$("#workbench-coords-x").val("");
|
|
$("#workbench-coords-y").val("");
|
|
$("#workbench-coords-z").val("");
|
|
|
|
// Other
|
|
let workbenchModal = $("#workbench-modal");
|
|
workbenchModal.data("animations", [defaultWorkbenchAnimData]);
|
|
workbenchModal.data("blipData", getDefaultBlipCustomizationForWorkbenches());
|
|
workbenchModal.data("markerData", getDefaultMarkerCustomization());
|
|
workbenchModal.data("allowedJobs", null);
|
|
workbenchModal.data("objectData", getDefaultObjectCustomizationForWorkbenches());
|
|
|
|
// Empty craftings
|
|
$("#workbench-craftings-list").empty();
|
|
}
|
|
|
|
$("#new-workbench-btn").click(function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
workbenchModal.data("action", "create");
|
|
|
|
$("#delete-workbench-btn").hide();
|
|
$("#save-workbench-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfWorkbench();
|
|
|
|
workbenchModal.modal("show");
|
|
})
|
|
|
|
$("#workbench-animations-btn").click(async function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
let oldAnimations = workbenchModal.data("animations");
|
|
let newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
workbenchModal.data("animations", newAnimations);
|
|
})
|
|
|
|
$("#workbench-customize-blip-btn").click(async function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
let oldBlipData = workbenchModal.data("blipData");
|
|
let newBlipData = await blipDialog(oldBlipData);
|
|
|
|
workbenchModal.data("blipData", newBlipData);
|
|
})
|
|
|
|
$("#workbench-customize-marker-btn").click(async function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
let oldMarkerData = workbenchModal.data("markerData");
|
|
let newMarkerData = await markerDialog(oldMarkerData);
|
|
|
|
workbenchModal.data("markerData", newMarkerData);
|
|
})
|
|
|
|
$("#workbench-allowed-jobs-btn").click(async function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
let oldAllowedJobs = workbenchModal.data("allowedJobs");
|
|
let newAllowedJobs = await jobsDialog(oldAllowedJobs);
|
|
|
|
workbenchModal.data("allowedJobs", newAllowedJobs);
|
|
})
|
|
|
|
$("#workbench-current-coords-btn").click(async function() {
|
|
const coords = await getCurrentCoords();
|
|
|
|
$("#workbench-coords-x").val(coords.x);
|
|
$("#workbench-coords-y").val(coords.y);
|
|
$("#workbench-coords-z").val(coords.z);
|
|
})
|
|
|
|
$("#workbench-customize-object-btn").click(async function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
let oldObjectData = workbenchModal.data("objectData");
|
|
let newObjectData = await objectCustomizationDialog(oldObjectData);
|
|
|
|
workbenchModal.data("objectData", newObjectData);
|
|
});
|
|
|
|
async function addRequiredItemToCrafting(craftingDiv, requiredItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 required-item justify-content-center">
|
|
<button type="button" class="btn-close delete-required-item-btn me-3" ></button>
|
|
|
|
<select class="form-select required-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control required-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="number" min=0 class="form-control required-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-check my-auto fs-4 ms-1">
|
|
<input class="form-check-input required-item-lose-on-use-checkbox" type="checkbox" value="">
|
|
<label class="form-check-label">${getLocalizedText("menu:lose_on_use")}</label>
|
|
</div>
|
|
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-required-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".required-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".required-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(requiredItem) {
|
|
itemDiv.find(".required-item-type").val(requiredItem.type);
|
|
itemDiv.find(".required-item-name").val(requiredItem.name);
|
|
itemDiv.find(".required-item-min-quantity").val(requiredItem.minQuantity);
|
|
itemDiv.find(".required-item-lose-on-use-checkbox").prop("checked", requiredItem.loseOnUse);
|
|
}
|
|
|
|
craftingDiv.find(".required-items-list").append(itemDiv);
|
|
}
|
|
|
|
async function addRewardItemToCrafting(craftingDiv, rewardItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 reward-item justify-content-center">
|
|
<button type="button" class="btn-close delete-reward-item-btn me-3" ></button>
|
|
|
|
<select class="form-select reward-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control reward-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min="1" class="form-control reward-item-quantity" placeholder="${getLocalizedText("menu:quantity")}" required>
|
|
<label>${getLocalizedText("menu:quantity")}</label>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-reward-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".reward-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".reward-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(rewardItem) {
|
|
itemDiv.find(".reward-item-type").val(rewardItem.type);
|
|
itemDiv.find(".reward-item-name").val(rewardItem.name);
|
|
itemDiv.find(".reward-item-quantity").val(rewardItem.quantity);
|
|
}
|
|
|
|
craftingDiv.find(".reward-items-list").append(itemDiv);
|
|
}
|
|
|
|
function addCraftingToWorkbench(craftingData) {
|
|
let craftingDiv = $(`
|
|
<div class="mb-4 crafting">
|
|
<div class="col-12 d-inline-block">
|
|
<button type="button" class="btn btn-danger float-end col-auto delete-crafting-btn"><i class="bi bi-trash-fill"></i></button>
|
|
</div>
|
|
|
|
<div class="form-floating crafting-label-div col-3 mx-auto my-3" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:crafting_label_description") }">
|
|
<input type="text" class="form-control crafting-label" placeholder="Label">
|
|
<label>${ getLocalizedText("menu:crafting_label") }</label>
|
|
</div>
|
|
|
|
<p class="text-center fs-4">${getLocalizedText("menu:required_items_list")}</p>
|
|
|
|
<div class="required-items-list">
|
|
|
|
</div>
|
|
|
|
<button class="btn btn-secondary add-required-item-btn" type="button">${getLocalizedText("menu:add_required_item")}</button>
|
|
|
|
<p class="text-center fs-4">${getLocalizedText("menu:reward_items_list")}</p>
|
|
|
|
<div class="reward-items-list">
|
|
|
|
</div>
|
|
|
|
<button class="btn btn-secondary add-reward-item-btn" type="button">${getLocalizedText("menu:add_reward_item")}</button>
|
|
|
|
<hr>
|
|
</div>
|
|
`);
|
|
|
|
craftingDiv.find(".crafting-label-div").tooltip();
|
|
|
|
craftingDiv.find(".add-required-item-btn").click(function() {
|
|
addRequiredItemToCrafting(craftingDiv);
|
|
});
|
|
|
|
craftingDiv.find(".add-reward-item-btn").click(function() {
|
|
addRewardItemToCrafting(craftingDiv);
|
|
});
|
|
|
|
craftingDiv.find(".delete-crafting-btn").click(function() {
|
|
craftingDiv.remove();
|
|
});
|
|
|
|
if(craftingData) {
|
|
for(let requiredItem of craftingData.requiredItems) {
|
|
addRequiredItemToCrafting(craftingDiv, requiredItem);
|
|
}
|
|
|
|
for(let rewardItem of craftingData.rewardItems) {
|
|
addRewardItemToCrafting(craftingDiv, rewardItem);
|
|
}
|
|
|
|
craftingDiv.find(".crafting-label").val(craftingData.label);
|
|
} else {
|
|
addRequiredItemToCrafting(craftingDiv);
|
|
addRewardItemToCrafting(craftingDiv);
|
|
}
|
|
|
|
$("#workbench-craftings-list").append(craftingDiv);
|
|
}
|
|
$("#workbench-add-crafting-btn").click(async function() {
|
|
addCraftingToWorkbench();
|
|
});
|
|
|
|
function getAllCraftingsFromWorkbench() {
|
|
let craftings = [];
|
|
|
|
$("#workbench-craftings-list").find(".crafting").each(function() {
|
|
let crafting = {
|
|
label: $(this).find(".crafting-label").val(),
|
|
requiredItems: [],
|
|
rewardItems: []
|
|
};
|
|
|
|
$(this).find(".required-item").each(function() {
|
|
let requiredItem = {
|
|
type: $(this).find(".required-item-type").val(),
|
|
name: $(this).find(".required-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".required-item-min-quantity").val() ),
|
|
loseOnUse: $(this).find(".required-item-lose-on-use-checkbox").prop("checked")
|
|
};
|
|
|
|
crafting.requiredItems.push(requiredItem);
|
|
});
|
|
|
|
$(this).find(".reward-item").each(function() {
|
|
let rewardItem = {
|
|
type: $(this).find(".reward-item-type").val(),
|
|
name: $(this).find(".reward-item-name").val(),
|
|
quantity: parseInt( $(this).find(".reward-item-quantity").val() )
|
|
};
|
|
|
|
crafting.rewardItems.push(rewardItem);
|
|
});
|
|
|
|
craftings.push(crafting);
|
|
});
|
|
|
|
return craftings;
|
|
}
|
|
|
|
function editWorkbench(id) {
|
|
let workbenchModal = $("#workbench-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
workbenchModal.data("action", "edit");
|
|
workbenchModal.data("workbenchId", id);
|
|
|
|
$("#delete-workbench-btn").show();
|
|
$("#save-workbench-btn").text( getLocalizedText("menu:save") );
|
|
|
|
let workbenchData = workbenches[id];
|
|
|
|
// Generic
|
|
$("#workbench-label").val(workbenchData.label);
|
|
$("#workbench-minimum-police").val(workbenchData.data.minimumPolice);
|
|
$("#workbench-radius").val(workbenchData.data.radius);
|
|
|
|
// Coordinates
|
|
$("#workbench-coords-x").val(workbenchData.data.coords.x);
|
|
$("#workbench-coords-y").val(workbenchData.data.coords.y);
|
|
$("#workbench-coords-z").val(workbenchData.data.coords.z);
|
|
|
|
// Craftings
|
|
$("#workbench-craftings-list").empty();
|
|
for(let craftingData of workbenchData.data.craftings) {
|
|
addCraftingToWorkbench(craftingData);
|
|
}
|
|
|
|
workbenchModal.data("animations", workbenchData.data.animations);
|
|
workbenchModal.data("blipData", workbenchData.data.blipData);
|
|
workbenchModal.data("markerData", workbenchData.data.markerData);
|
|
workbenchModal.data("allowedJobs", workbenchData.data.allowedJobs || null);
|
|
workbenchModal.data("objectData", workbenchData.data.objectData);
|
|
|
|
workbenchModal.modal("show");
|
|
}
|
|
|
|
$("#workbench-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let workbenchModal = $("#workbench-modal");
|
|
let action = workbenchModal.data("action");
|
|
|
|
let workbenchData = {
|
|
label: $("#workbench-label").val(),
|
|
data: {
|
|
minimumPolice: parseInt( $("#workbench-minimum-police").val() ),
|
|
radius: parseFloat( $("#workbench-radius").val() ),
|
|
animations: workbenchModal.data("animations"),
|
|
blipData: workbenchModal.data("blipData") || [getDefaultBlipCustomization()],
|
|
markerData: workbenchModal.data("markerData") || [getDefaultMarkerCustomization()],
|
|
objectData: workbenchModal.data("objectData") || [getDefaultObjectCustomization()],
|
|
allowedJobs: workbenchModal.data("allowedJobs" || null),
|
|
coords: {
|
|
x: parseFloat( $("#workbench-coords-x").val() ),
|
|
y: parseFloat( $("#workbench-coords-y").val() ),
|
|
z: parseFloat( $("#workbench-coords-z").val() ),
|
|
},
|
|
craftings: getAllCraftingsFromWorkbench()
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createWorkbench`, JSON.stringify(workbenchData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
workbenchModal.modal("hide");
|
|
loadWorkbenches();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateWorkbench`, JSON.stringify({workbenchId: workbenchModal.data("workbenchId"), workbenchData: workbenchData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
workbenchModal.modal("hide");
|
|
loadWorkbenches();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-workbench-btn").click(function() {
|
|
let workbenchModal = $("#workbench-modal");
|
|
let workbenchId = workbenchModal.data("workbenchId");
|
|
|
|
$.post(`https://${resName}/deleteWorkbench`, JSON.stringify({workbenchId: workbenchId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
workbenchModal.modal("hide");
|
|
loadWorkbenches();
|
|
}
|
|
});
|
|
});
|
|
|
|
/*
|
|
███████ ██████ ██ ██ ███ ██ ██████ ██████ ██ ███████ ███████
|
|
██ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██
|
|
█████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ █████ ███████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
██ ██████ ██████ ██ ████ ██████ ██ ██ ██ ███████ ███████
|
|
*/
|
|
let foundriesDatatable = $("#foundries-container").DataTable( {
|
|
"lengthMenu": [10, 15, 20],
|
|
"createdRow": function ( row, data, index ) {
|
|
$(row).addClass("clickable");
|
|
|
|
$(row).click(function() {
|
|
let id = parseInt( data[0] );
|
|
|
|
editFoundry(id);
|
|
})
|
|
},
|
|
});
|
|
|
|
let foundries = {};
|
|
|
|
function loadFoundries() {
|
|
$.post(`https://${resName}/getAllFoundries`, {}, async function(rawFoundries) {
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
foundries = {};
|
|
|
|
for(const[k, foundryData] of Object.entries(rawFoundries)) {
|
|
foundries[foundryData.id] = foundryData;
|
|
}
|
|
|
|
foundriesDatatable.clear();
|
|
|
|
for(const[id, foundryData] of Object.entries(foundries)) {
|
|
foundriesDatatable.row.add([
|
|
id,
|
|
foundryData.label,
|
|
]);
|
|
}
|
|
|
|
foundriesDatatable.draw();
|
|
})
|
|
}
|
|
function setDefaultDataOfFoundry() {
|
|
// Generic
|
|
$("#foundry-label").val("Default");
|
|
$("#foundry-minimum-police").val(0);
|
|
$("#foundry-radius").val(5);
|
|
$("#foundry-explode-on-failure-checkbox").prop("checked", false).change();
|
|
$("#foundry-alert-police-on-failure-checkbox").prop("checked", false).change();
|
|
|
|
// Coordinates
|
|
$("#foundry-coords-x").val("");
|
|
$("#foundry-coords-y").val("");
|
|
$("#foundry-coords-z").val("");
|
|
|
|
// Other
|
|
let foundryModal = $("#foundry-modal");
|
|
foundryModal.data("blipData", getDefaultBlipCustomizationForFoundries());
|
|
foundryModal.data("markerData", getDefaultMarkerCustomization());
|
|
foundryModal.data("allowedJobs", null);
|
|
foundryModal.data("objectData", getDefaultObjectCustomization());
|
|
}
|
|
|
|
$("#new-foundry-btn").click(function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
foundryModal.data("action", "create");
|
|
|
|
$("#delete-foundry-btn").hide();
|
|
$("#save-foundry-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfFoundry();
|
|
|
|
foundryModal.modal("show");
|
|
});
|
|
|
|
$("#foundry-customize-blip-btn").click(async function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
let oldBlipData = foundryModal.data("blipData");
|
|
let newBlipData = await blipDialog(oldBlipData);
|
|
|
|
foundryModal.data("blipData", newBlipData);
|
|
});
|
|
|
|
$("#foundry-customize-marker-btn").click(async function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
let oldMarkerData = foundryModal.data("markerData");
|
|
let newMarkerData = await markerDialog(oldMarkerData);
|
|
|
|
foundryModal.data("markerData", newMarkerData);
|
|
});
|
|
|
|
$("#foundry-customize-object-btn").click(async function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
let oldObjectData = foundryModal.data("objectData");
|
|
let newObjectData = await objectCustomizationDialog(oldObjectData);
|
|
|
|
foundryModal.data("objectData", newObjectData);
|
|
});
|
|
|
|
$("#foundry-allowed-jobs-btn").click(async function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
let oldAllowedJobs = foundryModal.data("allowedJobs");
|
|
let newAllowedJobs = await jobsDialog(oldAllowedJobs);
|
|
|
|
foundryModal.data("allowedJobs", newAllowedJobs);
|
|
});
|
|
|
|
$("#foundry-current-coords-btn").click(async function() {
|
|
const coords = await getCurrentCoords();
|
|
|
|
$("#foundry-coords-x").val(coords.x);
|
|
$("#foundry-coords-y").val(coords.y);
|
|
$("#foundry-coords-z").val(coords.z);
|
|
});
|
|
|
|
async function chooseAllowedFormulas() {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
let oldAllowedFormulas = foundryModal.data("allowedFormulas");
|
|
let newAllowedFormulas = await formulasDialog(oldAllowedFormulas);
|
|
|
|
foundryModal.data("allowedFormulas", newAllowedFormulas);
|
|
}
|
|
|
|
$("#foundry-allowed-formulas-btn").click(async function() {
|
|
chooseAllowedFormulas()
|
|
});
|
|
|
|
$("#foundry-explode-on-failure-checkbox").change(function() {
|
|
const isEnabled = $(this).prop("checked");
|
|
|
|
$("#foundry-seconds-before-explosion-div").toggle(isEnabled);
|
|
$("#foundry-seconds-before-explosion").prop("required", isEnabled);
|
|
|
|
if(!isEnabled) {
|
|
$("#foundry-seconds-before-explosion").val(0);
|
|
}
|
|
})
|
|
|
|
$("#foundry-alert-police-on-failure-checkbox").change(function() {
|
|
const isEnabled = $(this).prop("checked");
|
|
|
|
$("#foundry-alert-police-probability-div").toggle(isEnabled);
|
|
$("#foundry-alert-police-probability").prop("required", isEnabled);
|
|
|
|
if(!isEnabled) {
|
|
$("#foundry-alert-police-probability").val(0);
|
|
}
|
|
})
|
|
|
|
function editFoundry(id) {
|
|
let foundryModal = $("#foundry-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
foundryModal.data("action", "edit");
|
|
foundryModal.data("foundryId", id);
|
|
|
|
$("#delete-foundry-btn").show();
|
|
$("#save-foundry-btn").text( getLocalizedText("menu:save") );
|
|
|
|
let foundryData = foundries[id];
|
|
|
|
// Generic
|
|
$("#foundry-label").val(foundryData.label);
|
|
$("#foundry-minimum-police").val(foundryData.data.minimumPolice);
|
|
$("#foundry-radius").val(foundryData.data.radius);
|
|
$("#foundry-explode-on-failure-checkbox").prop("checked", foundryData.data.explodeOnFailure).change();
|
|
$("#foundry-seconds-before-explosion").val(foundryData.data.secondsBeforeExplosion);
|
|
$("#foundry-alert-police-on-failure-checkbox").prop("checked", foundryData.data.alertPoliceOnFailure).change();
|
|
$("#foundry-alert-police-probability").val(foundryData.data.alertPoliceProbability);
|
|
|
|
// Coordinates
|
|
$("#foundry-coords-x").val(foundryData.data.coords.x);
|
|
$("#foundry-coords-y").val(foundryData.data.coords.y);
|
|
$("#foundry-coords-z").val(foundryData.data.coords.z);
|
|
|
|
foundryModal.data("blipData", foundryData.data.blipData);
|
|
foundryModal.data("markerData", foundryData.data.markerData);
|
|
foundryModal.data("allowedJobs", foundryData.data.allowedJobs || null);
|
|
foundryModal.data("allowedFormulas", foundryData.data.allowedFormulas);
|
|
foundryModal.data("objectData", foundryData.data.objectData);
|
|
|
|
foundryModal.modal("show");
|
|
}
|
|
|
|
$("#foundry-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let foundryModal = $("#foundry-modal");
|
|
let action = foundryModal.data("action");
|
|
|
|
let foundryData = {
|
|
label: $("#foundry-label").val(),
|
|
data: {
|
|
minimumPolice: parseInt( $("#foundry-minimum-police").val() ),
|
|
radius: parseFloat( $("#foundry-radius").val() ),
|
|
explodeOnFailure: $("#foundry-explode-on-failure-checkbox").prop("checked"),
|
|
secondsBeforeExplosion: parseInt( $("#foundry-seconds-before-explosion").val() ),
|
|
alertPoliceOnFailure: $("#foundry-alert-police-on-failure-checkbox").prop("checked"),
|
|
alertPoliceProbability: parseInt( $("#foundry-alert-police-probability").val() ),
|
|
blipData: foundryModal.data("blipData") || [getDefaultBlipCustomization()],
|
|
markerData: foundryModal.data("markerData") || [getDefaultMarkerCustomization()],
|
|
objectData: foundryModal.data("objectData") || [getDefaultObjectCustomization()],
|
|
allowedJobs: foundryModal.data("allowedJobs" || null),
|
|
allowedFormulas: foundryModal.data("allowedFormulas"),
|
|
coords: {
|
|
x: parseFloat( $("#foundry-coords-x").val() ),
|
|
y: parseFloat( $("#foundry-coords-y").val() ),
|
|
z: parseFloat( $("#foundry-coords-z").val() ),
|
|
},
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createFoundry`, JSON.stringify(foundryData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
foundryModal.modal("hide");
|
|
loadFoundries();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateFoundry`, JSON.stringify({foundryId: foundryModal.data("foundryId"), foundryData: foundryData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
foundryModal.modal("hide");
|
|
loadFoundries();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-foundry-btn").click(function() {
|
|
let foundryModal = $("#foundry-modal");
|
|
let foundryId = foundryModal.data("foundryId");
|
|
|
|
$.post(`https://${resName}/deleteFoundry`, JSON.stringify({foundryId: foundryId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
foundryModal.modal("hide");
|
|
loadFoundries();
|
|
}
|
|
});
|
|
});
|
|
|
|
/*
|
|
███████ ██████ ██████ ███ ███ ██ ██ ██ █████ ███████
|
|
██ ██ ██ ██ ██ ████ ████ ██ ██ ██ ██ ██ ██
|
|
█████ ██ ██ ██████ ██ ████ ██ ██ ██ ██ ███████ ███████
|
|
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
|
|
██ ██████ ██ ██ ██ ██ ██████ ███████ ██ ██ ███████
|
|
*/
|
|
|
|
let formulas = {};
|
|
|
|
async function loadFormulas() {
|
|
$.post(`https://${resName}/getAllFormulas`, {}, async function(rawFormulas) {
|
|
// Manually create the table to avoid incompatibilities due table indexing
|
|
formulas = {};
|
|
|
|
for(const[k, formulaData] of Object.entries(rawFormulas)) {
|
|
formulas[formulaData.id] = formulaData;
|
|
}
|
|
})
|
|
}
|
|
|
|
$("#formula-produces-smoke-checkbox").change(function() {
|
|
const isEnabled = $(this).prop("checked");
|
|
|
|
$("#formula-smoke-color").toggle(isEnabled);
|
|
});
|
|
|
|
function setDefaultDataOfFormula() {
|
|
// Generic
|
|
$("#formula-label").val("Default");
|
|
$("#formula-probability-of-failure").val(0);
|
|
$("#formula-produces-smoke-checkbox").prop("checked", false).change();
|
|
$("#formula-smoke-color").val("#FF0000");
|
|
|
|
// Required items
|
|
$("#formula-required-items-list").empty();
|
|
|
|
// Reward items
|
|
$("#formula-reward-items-list").empty();
|
|
|
|
$("#formula-reward-min-objects-amount").val(1);
|
|
$("#formula-reward-max-objects-amount").val(1);
|
|
|
|
// Other
|
|
let formulaModal = $("#formula-modal");
|
|
formulaModal.data("animations", [defaultFormulaAnimData]);
|
|
}
|
|
|
|
$("#formula-animations-btn").click(async function() {
|
|
let formulaModal = $("#formula-modal");
|
|
|
|
const oldAnimations = formulaModal.data("animations");
|
|
const newAnimations = await animationsDialog(oldAnimations);
|
|
|
|
formulaModal.data("animations", newAnimations);
|
|
});
|
|
|
|
async function addRequiredItemToFormula(requiredItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 required-item justify-content-center">
|
|
<button type="button" class="btn-close delete-required-item-btn me-3" ></button>
|
|
|
|
<select class="form-select required-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control required-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating">
|
|
<input type="number" min=0 class="form-control required-item-quantity" placeholder="${getLocalizedText("menu:quantity")}" required>
|
|
<label>${getLocalizedText("menu:quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-check my-auto fs-4 ms-1">
|
|
<input class="form-check-input required-item-lose-on-use-checkbox" type="checkbox" value="">
|
|
<label class="form-check-label">${getLocalizedText("menu:lose_on_use")}</label>
|
|
</div>
|
|
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-required-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".required-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".required-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(requiredItem) {
|
|
itemDiv.find(".required-item-type").val(requiredItem.type);
|
|
itemDiv.find(".required-item-name").val(requiredItem.name);
|
|
itemDiv.find(".required-item-quantity").val(requiredItem.quantity);
|
|
itemDiv.find(".required-item-lose-on-use-checkbox").prop("checked", requiredItem.loseOnUse);
|
|
}
|
|
|
|
$("#formula-required-items-list").append(itemDiv);
|
|
}
|
|
$("#formula-add-required-item-btn").click(function() {
|
|
addRequiredItemToFormula();
|
|
});
|
|
|
|
async function addRewardItemToFormula(rewardItem) {
|
|
let itemDiv = $(`
|
|
<div class="row g-2 row-cols-auto align-items-center text-body my-2 reward-item justify-content-center">
|
|
<button type="button" class="btn-close delete-reward-item-btn me-3" ></button>
|
|
|
|
<select class="form-select reward-item-type" style="width: auto;">
|
|
<option selected value="item">${getLocalizedText("menu:item")}</option>
|
|
<option value="account">${getLocalizedText("menu:account")}</option>
|
|
${await getFramework() == "ESX" ? `<option value="weapon">${getLocalizedText("menu:weapon")}</option>` : ""}
|
|
</select>
|
|
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control reward-item-name" placeholder="Name" required>
|
|
<label>${ getLocalizedText("menu:object_name") }</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-secondary col-auto choose-item-btn" data-bs-toggle="tooltip" data-bs-placement="top" title="${ getLocalizedText("menu:choose") }"><i class="bi bi-list-ul"></i></button>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-min-quantity" placeholder="${getLocalizedText("menu:min_quantity")}" required>
|
|
<label>${getLocalizedText("menu:min_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" min=0 class="form-control reward-item-max-quantity" placeholder="${getLocalizedText("menu:max_quantity")}" required>
|
|
<label>${getLocalizedText("menu:max_quantity")}</label>
|
|
</div>
|
|
|
|
<div class="form-floating col-2">
|
|
<input type="number" class="form-control reward-item-chances" placeholder="${getLocalizedText("menu:probability")}" required>
|
|
<label>${getLocalizedText("menu:probability")}</label>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
itemDiv.find(".delete-reward-item-btn").click(function() {
|
|
itemDiv.remove();
|
|
});
|
|
|
|
itemDiv.find(".choose-item-btn").click(async function() {
|
|
let objectType = itemDiv.find(".reward-item-type").val();
|
|
|
|
let objectName = await objectDialog(objectType);
|
|
|
|
itemDiv.find(".reward-item-name").val(objectName);
|
|
}).tooltip();
|
|
|
|
|
|
if(rewardItem) {
|
|
itemDiv.find(".reward-item-type").val(rewardItem.type);
|
|
itemDiv.find(".reward-item-name").val(rewardItem.name);
|
|
itemDiv.find(".reward-item-min-quantity").val(rewardItem.minQuantity);
|
|
itemDiv.find(".reward-item-max-quantity").val(rewardItem.maxQuantity);
|
|
itemDiv.find(".reward-item-chances").val(rewardItem.chances);
|
|
}
|
|
|
|
$("#formula-reward-items-list").append(itemDiv);
|
|
}
|
|
$("#formula-add-reward-item-btn").click(function() {
|
|
addRewardItemToFormula();
|
|
});
|
|
|
|
function getRewardItemsFromformula() {
|
|
let rewardItems = [];
|
|
|
|
$("#formula-reward-items-list").find(".reward-item").each(function() {
|
|
let rewardItem = {
|
|
type: $(this).find(".reward-item-type").val(),
|
|
name: $(this).find(".reward-item-name").val(),
|
|
minQuantity: parseInt( $(this).find(".reward-item-min-quantity").val() ),
|
|
maxQuantity: parseInt( $(this).find(".reward-item-max-quantity").val() ),
|
|
chances: parseInt( $(this).find(".reward-item-chances").val() )
|
|
}
|
|
|
|
rewardItems.push(rewardItem);
|
|
});
|
|
|
|
return rewardItems;
|
|
}
|
|
|
|
function getRequiredItemsFromformula() {
|
|
let requiredItems = [];
|
|
|
|
$("#formula-required-items-list").find(".required-item").each(function() {
|
|
let requiredItem = {
|
|
type: $(this).find(".required-item-type").val(),
|
|
name: $(this).find(".required-item-name").val(),
|
|
quantity: parseInt( $(this).find(".required-item-quantity").val() ),
|
|
loseOnUse: $(this).find(".required-item-lose-on-use-checkbox").prop("checked")
|
|
}
|
|
|
|
requiredItems.push(requiredItem);
|
|
});
|
|
|
|
return requiredItems;
|
|
}
|
|
|
|
$("#new-formula-btn").click(function() {
|
|
let formulaModal = $("#formula-modal");
|
|
|
|
// Converts from edit modal to create modal
|
|
formulaModal.data("action", "create");
|
|
|
|
$("#delete-formula-btn").hide();
|
|
$("#save-formula-btn").text( getLocalizedText("menu:create") );
|
|
|
|
setDefaultDataOfFormula();
|
|
|
|
formulaModal.modal("show");
|
|
});
|
|
|
|
function editFormula(id) {
|
|
let formulaModal = $("#formula-modal");
|
|
|
|
// Converts from create modal to edit modal
|
|
formulaModal.data("action", "edit");
|
|
formulaModal.data("formulaId", id);
|
|
|
|
$("#delete-formula-btn").show();
|
|
$("#save-formula-btn").text( getLocalizedText("menu:save") );
|
|
|
|
let formulaData = formulas[id];
|
|
|
|
// Generic
|
|
$("#formula-label").val(formulaData.label);
|
|
$("#formula-probability-of-failure").val(formulaData.data.probabilityOfFailure);
|
|
$("#formula-produces-smoke-checkbox").prop("checked", formulaData.data.producesSmoke);
|
|
$("#formula-smoke-color").val( rgbToHex(formulaData.data.smokeColor.r, formulaData.data.smokeColor.g, formulaData.data.smokeColor.b) );
|
|
$("#formula-reward-min-objects-amount").val(formulaData.data.minObjectsAmount);
|
|
$("#formula-reward-max-objects-amount").val(formulaData.data.maxObjectsAmount);
|
|
|
|
// Required items
|
|
$("#formula-required-items-list").empty();
|
|
if(formulaData.data.requiredItems) {
|
|
for(let requiredItem of formulaData.data.requiredItems) {
|
|
addRequiredItemToFormula(requiredItem);
|
|
}
|
|
}
|
|
|
|
// Reward items
|
|
$("#formula-reward-items-list").empty();
|
|
if(formulaData.data.rewardItems) {
|
|
for(let rewardItem of formulaData.data.rewardItems) {
|
|
addRewardItemToFormula(rewardItem);
|
|
}
|
|
}
|
|
|
|
// Anims
|
|
formulaModal.data("animations", formulaData.data.animations);
|
|
|
|
formulaModal.modal("show");
|
|
}
|
|
|
|
$("#formula-form").submit(function(event) {
|
|
if(isThereAnyErrorInForm(event)) return;
|
|
|
|
let formulaModal = $("#formula-modal");
|
|
let action = formulaModal.data("action");
|
|
|
|
let formulaData = {
|
|
label: $("#formula-label").val(),
|
|
data: {
|
|
animations: formulaModal.data("animations"),
|
|
probabilityOfFailure: parseInt( $("#formula-probability-of-failure").val() ),
|
|
producesSmoke: $("#formula-produces-smoke-checkbox").prop("checked"),
|
|
smokeColor: hexToRgb( $("#formula-smoke-color").val() ),
|
|
requiredItems: getRequiredItemsFromformula(),
|
|
rewardItems: getRewardItemsFromformula(),
|
|
minObjectsAmount: parseInt( $("#formula-reward-min-objects-amount").val() ),
|
|
maxObjectsAmount: parseInt( $("#formula-reward-max-objects-amount").val() ),
|
|
}
|
|
}
|
|
|
|
switch(action) {
|
|
case "create": {
|
|
$.post(`https://${resName}/createFormula`, JSON.stringify(formulaData), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
formulaModal.modal("hide");
|
|
loadFormulas();
|
|
chooseAllowedFormulas();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
|
|
case "edit": {
|
|
$.post(`https://${resName}/updateFormula`, JSON.stringify({formulaId: formulaModal.data("formulaId"), formulaData: formulaData}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
formulaModal.modal("hide");
|
|
loadFormulas();
|
|
chooseAllowedFormulas();
|
|
}
|
|
});
|
|
|
|
break;
|
|
}
|
|
}
|
|
})
|
|
|
|
$("#delete-formula-btn").click(function() {
|
|
let formulaModal = $("#formula-modal");
|
|
let formulaId = formulaModal.data("formulaId");
|
|
|
|
$.post(`https://${resName}/deleteFormula`, JSON.stringify({formulaId: formulaId}), function(isSuccessful) {
|
|
if(isSuccessful) {
|
|
formulaModal.modal("hide");
|
|
loadFormulas();
|
|
chooseAllowedFormulas();
|
|
}
|
|
});
|
|
});
|