-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathoptions.html
36 lines (32 loc) · 2.45 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div>
<p>Enter your username and email address for <a href="https://garminbadges.com" target="_blank">garminbadges.com</a></p>
<p><small>(If you don't have a previous account at garminbadges.com, one will be created with the username and email address you enter. Passwords are not used.)</small></p>
</div>
<div class="form-group">
<label for="displayname">Username</label>
<input type="text" required class="form-control" id="displayname" name="displayname" aria-describedby="displaynameHelp" placeholder="Enter username" data-toggle="tooltip" data-placement="top" title="Do not use your email address as username. It is displayed publicly on the site.">
<small id="displaynameHelp" class="form-text text-muted">Username is displayed publicly. Avoid using your email address.</small>
<label for="email">Email address</label>
<input type="email" required class="form-control" id="emailAddress" name="email" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">Email will not be displayed and is only for user identification if you would like to delete your data and to protect your username so no one else can use it.</small>
<label for="shouldOpenGarminbadgesMainPage">Open main page at garminbadges.com after update?</label>
<input type="checkbox" required class="form-control" id="shouldOpenGarminbadgesMainPage" name="shouldOpenGarminbadgesMainPage" checked>
<label for="shouldOpenGarminbadgesChallengePage">Open challenge page at garminbadges.com after update?</label>
<input type="checkbox" required class="form-control" id="shouldOpenGarminbadgesChallengePage" name="shouldOpenGarminbadgesChallengePage">
<label for="shouldShowSuccessfulAlert">Show message after successful update?</label>
<input type="checkbox" required class="form-control" id="shouldShowSuccessfulAlert" name="shouldShowSuccessfulAlert" aria-describedby="shouldShowSuccessfulAlertHelp" checked>
<small id="shouldShowSuccessfulAlertHelp" class="form-text text-muted">After successful update a message is displayed. Uncheck to disable.</small>
</div>
<button id="saveButton">Save</button>
<div class="status" id="status"></div>
</div>
</body>
<script src="options.js"></script>
</html>