TPsoft.org/dbPrompt
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added static load files,

Browse Source 
added TPsoft logo to header,
added build batch script for windows
This commit is contained in:
Igor Miňo
2026-01-22 20:58:07 +01:00
parent 78aaf83d6e
commit b692a58ee2
4 changed files with 67 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -6,10 +6,19 @@
<title>dbPrompt</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; background-color: #f0f2f5; color: #1c1e21; }
header {
header {
background-color: #ffffff; padding: 10px 20px; border-bottom: 1px solid #dddfe2; font-size: 24px; font-weight: bold; color: #4b4f56;
display: flex; justify-content: space-between; align-items: center;
}
.header-logo {
display: flex;
align-items: center;
}
.header-logo a,
.header-logo a:visited {
text-decoration: none;
color: #4b4f56;
}
.header-buttons button {
font-size: 13px;
font-weight: bold;
@ -79,13 +88,16 @@
<body>
<header>
dbPrompt
<div class="header-logo">
<a href="https://www.tpsoft.org" target="_blank"><img src="static/tpsoft-logo.png" alt="TPsoft.org" height="59"></a>
<a href="index.html">dbPrompt</a>
</div>
<div class="header-buttons">
<button id="collapse-all-btn">Collapse All</button>
<button id="expand-all-btn">Expand All</button>
</div>
</header>
<main id="main-container">
<!-- Query blocks will be inserted here -->
</main>
@ -144,7 +156,7 @@
const data = await response.json();
const isNewQueryBlock = block.classList.contains('new-query-block');
block.dataset.id = data.id;
renderResult(resultContainer, data);
@ -179,7 +191,7 @@
}
}
}
// Handle Toggle Collapse
const header = target.closest('.collapsible-header');
if (header) {
@ -227,12 +239,12 @@
if (data.timestamp) {
metaHtml = `
<div class="result-meta">
<span>Executed: ${new Date(data.timestamp / 1000000).toLocaleString()}</span> |
<span>Executed: ${new Date(data.timestamp / 1000000).toLocaleString()}</span> |
<span>Duration: ${data.duration ?? 'N/A'} ms</span>
</div>
`;
}
let finalHtml;
if (isCollapsible) {
finalHtml = `
@ -314,4 +326,3 @@
</script>
</body>
</html>