This repository has been archived by the owner on Oct 20, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 5
/
options.html
246 lines (237 loc) · 10.2 KB
/
options.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>WaniKanify Options</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery-ui.min.css" rel="stylesheet">
<link href="css/jquery-ui.theme.min.css" rel="stylesheet">
<link href="css/jquery-ui.structure.min.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
.container-narrow {
margin: 0 auto;
max-width: 900px;
}
.container-narrow > hr {
margin: 30px 0;
}
</style>
<script src="js/jquery.js"></script>
<script src="js/options.js"></script>
<script src="js/tabletop.js"></script>
<script src="js/jquery-ui.min.js"></script>
</head>
<body>
<div id="google_bad_spreadsheet_data" title="Invalid Spreadsheet Data" style="display: none;">
<p>Make sure all of the text boxes are filled in and they shouldn't contain any weird characters.</p>
</div>
<div id="google_failed_import" title="Failed to Import" style="display: none;">
<p>Failed to import spreadsheet data. Make sure all text fields are absolutely correct.</p>
</div>
<div id="google_saved_data_error" title="Saved Data Error" style="display: none;">
<p>Something went wrong with the Google Spreadsheet data.</p>
</div>
<div class="container-narrow">
<div class="masthead">
<h3 class="muted"><img src="images/icon-48.png" style="padding-right: 15px"/>WaniKanify Options</h3>
</div>
<hr>
<div class="alert alert-error hide">
<strong>Error!</strong> You must provide an API key!
</div>
<div class="alert alert-success hide">
<strong>Saved!</strong>
</div>
<div class="row-fluid">
<table>
<col style="width:48%">
<col style="width:4%">
<col style="width:48%">
<tbody>
<tr>
<td>
<h4>API Key</h4>
<p>
You can generate a new API key on the <a href="https://www.wanikani.com/settings/personal_access_tokens" target="_blank">API Tokens</a> section of your
WaniKani profile. Your API key is only used to access your vocabulary list.
</p>
</td>
<td></td>
<td>
<div class="control-group" id="apiKeyControl">
<input class="input-xlarge" type="text" id="apiKey" placeholder="Public API Key">
</div>
<button class="btn btn-warning" id="testApiKey">Test API Key</button>
</td>
<td>
</td>
</tr>
<tr>
<td>
<h4>Vocabulary Cache</h4>
<p>
Your studied vocabulary words are cached locally to prevent overloading the WaniKani servers. You may clear
the cache manually by hitting this button. The cache will be repopulate automatically.
</p>
</td>
<td></td>
<td>
<button id="clearCache" class="btn btn-warning" type="button">Clear cache</button>
</td>
</tr>
<tr>
<td>
<h4>Run On</h4>
<p>
You may have WaniKanify run automatically after a page loads, or when the Crabigator is clicked.
</p>
</td>
<td></td>
<td>
<label class="radio">
<input type="radio" name="runOn" id="runOnClick" value="onClick" checked>
Click
</label>
<label class="radio">
<input type="radio" name="runOn" id="runOnUpdated" value="onUpdated">
Automatically
</label>
</td>
</tr>
<tr>
<td>
<h4>SRS Filters</h4>
<p>
Wanikanify will only substitute words in the checked SRS groups.
</p>
</td>
<td></td>
<td>
<label class="checkbox inline">
<input type="checkbox" name="srs" id="apprentice" value="apprentice" checked> Apprentice
</label>
<label class="checkbox inline">
<input type="checkbox" name="srs" id="guru" value="guru" checked> Guru
</label>
<label class="checkbox inline">
<input type="checkbox" name="srs" id="master" value="master" checked> Master
</label>
<label class="checkbox inline">
<input type="checkbox" name="srs" id="enlighten" value="enlighten" checked> Enlightened
</label>
<label class="checkbox inline">
<input type="checkbox" name="srs" id="burned" value="burned" checked> Burned
</label>
</td>
</tr>
<tr>
<td>
<h4>Audio</h4>
<p>
Mousing over a word or clicking it will audibly play it's pronunciation.
</p>
</td>
<td></td>
<td>
<label class="checkbox inline">
<input type="checkbox" id="audio_on" value="AudioOn" checked> Audio On
</label>
<label class="radio">
<input type="radio" name="audio" id="audio_on_click" value="onClick">
Click
</label>
<label class="radio">
<input type="radio" name="audio" id="audio_on_hover" value="onHover" checked>
Hover
</label>
</td>
</tr>
<tr>
<td>
<h4>Custom Vocabulary</h4>
<p>
You are no longer limited to Wanikani's set of vocabulary and Kanji!</br>
This overrides Wanikani vocab.</br>
Format: eng1,eng2,...;vocab;reading</br>
<strong>Example:</strong> cat,feline;猫;ねこ</br>
Each entry on a separate line.</br>
Pay attention to the commas and semicolons.</br>
The reading is for audio functionality. (optional)</br>
</p>
</td>
<td></td>
<td>
<textarea rows="10" cols="40" class="input-xlarge" id="customVocab" placeholder="e,e;v;r"></textarea>
</td>
</tr>
<tr>
<td>
<h4>Remove Numbers</h4>
<p>
Remove numerical numbers from being replaced with Kanji.
</p>
</td>
<td></td>
<td>
<label class="radio">
<input type="radio" name="removeNumbers" id="removeNumbersYes" value="Yes" checked>
Yes
</label>
<label class="radio">
<input type="radio" name="removeNumbers" id="removeNumbersNo" value="No">
No
</label>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row-fluid">
<h4>Black List</h4>
<p>
Wanikanify will not run on the sites below. Use regular expressions for URL patterns.
A site is blacklisted if <em>any</em> pattern matches the URL. Be sure to click the
<strong>save</strong> button to save any changes to this list.
</p>
<table id="blackListTable" class="table table-bordered table-striped table-hover">
<tbody>
</tbody>
</table>
<button id="addBlackListItem" class="btn" type="button">Add Item</button>
</div>
<hr>
<div class="row-fluid">
<h4>Google Spreadsheet Import List</h4>
<p>
Similar to "Custom Vocabulary", but more extensive. Allows users to use shared vocabulary lists. Don't freak out, it's easy to use.
<ol>
<li>Make sure the spreadsheet has been published. File->Publish to web.</li>
<li>Each row tells WaniKanifier to import a single spreadsheet. NOTE: A spreadsheet collection can contain multiple sheets, see below.</li>
<li><b>Key</b>: The key uniquely identifies the spreadsheet collection (group of sheets). Grab the "key" from the URL, and put it below. Looks something like this: 1lIo2calXb_GtaQCKLr989-Ma_hxXlxFsHE0egko-D9k</li>
<li>Make sure the columns in the spreadsheet are all named (has a header row at the top). Do not leave any empty.</li>
<li><b>From column header</b>: The name of the column (in the header) we want to map from (column of English words).</li>
<li><b>To column header</b>: The name of the column (in the header) we want to map to (column of Kanji/Japanese words).</li>
<li><b>Delimiter</b>: The English word column can contain multiple words, separated by a delimiter (default is a comma). Spaces after the delimiter are okay. But you probably don't want a delimiter of just whitespace.</li>
<li>Removing a row will also remove it from the cache.</li>
<li><b>Sheet Name</b>: The sheet name should only contain one sheet in the spreadsheet collection. The name is found at the bottom of the screen within "Google Spreadsheets" and it looks like a tab.</li>
<li>If you use Google Chrome Sync, these settings will be synced, but THE VOCAB WILL NOT! You will have to reimport them (on the other computer just click "import"). It's too much data to sync.</li>
<li>The reading column is optional, but highly recommended since Speech Synthesis makes mistakes.</li>
</ol>
</p>
<table id="googleSpreadSheetListTable" class="table table-bordered table-striped table-hover">
<tbody>
</tbody>
</table>
<button id="addGoogleSpreadSheetListItem" class="btn" type="button">Add Spreadsheet</button>
</div>
<hr>
<p>
<button id="save" class="btn btn-primary" type="button">Save</button>
</p>
</div>
</body>
</html>