Hugging Face's logo

Spaces:
UcsTurkey
/
flare
Running

App Files Community
1
ciyidogan commited on
Commit
fe39614
·
verified ·
1 Parent(s): cbdd6a9

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +35 -81
static/index.html CHANGED
@@ -8,96 +8,48 @@
8
  </head>
9
  <body class="p-4">
10
  <div class="container">
11
- <h1 class="mb-4">🔥 Flare Admin UI</h1>
12
 
13
  <!-- Login Panel -->
14
- <div class="card mb-3">
15
  <div class="card-header">Login</div>
16
  <div class="card-body">
17
  <input type="text" id="login-username" class="form-control mb-2" placeholder="Username">
18
  <input type="password" id="login-password" class="form-control mb-2" placeholder="Password">
19
- <button class="btn btn-primary" onclick="login()">Login</button>
20
- <div id="login-result" class="mt-2"></div>
21
  </div>
22
  </div>
23
 
24
- <!-- Config Panel -->
25
- <div class="card mb-3">
26
- <div class="card-header">Config</div>
27
- <div class="card-body">
28
- <button class="btn btn-info mb-2" onclick="getConfig()">Load Config</button>
29
- <textarea id="config-json" class="form-control mb-2" rows="6" placeholder="Config JSON"></textarea>
30
- <button class="btn btn-success" onclick="updateConfig()">Update Config</button>
31
- <div id="config-result" class="mt-2"></div>
32
- </div>
33
- </div>
34
-
35
- <!-- Project Panel -->
36
- <div class="card mb-3">
37
- <div class="card-header">Projects</div>
38
- <div class="card-body">
39
- <button class="btn btn-info mb-2" onclick="listProjects()">List Projects</button>
40
- <textarea id="projects-json" class="form-control mb-2" rows="6" placeholder="Projects JSON"></textarea>
41
- <input type="text" id="new-project-name" class="form-control mb-2" placeholder="New Project Name">
42
- <button class="btn btn-primary mb-2" onclick="addProject()">Add Project</button>
43
- <div id="project-result" class="mt-2"></div>
44
- </div>
45
- </div>
46
-
47
- <!-- Intent Panel -->
48
- <div class="card mb-3">
49
- <div class="card-header">Intent Management</div>
50
- <div class="card-body">
51
- <input type="text" id="intent-project-name" class="form-control mb-2" placeholder="Project Name">
52
- <input type="number" id="intent-version-number" class="form-control mb-2" placeholder="Version Number">
53
- <input type="text" id="intent-name" class="form-control mb-2" placeholder="Intent Name">
54
- <input type="text" id="intent-last-updated" class="form-control mb-2" placeholder="Client Last Updated">
55
- <button class="btn btn-success mb-2" onclick="addIntent()">Add Intent</button>
56
- <input type="text" id="delete-intent-project-name" class="form-control mb-2" placeholder="Project Name (Delete)">
57
- <input type="number" id="delete-intent-version-number" class="form-control mb-2" placeholder="Version Number (Delete)">
58
- <input type="text" id="delete-intent-name" class="form-control mb-2" placeholder="Intent Name (Delete)">
59
- <input type="text" id="delete-intent-last-updated" class="form-control mb-2" placeholder="Client Last Updated (Delete)">
60
- <button class="btn btn-danger mb-2" onclick="deleteIntent()">Delete Intent</button>
61
- <div id="intent-result" class="mt-2"></div>
62
- </div>
63
- </div>
64
-
65
- <!-- API Panel -->
66
- <div class="card mb-3">
67
- <div class="card-header">API Management</div>
68
- <div class="card-body">
69
- <input type="text" id="api-name" class="form-control mb-2" placeholder="API Name">
70
- <textarea id="api-def" class="form-control mb-2" rows="4" placeholder="API Definition (JSON)"></textarea>
71
- <button class="btn btn-success mb-2" onclick="addApi()">Add API</button>
72
- <input type="text" id="delete-api-name" class="form-control mb-2" placeholder="API Name (Delete)">
73
- <button class="btn btn-danger mb-2" onclick="deleteApi()">Delete API</button>
74
- <div id="api-result" class="mt-2"></div>
75
- </div>
76
- </div>
77
-
78
- <!-- Spark Panel -->
79
- <div class="card mb-3">
80
- <div class="card-header">Spark Management</div>
81
- <div class="card-body">
82
- <textarea id="spark-startup-payload" class="form-control mb-2" rows="3" placeholder="Startup Payload (JSON)"></textarea>
83
- <button class="btn btn-success mb-2" onclick="sparkStartup()">Startup</button>
84
- <button class="btn btn-info mb-2" onclick="sparkProjectList()">Project List</button>
85
- <textarea id="spark-enable-payload" class="form-control mb-2" rows="2" placeholder="Enable Payload (JSON)"></textarea>
86
- <button class="btn btn-success mb-2" onclick="sparkEnable()">Enable Project</button>
87
- <textarea id="spark-disable-payload" class="form-control mb-2" rows="2" placeholder="Disable Payload (JSON)"></textarea>
88
- <button class="btn btn-warning mb-2" onclick="sparkDisable()">Disable Project</button>
89
- <textarea id="spark-delete-payload" class="form-control mb-2" rows="2" placeholder="Delete Payload (JSON)"></textarea>
90
- <button class="btn btn-danger mb-2" onclick="sparkDelete()">Delete Project</button>
91
- <div id="spark-result" class="mt-2"></div>
92
- </div>
93
- </div>
94
-
95
- <!-- Test Panel -->
96
- <div class="card mb-3">
97
- <div class="card-header">Test Runner</div>
98
- <div class="card-body">
99
- <button class="btn btn-warning" onclick="runTests()">Run All Tests</button>
100
- <div id="test-result" class="mt-2"></div>
101
  </div>
102
  </div>
103
  </div>
@@ -108,5 +60,7 @@
108
  <script src="js/project.js"></script>
109
  <script src="js/spark.js"></script>
110
  <script src="js/test.js"></script>
 
 
111
  </body>
112
  </html>
 
8
  </head>
9
  <body class="p-4">
10
  <div class="container">
11
+ <h1 class="mb-4 text-center">🔥 Flare Admin UI</h1>
12
 
13
  <!-- Login Panel -->
14
+ <div id="login-panel" class="card mb-3">
15
  <div class="card-header">Login</div>
16
  <div class="card-body">
17
  <input type="text" id="login-username" class="form-control mb-2" placeholder="Username">
18
  <input type="password" id="login-password" class="form-control mb-2" placeholder="Password">
19
+ <button class="btn btn-primary btn-block" onclick="login()">Login</button>
20
+ <div id="login-result" class="mt-2 text-danger"></div>
21
  </div>
22
  </div>
23
 
24
+ <!-- Main Tabs Panel (hidden until login) -->
25
+ <div id="main-tabs" class="d-none">
26
+ <ul class="nav nav-tabs mb-3" id="mainTab" role="tablist">
27
+ <li class="nav-item">
28
+ <a class="nav-link active" id="config-tab" data-toggle="tab" href="#config" role="tab">Config</a>
29
+ </li>
30
+ <li class="nav-item">
31
+ <a class="nav-link" id="projects-tab" data-toggle="tab" href="#projects" role="tab">Projects</a>
32
+ </li>
33
+ <li class="nav-item">
34
+ <a class="nav-link" id="spark-tab" data-toggle="tab" href="#spark" role="tab">Spark</a>
35
+ </li>
36
+ <li class="nav-item">
37
+ <a class="nav-link" id="test-tab" data-toggle="tab" href="#test" role="tab">Test</a>
38
+ </li>
39
+ </ul>
40
+ <div class="tab-content">
41
+ <div class="tab-pane fade show active" id="config" role="tabpanel">
42
+ <p>Config panel will go here.</p>
43
+ </div>
44
+ <div class="tab-pane fade" id="projects" role="tabpanel">
45
+ <p>Projects panel will go here.</p>
46
+ </div>
47
+ <div class="tab-pane fade" id="spark" role="tabpanel">
48
+ <p>Spark panel will go here.</p>
49
+ </div>
50
+ <div class="tab-pane fade" id="test" role="tabpanel">
51
+ <p>Test panel will go here.</p>
52
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  </div>
54
  </div>
55
  </div>
 
60
  <script src="js/project.js"></script>
61
  <script src="js/spark.js"></script>
62
  <script src="js/test.js"></script>
63
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
64
+ <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
65
  </body>
66
  </html>