157 lines
6.7 KiB
HTML
157 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>4DSTAR Bundle Manager</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main-container">
|
|
<aside class="sidebar">
|
|
<div class="sidebar-header">
|
|
<h3>4DSTAR</h3>
|
|
</div>
|
|
<nav class="sidebar-nav">
|
|
<button id="open-bundle-btn" class="nav-button active">Open Bundle</button>
|
|
<button id="create-bundle-btn" class="nav-button">Create Bundle</button>
|
|
</nav>
|
|
<div class="sidebar-footer">
|
|
<p>v1.0.0</p>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="content-area">
|
|
<div id="welcome-screen">
|
|
<h1>Welcome to 4DSTAR Bundle Manager</h1>
|
|
<p>Open or create a bundle to get started.</p>
|
|
</div>
|
|
|
|
<div id="bundle-view" class="hidden">
|
|
<header class="content-header">
|
|
<h2 id="bundle-title"></h2>
|
|
<div class="action-buttons">
|
|
<button id="sign-bundle-btn">Sign</button>
|
|
<button id="validate-bundle-btn">Validate</button>
|
|
<button id="clear-bundle-btn">Clear</button>
|
|
<button id="save-metadata-btn" class="hidden">Save Changes</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="tab-nav">
|
|
<button class="tab-link active" data-tab="overview-tab">Overview</button>
|
|
<button class="tab-link" data-tab="plugins-tab">Plugins</button>
|
|
<button class="tab-link" data-tab="fill-tab" id="fill-tab-link">Fill</button>
|
|
<button class="tab-link hidden" data-tab="validation-tab">Validation</button>
|
|
</div>
|
|
|
|
<div id="tab-content">
|
|
<div id="overview-tab" class="tab-pane active">
|
|
<div id="manifest-details"></div>
|
|
</div>
|
|
<div id="plugins-tab" class="tab-pane">
|
|
<div id="plugins-list"></div>
|
|
</div>
|
|
<div id="validation-tab" class="tab-pane">
|
|
<pre id="validation-results"></pre>
|
|
</div>
|
|
<div id="fill-tab" class="tab-pane">
|
|
<div class="fill-header">
|
|
<h3>Fill Bundle with Compiled Binaries</h3>
|
|
<p>Select the targets you want to build and add to the bundle:</p>
|
|
<div class="fill-header-actions">
|
|
<button id="load-fillable-targets-btn" class="action-button primary">Load Available Targets</button>
|
|
</div>
|
|
</div>
|
|
<div id="fill-targets-container">
|
|
<div id="fill-loading" class="hidden">
|
|
<p>Loading available targets...</p>
|
|
</div>
|
|
<div id="fill-no-targets" class="hidden">
|
|
<p>No fillable targets available. The bundle may already be complete.</p>
|
|
</div>
|
|
<div id="fill-targets-content" class="hidden">
|
|
<div id="fill-plugins-tables"></div>
|
|
<div class="fill-actions">
|
|
<button id="select-all-targets" class="action-button secondary">Select All</button>
|
|
<button id="deselect-all-targets" class="action-button secondary">Deselect All</button>
|
|
<button id="start-fill-process" class="action-button primary">Start Building</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="fill-progress-container" class="hidden">
|
|
<h4>Build Progress</h4>
|
|
<div id="fill-progress-content"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="create-bundle-form" class="hidden">
|
|
<!-- The create form will be moved into a modal later -->
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Modal for status/error messages -->
|
|
<div id="modal" class="modal-container hidden">
|
|
<div class="modal-content">
|
|
<span id="modal-close-btn" class="modal-close">×</span>
|
|
<h3 id="modal-title"></h3>
|
|
<div id="modal-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Spinner Overlay -->
|
|
<div id="spinner-overlay" class="spinner-overlay hidden">
|
|
<div class="spinner"></div>
|
|
<p>Processing...</p>
|
|
</div>
|
|
|
|
<!-- Save Options Modal -->
|
|
<div id="save-options-modal" class="modal-container hidden">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Save Metadata Changes</h3>
|
|
<button class="modal-close" onclick="hideSaveOptionsModal()">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>How would you like to save your metadata changes?</p>
|
|
<div class="save-options">
|
|
<button id="overwrite-bundle-btn" class="save-option-btn primary">
|
|
<strong>Overwrite Current Bundle</strong>
|
|
<small>Update the existing bundle file</small>
|
|
</button>
|
|
<button id="save-as-new-btn" class="save-option-btn secondary">
|
|
<strong>Save As New Bundle</strong>
|
|
<small>Create a new bundle file with changes</small>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Fill Modal -->
|
|
<div id="fill-modal" class="modal-container hidden">
|
|
<div class="modal-content">
|
|
<span class="close-fill-modal-button">×</span>
|
|
<h2 id="fill-modal-title">Fill Bundle</h2>
|
|
<div id="fill-modal-body">
|
|
<p>Select targets to build and add to the bundle:</p>
|
|
<div id="fill-targets-list"></div>
|
|
<button id="start-fill-button" class="action-button">Start Fill</button>
|
|
</div>
|
|
<div id="fill-progress-view" style="display: none;">
|
|
<h3>Fill Progress:</h3>
|
|
<div id="fill-progress-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="spinner" class="spinner hidden"></div>
|
|
|
|
<script src="renderer.js"></script>
|
|
</body>
|
|
|
|
</html>
|