-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (63 loc) · 2.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IntelliChat</title>
<!-- CSS -->
<link rel="stylesheet" href="styles.css">
<!-- ICONS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
<body class="">
<div class="custom-frame" data-tauri-drag-region>
<p>IntelliChat</p>
<div class="icon-frame">
<i class="bi bi-dash-lg" id="minimizeWin"></i>
<i class="bi bi-square" style="display: visible;" id="maximizeWin"></i>
<i class="bi bi-x-lg" id="closeWin"></i>
</div>
</div>
<div class="header-container">
<!-- Title Top Left -->
<div class="top-left">
<i class="bi bi-list icon">
<div class="left-bar"></div>
</i>
<h1>Helcome, User</h1>
</div>
<!-- Icons Top Right -->
<div class="top-right">
<i class="bi bi-lightbulb icon" id="theme" onclick="toggleModal('theme')">
<div class="popup popup-theme" style="display: none;">
<p>Theme</p>
<button class=" btn-theme active" onclick="systemMode()">System</button>
<button class="btn-theme" onclick="lightMode()">Light</button>
<button class="btn-theme" onclick="darkMode()">Dark</button>
</div>
</i>
<i class="bi bi-gear icon" id="settings" onclick="toggleModal('settings')">
<div class="popup popup-settings" style="display: none;">
<p>Settings</p>
<input type="password" class="api-key" id="api-key" placeholder="Enter your OpenAI key" value="">
<div class="show-key-container" onclick="toggleApiKeyVisibility()">
<input type="checkbox" class="show-key" name="show-key" id="show-key" value="show-key">
<label for="show-key" class="show-key-label" id="show-key-label">Show key</label>
</div>
<button type="submit" id="save-settings" onclick="settingsSave()">Save</button>
</div>
</i>
</div>
</div>
<!-- Chat Container -->
<div class="chat-container"></div>
<!-- Bottom Bar -->
<div class="bottom-bar-container">
<i class="bi bi-mic icon"></i>
<input class="prompt-input" type="text" name="prompt-input" id="prompt-input" placeholder="Type anything" autofocus>
<i class="bi bi-send icon"></i>
</div>
<!-- JS -->
<script type="module" src="./src/main.js"></script>
</body>
</html>