Update static/index.html

static/index.html

@@ -21,20 +21,20 @@
             </div>
         </div>
 
-        <!-- Main Tabs Panel (hidden until login) -->
+        <!-- Main Tabs Panel -->
         <div id="main-tabs" class="d-none">
-            <ul class="nav nav-tabs mb-3" id="mainTab" role="tablist">
+            <ul class="nav nav-tabs mb-3" role="tablist">
                 <li class="nav-item">
-                    <a class="nav-link active" id="config-tab" data-toggle="tab" href="#config" role="tab">Config</a>
+                    <a class="nav-link active" data-toggle="tab" href="#config" role="tab">Config</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" id="projects-tab" data-toggle="tab" href="#projects" role="tab">Projects</a>
+                    <a class="nav-link" data-toggle="tab" href="#projects" role="tab">Projects</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" id="spark-tab" data-toggle="tab" href="#spark" role="tab">Spark</a>
+                    <a class="nav-link" data-toggle="tab" href="#spark" role="tab">Spark</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" id="test-tab" data-toggle="tab" href="#test" role="tab">Test</a>
+                    <a class="nav-link" data-toggle="tab" href="#test" role="tab">Test</a>
                 </li>
             </ul>
             <div class="tab-content">
@@ -61,22 +61,18 @@
 
                 <!-- Projects Tab -->
                 <div class="tab-pane fade" id="projects" role="tabpanel">
-                    <button class="btn btn-info mb-2" onclick="listProjects()">List Projects</button>
-                    <div id="projects-table" class="table-responsive">
-                        <table class="table table-bordered">
-                            <thead>
-                                <tr>
-                                    <th onclick="sortTable(0)">Project Name</th>
-                                    <th>Version</th>
-                                    <th>Enabled</th>
-                                    <th>Status</th>
-                                    <th>Last Accessed</th>
-                                </tr>
-                            </thead>
-                            <tbody id="projects-body">
-                                <!-- Dynamic rows here -->
-                            </tbody>
-                        </table>
+                    <button class="btn btn-info mb-2" onclick="listProjects()">Refresh Project List</button>
+                    <div class="form-group">
+                        <label for="project-select">Select Project</label>
+                        <select id="project-select" class="form-control" onchange="loadProjectDetails()">
+                            <option value="">-- Select a project --</option>
+                        </select>
+                    </div>
+                    <div id="project-details" class="mt-3 d-none">
+                        <h5>Project Details</h5>
+                        <div id="project-info"></div>
+                        <button class="btn btn-success mt-2" onclick="saveProject()">Save Changes</button>
+                        <button class="btn btn-warning mt-2" onclick="publishProject()">Publish Version</button>
                     </div>
                     <div id="project-result" class="mt-2"></div>
                 </div>