Reorder admin sections
This commit is contained in:
Peter Stockings
@@ -454,6 +454,72 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Root Terminal -->
|
||||
<section id="root-terminal" class="station" data-label="[ STATION: ROOT_TERMINAL ]">
|
||||
<div class="station-header">
|
||||
<h2>Server Shell Access</h2>
|
||||
<a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
|
||||
</div>
|
||||
|
||||
<div class="panel terminal-box" style="margin-top: 0; border-color: #ff555566;">
|
||||
<div class="terminal-header" style="border-bottom-color: #ff555566;">
|
||||
<div class="terminal-label" style="color: #ff5555;">ROOT@DOKKU:~$</div>
|
||||
<button class="copy-btn" onclick="copyLogs('terminal-output')"
|
||||
style="border-color: #ff555566; color: #ff5555;">COPY BUFFER</button>
|
||||
</div>
|
||||
<div id="terminal-output" class="terminal-body"
|
||||
style="height: 400px; font-size: 13px; background: #000;">
|
||||
<div class="log-line log-info">Dokku Terminal initialized. Ready for commands.</div>
|
||||
</div>
|
||||
<div style="display: flex; background: #000; padding: 10px; border-top: 1px solid #ff555566;">
|
||||
<span style="color: #00ff88; font-weight: 700; margin-right: 10px;">$</span>
|
||||
<input type="text" id="terminal-input" placeholder="Enter command..." spellcheck="false"
|
||||
autocomplete="off"
|
||||
style="background: transparent; color: #c9d1d9; border: none; outline: none; flex: 1; font-family: inherit; font-size: 13px;"
|
||||
onkeydown="if(event.key === 'Enter') runCommand()">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SQL Command Center -->
|
||||
<section id="sql-center" class="station" data-label="[ STATION: SQL_COMMAND_CENTER ]">
|
||||
<div class="station-header">
|
||||
<h2>SQL Query Interface</h2>
|
||||
<a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 1fr;">
|
||||
<div class="panel">
|
||||
<div class="panel-title">Query Console</div>
|
||||
<div style="display: flex; gap: 10px; margin-bottom: 15px;">
|
||||
<select id="sql-db-select"
|
||||
style="background: #000; color: #00ff88; border: 1px solid #30363d; padding: 8px; font-family: inherit; font-size: 12px; flex: 1;">
|
||||
<option value="">-- SELECT DATABASE CONTAINER --</option>
|
||||
{% for db in data.databases %}
|
||||
<option value="{{ db.name }}">{{ db.name }} [{{ db.type|upper }}]</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<button onclick="runQuery()"
|
||||
style="background: #00ff8822; color: #00ff88; border: 1px solid #00ff88; padding: 0 20px; font-family: inherit; font-size: 11px; font-weight: 700; cursor: pointer;">EXECUTE_QUERY</button>
|
||||
</div>
|
||||
<textarea id="sql-editor" spellcheck="false" placeholder="SELECT * FROM table_name LIMIT 10;"
|
||||
style="width: 100%; height: 120px; background: #000; color: #c9d1d9; border: 1px solid #30363d; padding: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; resize: vertical;"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="sql-results-panel" class="panel" style="display: none;">
|
||||
<div class="panel-title">Query Results</div>
|
||||
<div id="sql-status" style="font-size: 11px; margin-bottom: 10px; color: #8b949e;"></div>
|
||||
<div style="overflow-x: auto; max-height: 500px;">
|
||||
<table id="sql-results-table" style="width: 100%; border-collapse: collapse; font-size: 11px;">
|
||||
<thead id="sql-thead"></thead>
|
||||
<tbody id="sql-tbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Navigation Grid -->
|
||||
<div class="nav-grid-container">
|
||||
<div class="nav-grid">
|
||||
@@ -554,70 +620,6 @@
|
||||
</section>
|
||||
{% endfor %}
|
||||
|
||||
<!-- SQL Command Center -->
|
||||
<section id="sql-center" class="station" data-label="[ STATION: SQL_COMMAND_CENTER ]">
|
||||
<div class="station-header">
|
||||
<h2>SQL Query Interface</h2>
|
||||
<a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns: 1fr;">
|
||||
<div class="panel">
|
||||
<div class="panel-title">Query Console</div>
|
||||
<div style="display: flex; gap: 10px; margin-bottom: 15px;">
|
||||
<select id="sql-db-select"
|
||||
style="background: #000; color: #00ff88; border: 1px solid #30363d; padding: 8px; font-family: inherit; font-size: 12px; flex: 1;">
|
||||
<option value="">-- SELECT DATABASE CONTAINER --</option>
|
||||
{% for db in data.databases %}
|
||||
<option value="{{ db.name }}">{{ db.name }} [{{ db.type|upper }}]</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<button onclick="runQuery()"
|
||||
style="background: #00ff8822; color: #00ff88; border: 1px solid #00ff88; padding: 0 20px; font-family: inherit; font-size: 11px; font-weight: 700; cursor: pointer;">EXECUTE_QUERY</button>
|
||||
</div>
|
||||
<textarea id="sql-editor" spellcheck="false" placeholder="SELECT * FROM table_name LIMIT 10;"
|
||||
style="width: 100%; height: 120px; background: #000; color: #c9d1d9; border: 1px solid #30363d; padding: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; resize: vertical;"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="sql-results-panel" class="panel" style="display: none;">
|
||||
<div class="panel-title">Query Results</div>
|
||||
<div id="sql-status" style="font-size: 11px; margin-bottom: 10px; color: #8b949e;"></div>
|
||||
<div style="overflow-x: auto; max-height: 500px;">
|
||||
<table id="sql-results-table" style="width: 100%; border-collapse: collapse; font-size: 11px;">
|
||||
<thead id="sql-thead"></thead>
|
||||
<tbody id="sql-tbody"></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Root Terminal -->
|
||||
<section id="root-terminal" class="station" data-label="[ STATION: ROOT_TERMINAL ]">
|
||||
<div class="station-header">
|
||||
<h2>Server Shell Access</h2>
|
||||
<a href="#top" class="back-to-top">[^ BACK_TO_TOP]</a>
|
||||
</div>
|
||||
|
||||
<div class="panel terminal-box" style="margin-top: 0; border-color: #ff555566;">
|
||||
<div class="terminal-header" style="border-bottom-color: #ff555566;">
|
||||
<div class="terminal-label" style="color: #ff5555;">ROOT@DOKKU:~$</div>
|
||||
<button class="copy-btn" onclick="copyLogs('terminal-output')"
|
||||
style="border-color: #ff555566; color: #ff5555;">COPY BUFFER</button>
|
||||
</div>
|
||||
<div id="terminal-output" class="terminal-body"
|
||||
style="height: 400px; font-size: 13px; background: #000;">
|
||||
<div class="log-line log-info">Dokku Terminal initialized. Ready for commands.</div>
|
||||
</div>
|
||||
<div style="display: flex; background: #000; padding: 10px; border-top: 1px solid #ff555566;">
|
||||
<span style="color: #00ff88; font-weight: 700; margin-right: 10px;">$</span>
|
||||
<input type="text" id="terminal-input" placeholder="Enter command..." spellcheck="false"
|
||||
autocomplete="off"
|
||||
style="background: transparent; color: #c9d1d9; border: none; outline: none; flex: 1; font-family: inherit; font-size: 13px;"
|
||||
onkeydown="if(event.key === 'Enter') runCommand()">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user