-
Notifications
You must be signed in to change notification settings - Fork 1
/
popup.html
102 lines (94 loc) · 3.89 KB
/
popup.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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div class="container" id="permissions">
<p>
Summarizer requires permission to the active tab to function.
<br>
Click the button below to grant it and re-open the extension menu to continue.
</p>
<div class="summarize_option" style="margin-top: 5px">
<button class="btn" id="request_permissions">Request Permissions</button>
</div>
</div>
<div class="container" id="summarize" hidden="true">
<h3 class="title">
<b>Summarize the current page</b>
</h3>
<div class="setting_row">
<div class="summarize_option">
<label class="title" for="engine">Engine</label>
<select id="engine">
<option value="cecil" selected="selected">Cecil (free)</option>
<option value="agnes">Agnes</option>
<option value="daphne">Daphne</option>
<option value="muriel">Muriel</option>
</select>
</div>
<div class="summarize_option">
<label for="summary_type">Summary Type</label>
<select id="summary_type">
<option value="summary" selected="selected">Summary</option>
<option value="takeaway">Key Moments</option>
</select>
</div>
<div class="summarize_option">
<label for="target_language">Output Language</label>
<select id="target_language">
<option value="" selected="selected">Default</option>
<option value="DOC">Document Language</option>
<option value="BG">Bulgarian</option>
<option value="CS">Czech</option>
<option value="DA">Danish</option>
<option value="DE">German</option>
<option value="EL">Greek</option>
<option value="EN">English</option>
<option value="ES">Spanish</option>
<option value="ET">Estonian</option>
<option value="FI">Finnish</option>
<option value="FR">French</option>
<option value="HU">Hungarian</option>
<option value="ID">Indonesian</option>
<option value="IT">Italian</option>
<option value="JA">Japanese</option>
<option value="KO">Korean</option>
<option value="LT">Lithuanian</option>
<option value="LV">Latvian</option>
<option value="NB">Norwegian</option>
<option value="NL">Dutch</option>
<option value="PL">Polish</option>
<option value="PT">Portuguese</option>
<option value="RO">Romanian</option>
<option value="RU">Russian</option>
<option value="SK">Slovak</option>
<option value="SL">Slovenian</option>
<option value="SV">Swedish</option>
<option value="TR">Turkish</option>
<option value="UK">Ukrainian</option>
<option value="ZH">Chinese (simplified)</option>
<option value="ZH-HANT">Chinese (traditional)</option>
</select>
</div>
<button class="btn" id="summarize_page">Summarize</button>
</div>
<div class="settings_row" style="margin-bottom: 15px; margin-top: 15px">
<div class="summarize_option api_section">
<label for="api_key">API Token</label>
<input id="api_key" type="password"/>
</div>
<div>
You can use the summarizer for free if you are signed into your Kagi account. If you provide an API Token then you can use paid models.
</div>
<div class="summarize_option" style="margin-top: 5px">
<button class="btn" id="save_api_token">Save Token</button>
</div>
</div>
</div>
<script type="module" src="popup.js"></script>
</body>
</html>