-
-
Notifications
You must be signed in to change notification settings - Fork 20
/
options.html
102 lines (94 loc) · 5.23 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
<!DOCTYPE html>
<html>
<head>
<title>Options</title>
<link rel="stylesheet" href="styles/flaticon.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/optionsview.css">
<link rel="stylesheet" href="styles/buttons.css">
</head>
<body id="OptionsView">
<div id="buttons" class="position">
<span id="document-title"><span id="appTxtSettings" class="locale">Settings</span></span>
<div class="actions">
<button class="window-button" title="Minimize" id="minimize-window-button">
<svg class="icon">
<use href="assets/icons.svg#line" />
</svg>
</button>
<button class="window-button" title="Close" id="close-window-button">
<svg class="icon">
<use href="assets/icons.svg#close" />
</svg>
</button>
</div>
<div class="drag-handle"></div>
</div>
<div id="options" class="options-container">
<div id="alert" hidden>
<p class="locale" id="appAlertSomethingWrong">Something went wrong.</p>
</div><!-- /#alert -->
<form id="request-url-form">
<label>
<span><span class="locale" id="appLabelUrl">URL</span>:</span>
<input type="url" id="input-request-url" placeholder="Enter full URL starting with http(s)://"/>
</label>
<small class="notice" id="url-help-text"></small>
<button type="submit" class="button lg">
<span class="locale" id="appLabelSave">Save</span>
</button><!-- /.button -->
</form>
<h2><span class="locale" id="appTxtOptions">Options</span></h2>
<ul id="options-list">
<li id="improve-by-tracking-opt-in" hidden>
<label>
<input type="checkbox" id="improve-by-tracking" class="toggleBox" />
<span class="toggle"><span></span></span>
<span class="locale" id="appLabelImproveByTracking">Improve app with anonymous data</span>
</label>
<small class="notice" id="tracking-help-text"></small>
</li>
<li>
<label>
<input type="checkbox" id="resize-option" class="toggleBox" checked />
<span class="toggle"><span></span></span>
<span class="locale" id="appLabelResizeWebview">Fit webview when title bar appears</span>
</label>
</li>
<li>
<label>
<input type="checkbox" id="stay-on-top-option" class="toggleBox" checked />
<span class="toggle"><span></span></span>
<span class="locale" id="appLabelStayOnTop">Default stay-on-top</span>
</label>
</li>
<li class="more-space">
<label>
<span class="locale" id="appLabelTitleBarTimout">Timeout before title bar disappearance</span>
<input type="range" id="titlebartimeout-option" min=.5 max=3 step=.5 />
<span id="titlebartimeout-option-value" class="range-value"></span>
</label>
</li>
</ul><!-- /#options-list -->
</div><!-- /.options-container -->
<div id="credits" class="options-container">
<h2><span class="locale" id="appTxtCredits">Credits</span></h2>
<p>
<strong><span class="locale" id="appName">Flobro</span></strong><br>
<span class="version">Versie <span id="version-number"></span></span><br>
<div class="button lg">
<a href="https://github.com/cornips/flobro/issues" target="_blank" aria-label="Project issues on GitHub"><svg version="1.1" width="14" height="16" viewBox="0 0 14 16" class="octicon octicon-issue-opened" aria-hidden="true"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg> <span class="locale" id="appTxtIssues">Report an issue</span></a>
</div><!-- /.button -->
<div class="button lg">
<a href="https://flobro.cornips.nl/?utm_source=app&utm_medium=link&utm_campaign=credits" target="_blank" aria-label="Visit project website"> <span class="locale" id="appTxtVisitProjectWebsite">Visit project website</span></a>
</div><!-- /.button -->
</p>
<p>
<small><span class="locale" id="appTxtIconsDesignedBy">Icons designed by</span> <a href="https://smashicons.com/?utm_source=flobro&utm_medium=attribution&utm_campaign=credits" target="_blank">Smashicons</a> <span class="locale" id="appTxtFrom">from</span> <a href="https://www.flaticon.com/?utm_source=flobro&utm_medium=attribution&utm_campaign=credits" target="_blank">Flaticon</a></small>
</p>
</div><!-- /#credits -->
<script defer src="scripts/google-analytics-bundle.js"></script>
<script defer src="scripts/options.js"></script>
</body>
</html>