Yadciel
074fa73992
Diese umfangreiche Überarbeitung verbessert die Architektur, den Build-Prozess und die Benutzeroberfläche der Toolbox. Wesentliche Änderungen: - **Build-System:** Umfassende Modernisierung des CMake-Builds für verbesserte Stabilität und Wartbarkeit. Die Konfiguration wurde auf zielbasierte Befehle umgestellt, `c_tray` stabilisiert und `saucer-desktop` entfernt. - **Modulare Architektur:** Die Kernlogik von `ToolboxWindow` wurde in dedizierte Helferklassen ausgelagert, darunter `LuaRunner` für die Skriptausführung, `ToolRegistry` für die Tool-Erkennung, `ResourceLoader` für UI-Ressourcen, `ToolboxJsBridge` für JavaScript-Bindungen und `WindowPlacement` für die Fensterverwaltung. Dies reduziert die Komplexität und fördert die Wiederverwendbarkeit. - **Benutzeroberfläche (UI):** Die HTML-Templates (`einstellungen_custom.html`, `index.html`) und Stylesheets (`styles.css`) wurden zentralisiert und überarbeitet, um eine kohärentere Benutzeroberfläche mit benutzerdefinierten Fensterdekorationen zu bieten. Neue Funktionen wie das Öffnen der Kommandozeile und eine "Tool hinzufügen"-Karte wurden integriert. - **Tray-Verwaltung:** Die Tray-Icon-Logik wurde in `TrayController` gekapselt, um eine robustere und zentralisierte Steuerung zu ermöglichen, insbesondere im Umgang mit Explorer-Neustarts.
229 lines
8.0 KiB
HTML
229 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Toolbox</title>
|
|
<link rel="stylesheet" href="saucer://embedded/html/styles.css">
|
|
|
|
</head>
|
|
<body>
|
|
<div id="shell">
|
|
<div class="header">
|
|
<div class="header-cluster header-left">
|
|
<button onclick="getNewContent()" class="button icon-button" id="reload-button">↻</button>
|
|
</div>
|
|
<h1>Toolbox</h1>
|
|
<div class="header-cluster header-right">
|
|
<div class="button-group">
|
|
<button onclick="openCmd()" class="button icon-button" id="cmd-button">💻</button>
|
|
<button onclick="openFileSystem()" id="file-system-button" class="button icon-button">📁</button>
|
|
</div>
|
|
<button onclick="openEinstFirst()" class="button icon-button" id="option-button" style="display: none;">⚙</button>
|
|
</div>
|
|
</div>
|
|
<div class="main" id="toolbox">
|
|
<!-- Tool Cards werden hier dynamisch geladen -->
|
|
<div class="add-tool-card" onclick="openAddTool()">
|
|
<span class="plus-icon">+</span>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<!--Schmidti.Digital © 2024-->
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function getNewContent(){
|
|
saucer.exposed.getNewContent();
|
|
}
|
|
|
|
function runLuaWithId(event) {
|
|
event.preventDefault();
|
|
if (event.target.tagName === 'BUTTON') {
|
|
// Falls der Button gedrückt wurde, brich die Funktion ab
|
|
return false;
|
|
}
|
|
const button = event.target;
|
|
|
|
const toolCard = button.closest('.tool-card');
|
|
if (toolCard) {
|
|
const toolId = toolCard.getAttribute('data-tool-id');
|
|
|
|
if (sessionStorage.getItem(`toolButtonDisabled_${toolId}`) !== 'true') {
|
|
console.log(`Disabling button for tool ID: ${toolId}`);
|
|
saucer.exposed.run_lua(parseInt(toolId, 10));
|
|
|
|
// Button deaktivieren
|
|
button.disabled = true;
|
|
button.classList.add('running');
|
|
button.textContent = 'Wird ausgeführt...';
|
|
|
|
// Speichern des Zustands im sessionStorage
|
|
sessionStorage.setItem(`toolButtonDisabled_${toolId}`, 'true');
|
|
} else {
|
|
console.log(`Button is already disabled for tool ID: ${toolId}`);
|
|
}
|
|
}
|
|
}
|
|
|
|
function test(){
|
|
saucer.exposed.debug_print();
|
|
}
|
|
|
|
function openFileSystem() {
|
|
saucer.exposed.open_file_system();
|
|
}
|
|
|
|
function openCmd() {
|
|
saucer.exposed.open_cmd();
|
|
}
|
|
|
|
function openAddTool() {
|
|
openFileSystem();
|
|
}
|
|
|
|
function reloadContent() {
|
|
const toolbox = document.getElementById('toolbox');
|
|
|
|
// Toolbox leeren, aber das add-tool-card Element behalten
|
|
const addToolCard = toolbox.querySelector('.add-tool-card');
|
|
toolbox.innerHTML = '';
|
|
|
|
// Toolbox-Daten neu abrufen
|
|
saucer.exposed.getToolboxItems().then(jsonString => {
|
|
const m_toolboxItems = JSON.parse(jsonString);
|
|
|
|
m_toolboxItems.forEach(item => {
|
|
const iconSrc = item.icon.startsWith('data:image/png;base64,')
|
|
? item.icon
|
|
: `data:image/png;base64,${item.icon}`;
|
|
|
|
const toolCardHTML = `
|
|
<div class="tool-card" data-url="${item.url}"
|
|
data-tool-id="${item.id}"
|
|
onclick="runLuaWithId(event)">
|
|
<img src="${iconSrc}" alt="${item.name}">
|
|
<div class="tool-info">
|
|
<h3>${item.name}</h3>
|
|
<p>${item.description}</p>
|
|
</div>
|
|
<div class="tool-action">
|
|
<button onclick="openEinst(event, ${item.id})">Einst</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
toolbox.innerHTML += toolCardHTML;
|
|
});
|
|
|
|
// Das add-tool-card Element wieder hinzufügen
|
|
if (addToolCard) {
|
|
toolbox.appendChild(addToolCard);
|
|
}
|
|
|
|
// Überprüfen und Wiederherstellen des Zustands der Buttons
|
|
document.querySelectorAll('.tool-card').forEach(card => {
|
|
const toolId = card.getAttribute('data-tool-id');
|
|
const button = card.querySelector('button');
|
|
if (sessionStorage.getItem(`toolButtonDisabled_${toolId}`) === 'true') {
|
|
button.disabled = true;
|
|
button.classList.add('running');
|
|
button.textContent = 'Wird ausgeführt...';
|
|
}
|
|
});
|
|
}).catch(error => console.error('Fehler beim Abrufen der Toolbox-Elemente:', error));
|
|
}
|
|
|
|
function enableButtonByToolId(toolId) {
|
|
saucer.exposed.debug_print();
|
|
// Finden Sie den Button mit dem entsprechenden data-tool-id
|
|
const button = document.querySelector(`.tool-card[data-tool-id='${toolId}']`);
|
|
if (button) {
|
|
button.disabled = false;
|
|
button.classList.remove('running');
|
|
button.textContent = 'Einst';
|
|
// Speichern des Zustands im sessionStorage
|
|
sessionStorage.setItem(`toolButtonDisabled_${toolId}`, 'false');
|
|
} else {
|
|
console.error('Button mit Tool-ID ' + toolId + ' nicht gefunden.');
|
|
}
|
|
}
|
|
|
|
function openEinst(event, toolId){
|
|
if (event) {
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
console.log('Einst Button geklickt!');
|
|
saucer.exposed.openEinst(toolId);
|
|
}
|
|
|
|
function openEinstFirst(){
|
|
const firstCard = document.querySelector('.tool-card');
|
|
if (!firstCard) {
|
|
return;
|
|
}
|
|
const toolId = firstCard.getAttribute('data-tool-id');
|
|
saucer.exposed.openEinst(parseInt(toolId));
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
document.addEventListener('click', (e) => {
|
|
const link = e.target.closest('a');
|
|
if (link) {
|
|
e.preventDefault();
|
|
}
|
|
}, true);
|
|
|
|
const toolbox = document.getElementById('toolbox');
|
|
|
|
// Das add-tool-card Element entfernen und später wieder hinzufügen
|
|
const addToolCard = toolbox.querySelector('.add-tool-card');
|
|
|
|
saucer.exposed.getToolboxItems().then(jsonString => {
|
|
const m_toolboxItems = JSON.parse(jsonString);
|
|
|
|
m_toolboxItems.forEach(item => {
|
|
const iconSrc = item.icon.startsWith('data:image/png;base64,')
|
|
? item.icon
|
|
: `data:image/png;base64,${item.icon}`;
|
|
|
|
const toolCardHTML = `
|
|
<div class="tool-card" data-url="${item.url}"
|
|
data-tool-id="${item.id}"
|
|
onclick="runLuaWithId(event)">
|
|
<img src="${iconSrc}" alt="${item.name}">
|
|
<div class="tool-info">
|
|
<h3>${item.name}</h3>
|
|
<p>${item.description}</p>
|
|
</div>
|
|
<div class="tool-action">
|
|
<button onclick="openEinst(event, ${item.id})">Einst</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
toolbox.innerHTML += toolCardHTML;
|
|
});
|
|
|
|
// Das add-tool-card Element wieder hinzufügen
|
|
if (addToolCard) {
|
|
toolbox.appendChild(addToolCard);
|
|
}
|
|
|
|
// Überprüfen und Wiederherstellen des Zustands beim Laden der Seite
|
|
document.querySelectorAll('.tool-card').forEach(card => {
|
|
const toolId = card.getAttribute('data-tool-id');
|
|
const button = card.querySelector('button');
|
|
if (sessionStorage.getItem(`toolButtonDisabled_${toolId}`) === 'true') {
|
|
button.disabled = true;
|
|
button.classList.add('running');
|
|
button.textContent = 'Wird ausgeführt...';
|
|
}
|
|
});
|
|
}).catch(error => console.error('Error fetching toolbox items:', error));
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|