Spaces:
Paused
Paused
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Flare Admin UI</title> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body class="p-4"> | |
| <div class="container"> | |
| <h1 class="mb-4 text-center">🔥 Flare Admin UI</h1> | |
| <!-- Login Panel --> | |
| <div id="login-panel" class="card mb-3"> | |
| <div class="card-header">Login</div> | |
| <div class="card-body"> | |
| <input type="text" id="login-username" class="form-control mb-2" placeholder="Username"> | |
| <input type="password" id="login-password" class="form-control mb-2" placeholder="Password"> | |
| <button class="btn btn-primary btn-block" onclick="login()">Login</button> | |
| <div id="login-result" class="mt-2 text-danger"></div> | |
| </div> | |
| </div> | |
| <!-- Main Tabs Panel (hidden until login) --> | |
| <div id="main-tabs" class="d-none"> | |
| <ul class="nav nav-tabs mb-3" id="mainTab" role="tablist"> | |
| <li class="nav-item"> | |
| <a class="nav-link active" id="config-tab" 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> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link" id="spark-tab" 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> | |
| </li> | |
| </ul> | |
| <div class="tab-content"> | |
| <div class="tab-pane fade show active" id="config" role="tabpanel"> | |
| <p>Config panel will go here.</p> | |
| </div> | |
| <div class="tab-pane fade" id="projects" role="tabpanel"> | |
| <p>Projects panel will go here.</p> | |
| </div> | |
| <div class="tab-pane fade" id="spark" role="tabpanel"> | |
| <p>Spark panel will go here.</p> | |
| </div> | |
| <div class="tab-pane fade" id="test" role="tabpanel"> | |
| <p>Test panel will go here.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="js/common.js"></script> | |
| <script src="js/auth.js"></script> | |
| <script src="js/config.js"></script> | |
| <script src="js/project.js"></script> | |
| <script src="js/spark.js"></script> | |
| <script src="js/test.js"></script> | |
| <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> | |