forked from flobro/flobro-chrome-app
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
98 lines (90 loc) · 8.43 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
<!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">
<div hidden class="icon-sprite">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="close" viewBox="0 0 51.976 51.976"><title>close</title><path d="M44.373,7.603c-10.137-10.137-26.632-10.138-36.77,0c-10.138,10.138-10.137,26.632,0,36.77s26.632,10.138,36.77,0 C54.51,34.235,54.51,17.74,44.373,7.603z M36.241,36.241c-0.781,0.781-2.047,0.781-2.828,0l-7.425-7.425l-7.778,7.778 c-0.781,0.781-2.047,0.781-2.828,0c-0.781-0.781-0.781-2.047,0-2.828l7.778-7.778l-7.425-7.425c-0.781-0.781-0.781-2.048,0-2.828 c0.781-0.781,2.047-0.781,2.828,0l7.425,7.425l7.071-7.071c0.781-0.781,2.047-0.781,2.828,0c0.781,0.781,0.781,2.047,0,2.828 l-7.071,7.071l7.425,7.425C37.022,34.194,37.022,35.46,36.241,36.241z"/></symbol><symbol id="cogwheel" viewBox="0 0 54 54"><title>cogwheel</title><path d="M51.22,21h-5.052c-0.812,0-1.481-0.447-1.792-1.197s-0.153-1.54,0.42-2.114l3.572-3.571 c0.525-0.525,0.814-1.224,0.814-1.966c0-0.743-0.289-1.441-0.814-1.967l-4.553-4.553c-1.05-1.05-2.881-1.052-3.933,0l-3.571,3.571 c-0.475,0.475-0.997,0.574-1.352,0.574c-0.5,0-0.997-0.196-1.364-0.539C33.324,8.984,33,8.534,33,7.832V2.78 C33,1.247,31.753,0,30.22,0H23.78C22.247,0,21,1.247,21,2.78v5.052c0,1.218-0.997,1.945-1.961,1.945c-0.354,0-0.876-0.1-1.351-0.574 l-3.571-3.571c-1.052-1.052-2.883-1.05-3.933,0l-4.553,4.553c-0.525,0.525-0.814,1.224-0.814,1.967c0,0.742,0.289,1.44,0.814,1.966 l3.572,3.571c0.573,0.574,0.73,1.364,0.42,2.114S8.644,21,7.832,21H2.78C1.247,21,0,22.247,0,23.78v6.438C0,31.752,1.247,33,2.78,33 h5.052c0.812,0,1.481,0.447,1.792,1.197s0.153,1.54-0.42,2.114l-3.572,3.571c-0.525,0.525-0.814,1.224-0.814,1.966 c0,0.743,0.289,1.441,0.814,1.967l4.553,4.553c1.051,1.051,2.881,1.053,3.933,0l3.571-3.571c0.475-0.475,0.997-0.574,1.352-0.574 c0.963,0,1.96,0.728,1.96,1.945v5.051C21,52.752,22.247,54,23.78,54h6.439c1.533,0,2.78-1.248,2.78-2.781v-5.051 c0-1.218,0.997-1.945,1.96-1.945c0.354,0,0.877,0.1,1.352,0.574l3.571,3.571c1.052,1.052,2.883,1.05,3.933,0l4.553-4.553 c0.525-0.525,0.814-1.224,0.814-1.967c0-0.742-0.289-1.44-0.814-1.966l-3.572-3.571c-0.573-0.574-0.73-1.364-0.42-2.114 S45.356,33,46.168,33h5.052c1.533,0,2.78-1.248,2.78-2.781V23.78C54,22.247,52.753,21,51.22,21z M34,27c0,3.859-3.141,7-7,7 s-7-3.141-7-7s3.141-7,7-7S34,23.141,34,27z"/></symbol><symbol id="mark" viewBox="0 0 60 60"><title>mark</title><path d="M30,16c4.411,0,8-3.589,8-8s-3.589-8-8-8s-8,3.589-8,8S25.589,16,30,16z"/><path d="M30,44c-4.411,0-8,3.589-8,8s3.589,8,8,8s8-3.589,8-8S34.411,44,30,44z"/><path d="M30,22c-4.411,0-8,3.589-8,8s3.589,8,8,8s8-3.589,8-8S34.411,22,30,22z"/></symbol><symbol id="line" viewBox="0 0 42 42"><title>line</title><path d="M37.059,16H26H16H4.941C2.224,16,0,18.282,0,21s2.224,5,4.941,5H16h10h11.059C39.776,26,42,23.718,42,21 S39.776,16,37.059,16z"/></symbol><symbol id="push-pin" viewBox="0 0 53.011 53.011"><title>push-pin</title><path d="M52.963,21.297c-0.068-0.329-0.297-0.603-0.609-0.727c-2.752-1.097-5.67-1.653-8.673-1.653 c-4.681,0-8.293,1.338-9.688,1.942L19.114,8.2c0.52-4.568-1.944-7.692-2.054-7.828C16.881,0.151,16.618,0.016,16.335,0 c-0.282-0.006-0.561,0.091-0.761,0.292L0.32,15.546c-0.202,0.201-0.308,0.479-0.291,0.765c0.016,0.284,0.153,0.549,0.376,0.726 c2.181,1.73,4.843,2.094,6.691,2.094c0.412,0,0.764-0.019,1.033-0.04l12.722,14.954c-0.868,2.23-3.52,10.27-0.307,18.337 c0.124,0.313,0.397,0.541,0.727,0.609c0.067,0.014,0.135,0.021,0.202,0.021c0.263,0,0.518-0.104,0.707-0.293l14.57-14.57 l13.57,13.57c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414l-13.57-13.57 l14.527-14.528C52.929,21.969,53.031,21.627,52.963,21.297z"/></symbol></svg>
</div>
<button class="window-button" title="Minimize" id="minimize-window-button">
<svg class="icon">
<use xlink:href="#line" />
</svg>
</button>
<button class="window-button" title="Close" id="close-window-button">
<svg class="icon">
<use xlink:href="#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 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>