-
Notifications
You must be signed in to change notification settings - Fork 20
/
options.html
347 lines (340 loc) · 19.8 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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<html>
<head>
<meta charset="UTF-8">
<title>Join Settings</title>
<link type="text/css" themesheet rel="stylesheet" href="base_styles.css"/>
<link type="text/css" themesheet rel="stylesheet" href="options_styles.css" />
<script src="./foreground_page_setup.js"></script>
<script src="./cross_context.js"></script>
<script src="./background_page_emulation.js"></script>
<script src="js/base/utilsobject.js"></script>
<script src="js/base/voicerecognizer.js"></script>
<script src="js/aes.js"></script>
<script src="js/pbkdf2.js"></script>
<script src="js/base/dialog/dialog.js"></script>
<script src="js/base/utilsdevices.js"></script>
<script src="utils.js"></script>
<script src="js/base/utilsvoice.js"></script>
<script src="js/base/optionsaver.js"></script>
<script src="js/base/eventBusCrossContext.js"></script>
<script src="options.js"></script>
<script src="js/base/utilsobject.js"></script>
<script src="tests.js"></script>
<script src="js/devicecommands.js"></script>
<script src="js/base/utilsdom.js"></script>
<script src="js/taskercommands.js"></script>
<script src="js/deviceImages.js"></script>
<script src="js/base/web.js"></script>
<script src="js/base/googleDriveManager.js"></script>
<script src="js/gcm.js"></script>
<script src="js/gcmmulti.js"></script>
<script src="js/base/deviceIdsAndDirectDevices.js"></script>
<script src="v2/api/fcmLegacyToV1Converter.js"></script>
</head>
<body>
<div id="overlay">
<div id="overlaycontent">
Generating key... This might take a few minutes...
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
</div>
</div>
<div id="Settings">
<div id="topbar">
<div id="appinfo">
<span id="appiconandname">
<img id="appicon" src="icons/icon.png" />
<span id="appname">Join</span>
</span>
<div id="deviceNameTitle">
<span>This device:</span>
<div id="deviceName"></div>
</div>
<div id="userinfo">
<div id="username"></div>
<img id="usericon" />
</div>
</div>
<div id="optionTabs">
<div showtab="shortcuts">Shortcuts</div>
<div showtab="options">Options</div>
<div showtab="clipboard">Clipboard</div>
<div showtab="taskercommands">Actions</div>
<!--<div showtab="notifications">Notifications</div>-->
<div showtab="encryption">Encryption</div>
<div showtab="diagnostics">Diagnostics</div>
<div showtab="advanced">Advanced</div>
<div showtab="help">Help</div>
</div>
</div>
<div tab="shortcuts" class="optionContainer">
<h2>Keyboard Shortcuts</h2>
<h4>You can configure a keyboard shortcut to:</h4>
<!-- <div class="shortcut" id="shortcutpopup">You can <a id="configurepopup" href="#">configure</a> a keyboard shortcut to show a popup with your devices to easily perform commands.</div>
<div class="shortcut" id="shortcutrepeat-last-command">You can <a id="configurerepeat-last-command" href="#">configure</a> a keyboard shortcut to repeat the last command performed on your devices.</div>
<div class="shortcut" id="shortcutfavorite-command">You can <a id="configurefavorite-command" href="#">configure</a> a keyboard shortcut to perform your Favorite Command chosen below.</div>-->
<ul id="configure_list">
<li id="shortcutpopup" class="shortcut">Show a popup with your devices to easily perform commands</li>
<li id="shortcutrepeat-last-command" class="shortcut">Repeat the last command performed on your devices</li>
<li id="shortcutvoice-command" class="shortcut">Perform a voice command</li>
<li id="shortcutfavorite-command" class="shortcut">Perform your Favorite Command chosen below</li>
</ul>
<div>Make shortcuts global to perform these even when Chrome is closed</div>
<input type="button" id="configure_keyboard_shortcuts" value="configure" />
<h2>Favorite Command</h2>
<h4>Set your favorite command to be executed with the "Favorite Command" shortcut</h4>
<div>Do this on
<select joaoappsoption id="select_favourite_command_device"></select>
:
<select joaoappsoption id="select_favourite_command"></select>
<div id="favouritecommandtextarea">
with this text:
<input joaoappsoption type="text" id="text_favourite_command" placeholder="Leave blank to set text when sending" size="40" />
</div>
</div>
</div>
<div tab="options" class="optionContainer">
<h2>Chrome Notification Settings</h2>
<label class="selection">Hide text content in notifications
<input joaoappsoption type="checkbox" id="hidenotificationtext" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Show standard Chrome notification popup
<input joaoappsoption type="checkbox" id="chromenotifications" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Play notification sound
<input joaoappsoption type="checkbox" id="playnotificationsound" />
<div class="selection_indicator"></div>
</label>
<span id="voicesection">
<h2>Voice Control (English Only For Now)</h2>
<label class="selection">Enable Voice Control
<input joaoappsoption type="checkbox" id="voiceenabled" />
<div class="selection_indicator"></div>
</label>
<span id="continuoussection">
<label class="selection">Continuous Listening
<input joaoappsoption type="checkbox" id="voicecontinuous" />
<div class="selection_indicator"></div>
</label>
<h4>If continuous listening is enabled you should set a wakeup command. Leave empty to have the recognizer be always awake.</h4>
<div>
Wakeup command:
<input joaoappsoption type="text" id="voicewakeup" placeholder="Something like 'hey computer'" size="40" />
</div>
</span>
</span>
<h2>Customize</h2>
<h4>Time and Date Format</h4>
<label class="selection">Use 12 hour (AM/PM) time format
<input joaoappsoption type="checkbox" id="12hrformat" />
<div class="selection_indicator"></div>
</label>
<h4>Theme</h4>
<input type="button" id="resettheme" value="Reset"></input>
<h5>Base Theme</h5>
<select joaoappsoption id="theme">
<option value="auto">Automatic</option>
<option value="normal">Normal</option>
<option value="dark">Dark</option>
<option value="black">Black</option>
<option value="white">White</option>
<option value="random">Random</option>
</select>
<h5>Accent Color</h5>
<input joaoappsoption type="color" id="themeColorPicker">
<h4>Hide Commands</h4>
<div id="hidecommands"></div>
<h4>Hide Devices</h4>
<div id="hidedevices"></div>
<h4>Favorite Right-Click Commands</h4>
<div id="favoriterightclickcommands"></div>
</div>
<div tab="encryption" class="optionContainer">
<!--<h1>IMPORTANT: It has come to my attention that <a href="http://www.bis.doc.gov/index.php/policy-guidance/encryption/identifying-encryption-items">having encryption in an app doesn't conform to US Export laws</a> which is required for an app to be on Google Play. Therefore encryption in Join will be disabled until I sort things out</h1> -->
<h2>Encrypt Communication</h2>
<h4>If set, the password will encrypt your pushes before they are sent other devices. The same password must be set on receiving devices.</h4>
<div>Encryption Password:
<input type="password" id="encryptionpassword" placeholder="Input here" />
<input type="button" value="Set" id="buttonsetpassword">
<input type="button" value="Reset" id="buttonresetpassword">
<div id="passwordstatus">Password is not set</div>
</div>
</div>
<!-- <div tab="notifications" class="optionContainer">
</div>-->
<!-- <div tab="notifications" class="optionContainer">
<h2>Chrome Notification Settings</h2>
<div><input joaoappsoption type="checkbox" id="hidenotificationtext" />Hide text content in notifications</div>
<div><input joaoappsoption type="checkbox" id="chromenotifications"/>Show standard Chrome notification popup</div>
<div><input joaoappsoption type="checkbox" id="playnotificationsound"/>Play notification sound</div>
</div> -->
<div tab="clipboard" class="optionContainer">
<h2>Clipboard Settings</h2>
<label class="selection">Show the contents of the clipboard when it is set on this device
<input joaoappsoption type="checkbox" id="clipboardnotificationshowcontents" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Show a notification when clipboard contents are automatically sent to this device
<input joaoappsoption type="checkbox" id="autoclipboardnotification" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Enable automatic copying of your clipboard to other devices
<input joaoappsoption type="checkbox" id="autoclipboard" />
<div class="selection_indicator"></div>
</label>
<h4>Send to these devices:</h4>
<div id="devicesAutoClipboard"></div>
</div>
<div tab="taskercommands" class="optionContainer">
<h2>Actions</h2>
<h4>These actions will show up in your device command list in the Join popup. Use Tasker (Android), EventGhost (Windows), Node-RED (Windows,Linux,Mac) or IFTTT (web) to react to them. More info <a href="https://joaoapps.com/join/actions/">here</a>.</h4>
<div id="taskerCommandsContent"></div>
<div id="taskerCommandButtons">
<input type="button" id="taskerCommandsAdd" value="Add"></input>
</div>
</div>
<div tab="diagnostics" class="optionContainer">
<h2>Problems?</h2>
<h4>Test Join to see if everything's working like it should</h4>
<input type="button" value="Test" id="starttests">
<div id="tests"></div>
</div>
<div tab="advanced" class="optionContainer advanced">
<h2>Files</h2>
<label class="selection">Automatically download any received files
<input joaoappsoption type="checkbox" id="downloadscreenshots" />
<div class="selection_indicator"></div>
</label>
<h2>Links</h2>
<label class="selection">Automatically open any received links
<input joaoappsoption type="checkbox" id="autoopenlinks" />
<div class="selection_indicator"></div>
</label>
<!--<label class="selection">Automatically download any received videos
<input joaoappsoption type="checkbox" id="downloadvideos" />
<div class="selection_indicator"></div>
</label>-->
<h2>Notifications</h2>
<h4>Notifications will automatically show longer if they are higher priority. Use this setting to override that behaviour.</h4>
<div>Number of seconds a notification should show (max 25 seconds):
<input joaoappsoption type="text" id="notificationseconds" placeholder="Duration" />
</div>
<div>Ignore pushes that are older than these number of seconds:
<input joaoappsoption type="text" id="notificationignoreoldpushes" placeholder="Number of Seconds" />
</div>
<div>Keep notifications until you interact with them. If set, setting above will be ignored:<input joaoappsoption type="checkbox" id="notificationrequireinteraction" />
</div>
<div>Add "Dismiss Everywhere" Button in Chrome Notifications. If this is not added, the top-right X will dismiss the notifications everywhere: <input joaoappsoption type="checkbox" id="adddimisseverywherebutton" /></div>
<div>Never show similar notifications, even if created 5 seconds from each other: <input joaoappsoption type="checkbox" id="nevershowsimilarnotifications" /></div>
<h4>App websites</h4>
<div>Link Android package names to corresponding websites to open the website when clicking on a notification</div>
<textarea joaoappsoption id="notificationwebsites" spellcheck="false"></textarea>
<h4>Notification Sound</h4>
<div>Must be a publicly accessible URL of an mp3 or ogg file:
<input joaoappsoption type="text" id="notificationsound" placeholder="URL" />
</div>
<h4>Info Notifications</h4>
<label class="selection">
Show notifications that inform you that an action was executed correctly
<input joaoappsoption type="checkbox" id="showinfonotifications" />
<div class="selection_indicator"></div>
</label>
<h2>Tasker</h2>
<h4>Activate to allow Join AutoApps condition to automatically support sent commands</h4>
<label class="selection">Add the "jointextpush=:=" prefix to Tasker commands
<input joaoappsoption type="checkbox" id="prefixtaskercommands" />
<div class="selection_indicator"></div>
</label>
<h2>EventGhost, Node-RED</h2>
<h4>If set, will redirect received Commands to the specified port (<a href="https://joaoapps.com/autoremote/eventghost/">AutoRemote plugin in EventGhost</a> or <a href="https://joaoapps.com/join/node-red/">Join plugin in Node-RED</a>)</h4>
<div>Port:
<input joaoappsoption type="text" id="eventghostport" placeholder="Port" />
</div>
<div>Server IP/Host:
<input joaoappsoption class="wide" type="text" id="eventghostserver" placeholder="Optional: If not set 'localhost' will be used" />
</div>
<label class="selection">Send Full Push (enable if you use Node-RED)
<input joaoappsoption type="checkbox" id="redirectionfullpush" />
<div class="selection_indicator"></div>
</label>
<h2>General</h2>
<label class="selection">Alternative popup icon
<input joaoappsoption type="checkbox" id="alternativeicon" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Hide Notification Count
<input joaoappsoption type="checkbox" id="hidenotificationcount" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Hide Right-Click Context Menu
<input joaoappsoption type="checkbox" id="hidecontextmenu" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Don't prompt user to log in
<input joaoappsoption type="checkbox" id="dontpromptuserlogin" />
<div class="selection_indicator"></div>
</label>
<label class="selection">Default Tab for Join popup
<select joaoappsoption id="defaulttabb">
<option value="auto">Automatic</option>
<option value="devices">Devices</option>
<option value="notifications">Notifications</option>
<option value="sms">SMS/Phone</option>
</select>
</label>
<!--<h2>Beta</h2>
<input joaoappsoption type="checkbox" id="showbetafeatures" /> Enable Beta Features (you'll also need the <a href="https://play.google.com/apps/testing/com.joaomgcd.join" target="haha">Join Beta app</a>)-->
</div>
<div tab="help" id="help" class="optionContainer">
<div class="help-option">
<div class="help-icon"><img src="icons/join.png"></div>
<div class="help-links"><a href="https://joinjoaomgcd.appspot.com/" target="_blank">Join On The Web</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/join.png"></div>
<div class="help-links"><a href="http://joaoapps.com/join" target="_blank">Getting Started With Join</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/join.png"></div>
<div class="help-links"><a href="http://forum.joaoapps.com/index.php?forums/join/" target="_blank">Forum</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/join.png"></div>
<div class="help-links"><a href="https://joaoapps.helprace.com/" target="_blank">Feature Requests</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/join.png"></div>
<div class="help-links"><a href="http://juanmtech.com/join-by-joaoapps-beginners-guide/" target="_blank">Beginner's Guide</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/youtube.png"></div>
<div class="help-links"><a href="https://www.youtube.com/watch?v=gpOL8x7e9oc" target="_blank">Video of what Join can do</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/play.png"></div>
<div class="help-links"><a href="https://play.google.com/apps/testing/com.joaomgcd.join" target="_blank">Join Beta</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/google.png"></div>
<div class="help-links"><a href="https://docs.google.com/spreadsheets/d/1tsJNj7WNe2fUw9GA0GfULfeLXzLO0D_EF8XRXpn1N10/edit#gid=1119673150" target="_blank">Help Translate Join</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/github.png"></div>
<div class="help-links"><a href="https://github.com/joaomgcd/JoinChrome" target="null">Join Chrome GitHub</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/github.png"></div>
<div class="help-links"><a href="https://github.com/joaomgcd/JoinFirefox" target="_blank">Join Firefox Github</a></div>
</div>
<div class="help-option">
<div class="help-icon"><img src="icons/google.png"></div>
<div class="help-links"><a href="https://docs.google.com/spreadsheets/d/1vyavCrewr6KCO10VygvKukNxOMsgVOkcJzSssEgkr9I/edit?usp=sharing" target="_blank">Todo list</a></div>
</div>
</div>
</body>
</html>