put tab navs into card header
All checks were successful
Build / build (pull_request) Successful in 1m54s

This commit is contained in:
AMelonInsideLemon 2025-08-30 03:45:28 +02:00
parent acf3b811cf
commit 65b8211aeb
9 changed files with 40 additions and 53 deletions

View File

@ -92,29 +92,30 @@
<div data-route="/webui/inventory" data-title="Inventory | OpenWF WebUI">
<p class="mb-3" data-loc="general_inventoryUpdateNote"></p>
<div class="card mb-3">
<h5 class="card-header" data-loc="inventory_addItems"></h5>
<div class="card-body">
<ul class="nav nav-tabs" id="addItemsTab">
<li class="nav-item" role="presentation">
<button class="nav-link" id="miscItems-tab" data-bs-toggle="tab" data-bs-target="#miscItems" data-loc="addMiscItems_label"></button>
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
<button class="nav-link" id="miscItems-tab" data-bs-toggle="tab" data-bs-target="#miscItems-tab-content" data-loc="inventory_addItemsByName"></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="typeName-tab" data-bs-toggle="tab" data-bs-target="#typeName" data-loc="addItemByItemType_label"></button>
<li class="nav-item">
<button class="nav-link" id="typeName-tab" data-bs-toggle="tab" data-bs-target="#typeName-tab-content" data-loc="inventory_addItemByItemType"></button>
</li>
</ul>
<div class="tab-content" id="addItemsTabContent">
<div class="tab-pane" id="miscItems">
</div>
<div class="card-body">
<div class="tab-content">
<div class="tab-pane" id="miscItems-tab-content">
<form class="card-body input-group" onsubmit="doAcquireMiscItems();return false;">
<input class="form-control" id="miscitem-count" type="number" value="1" />
<input class="form-control w-50" id="miscitem-type" list="datalist-miscitems" />
<button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
</form>
</div>
<div class="tab-pane" id="typeName">
<div class="tab-pane" id="typeName-tab-content">
<form class="card-body" onsubmit="addItemByItemType();return false;">
<p data-loc="addItemByItemType_warning"></p>
<p data-loc="inventory_addItemByItemType_warning"></p>
<div class="input-group">
<input class="form-control" id="itemType-type" />
<input class="form-control" id="typeName-type" />
<button class="btn btn-primary" type="submit" data-loc="general_addButton"></button>
</div>
</form>

View File

@ -651,11 +651,11 @@ function updateInventory() {
// Populate inventory route
document.getElementById("typeName-tab").classList.remove("active");
document.getElementById("typeName").classList.remove("active", "show");
document.getElementById("itemType-type").value = "";
document.getElementById("typeName-tab-content").classList.remove("active", "show");
document.getElementById("typeName-type").value = "";
document.getElementById("miscItems-tab").classList.add("active");
document.getElementById("miscItems").classList.add("active", "show");
document.getElementById("miscItems-tab-content").classList.add("active", "show");
["RegularCredits", "PremiumCredits", "FusionPoints", "PrimeTokens"].forEach(currency => {
document.getElementById(currency + "-owned").textContent = loc("currency_owned")
@ -2017,9 +2017,9 @@ function doAcquireMiscItems() {
}
function addItemByItemType() {
const ItemType = document.getElementById("itemType-type").value;
const ItemType = document.getElementById("typeName-type").value;
if (!ItemType || !/^[A-Za-z/]+$/.test(ItemType) || !ItemType.startsWith("/Lotus/")) {
$("#itemType-type").addClass("is-invalid").focus();
$("#typeName-type").addClass("is-invalid").focus();
return;
}
revalidateAuthz().then(() => {
@ -2039,7 +2039,7 @@ function addItemByItemType() {
}
})
.fail(function () {
$("#itemType-type").addClass("is-invalid").focus();
$("#typeName-type").addClass("is-invalid").focus();
});
});
}

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `Quests`,
navbar_cheats: `Cheats`,
navbar_import: `Importieren`,
inventory_addItems: `Gegenstände hinzufügen`,
inventory_addItemsByName: `[UNTRANSLATED] Add items by Name`,
inventory_addItemByItemType: `[UNTRANSLATED] Add item by ItemType`,
inventory_addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `Warframes`,
inventory_longGuns: `Primärwaffen`,
inventory_pistols: `Sekundärwaffen`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `Dunkles Design`,
theme_light: `Helles Design`,
addMiscItems_label: `[UNTRANSLATED] Add by Name`,
addItemByItemType_label: `[UNTRANSLATED] Add By ItemType`,
addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};

View File

@ -77,7 +77,9 @@ dict = {
navbar_quests: `Quests`,
navbar_cheats: `Cheats`,
navbar_import: `Import`,
inventory_addItems: `Add Items`,
inventory_addItemsByName: `Add items by Name`,
inventory_addItemByItemType: `Add item by ItemType`,
inventory_addItemByItemType_warning: `Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `Warframes`,
inventory_longGuns: `Primary Weapons`,
inventory_pistols: `Secondary Weapons`,
@ -381,9 +383,5 @@ dict = {
theme_dark: `Dark Theme`,
theme_light: `Light Theme`,
addMiscItems_label: `Add by Name`,
addItemByItemType_label: `Add By ItemType`,
addItemByItemType_warning: `Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `Misiones`,
navbar_cheats: `Trucos`,
navbar_import: `Importar`,
inventory_addItems: `Agregar objetos`,
inventory_addItemsByName: `[UNTRANSLATED] Add items by Name`,
inventory_addItemByItemType: `[UNTRANSLATED] Add item by ItemType`,
inventory_addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `Warframes`,
inventory_longGuns: `Armas primarias`,
inventory_pistols: `Armas secundarias`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `Tema Oscuro`,
theme_light: `Tema Claro`,
addMiscItems_label: `[UNTRANSLATED] Add by Name`,
addItemByItemType_label: `[UNTRANSLATED] Add By ItemType`,
addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `Quêtes`,
navbar_cheats: `Cheats`,
navbar_import: `Importer`,
inventory_addItems: `Ajouter des items`,
inventory_addItemsByName: `[UNTRANSLATED] Add items by Name`,
inventory_addItemByItemType: `[UNTRANSLATED] Add item by ItemType`,
inventory_addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `Warframes`,
inventory_longGuns: `Armes principales`,
inventory_pistols: `Armes secondaires`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `Thème sombre`,
theme_light: `Thème clair`,
addMiscItems_label: `[UNTRANSLATED] Add by Name`,
addItemByItemType_label: `[UNTRANSLATED] Add By ItemType`,
addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `Квесты`,
navbar_cheats: `Читы`,
navbar_import: `Импорт`,
inventory_addItems: `Добавить предметы`,
inventory_addItemsByName: `Добавить предметы по Имени`,
inventory_addItemByItemType: `Добавить предмет по ItemType`,
inventory_addItemByItemType_warning: `Используйте эту функцию на свой страх и риск. Она может повредить ваш инвентарь, и в случае проблем вам придётся удалять предметы вручную.`,
inventory_suits: `Варфреймы`,
inventory_longGuns: `Основное оружие`,
inventory_pistols: `Вторичное оружие`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `Темная тема`,
theme_light: `Светлая тема`,
addMiscItems_label: `По имени`,
addItemByItemType_label: `По ItemType`,
addItemByItemType_warning: `Используйте эту функцию на свой страх и риск. Она может повредить ваш инвентарь, и в случае проблем вам придётся удалять предметы вручную.`,
prettier_sucks_ass: ``
};

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `Пригоди`,
navbar_cheats: `Чити`,
navbar_import: `Імпорт`,
inventory_addItems: `Додати предмети`,
inventory_addItemsByName: `[UNTRANSLATED] Add items by Name`,
inventory_addItemByItemType: `[UNTRANSLATED] Add item by ItemType`,
inventory_addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `Ворфрейми`,
inventory_longGuns: `Основна зброя`,
inventory_pistols: `Допоміжна зброя`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `Темна тема`,
theme_light: `Світла тема`,
addMiscItems_label: `[UNTRANSLATED] Add by Name`,
addItemByItemType_label: `[UNTRANSLATED] Add By ItemType`,
addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};

View File

@ -78,7 +78,9 @@ dict = {
navbar_quests: `系列任务`,
navbar_cheats: `作弊选项`,
navbar_import: `导入`,
inventory_addItems: `添加物品`,
inventory_addItemsByName: `[UNTRANSLATED] Add items by Name`,
inventory_addItemByItemType: `[UNTRANSLATED] Add item by ItemType`,
inventory_addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
inventory_suits: `战甲`,
inventory_longGuns: `主要武器`,
inventory_pistols: `次要武器`,
@ -382,9 +384,5 @@ dict = {
theme_dark: `暗色主题`,
theme_light: `亮色主题`,
addMiscItems_label: `[UNTRANSLATED] Add by Name`,
addItemByItemType_label: `[UNTRANSLATED] Add By ItemType`,
addItemByItemType_warning: `[UNTRANSLATED] Use this feature at your own risk. It may break your inventory, and you will need to remove items manually if something goes wrong.`,
prettier_sucks_ass: ``
};