-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
133 lines (128 loc) · 3.57 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
<!--
* Copyright (c) 2025 Mike McCracken
* MIT License - see LICENSE file in root directory
-->
<!DOCTYPE html>
<html>
<head>
<title>Finicky Link Router Options</title>
<style>
body {
padding: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.container {
max-width: 600px;
margin: 0 auto;
}
.current-selection, .debug-mode, .redirect-default {
margin: 20px 0;
padding: 15px;
background: #f5f5f5;
border-radius: 8px;
}
button {
background: #DC3545;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
}
button:hover {
background: #c82333;
}
.toggle-switch {
display: flex;
align-items: center;
gap: 10px;
}
.toggle-switch input[type="checkbox"] {
width: 40px;
height: 20px;
appearance: none;
background: #ddd;
border-radius: 10px;
position: relative;
cursor: pointer;
}
.toggle-switch input[type="checkbox"]:checked {
background: #4CAF50;
}
.toggle-switch input[type="checkbox"]::before {
content: "";
width: 18px;
height: 18px;
background: white;
position: absolute;
border-radius: 50%;
top: 1px;
left: 1px;
transition: 0.2s;
}
.toggle-switch input[type="checkbox"]:checked::before {
left: 21px;
}
.config-editor {
margin: 20px 0;
}
.config-editor textarea {
width: 100%;
height: 300px;
font-family: monospace;
padding: 10px;
margin: 10px 0;
border-radius: 4px;
border: 1px solid #ddd;
}
.save-button {
background: #4CAF50;
}
.save-button:hover {
background: #45a049;
}
</style>
</head>
<body>
<div class="container">
<h1>Finicky Link Router Options</h1>
<div class="current-selection">
<h2>Current Browser</h2>
<p>Select the browser you are currently using:</p>
<select id="browserSelect">
<option value="">Select a browser...</option>
<option value="Google Chrome">Google Chrome</option>
<option value="Microsoft Edge">Microsoft Edge</option>
<option value="Brave Browser">Brave Browser</option>
<option value="Opera">Opera</option>
<option value="Vivaldi">Vivaldi</option>
<option value="Arc">Arc</option>
</select>
</div>
<div class="config-editor">
<h2>Finicky Configuration</h2>
<p>Paste your Finicky configuration here:</p>
<textarea id="configText" spellcheck="false"></textarea>
<button id="saveConfig" class="save-button">Save Configuration</button>
</div>
<div class="redirect-default">
<h2>Redirect to Default Browser</h2>
<div class="toggle-switch">
<input type="checkbox" id="redirectToDefault">
<label for="redirectToDefault">Redirect to Default Browser</label>
</div>
<p class="description">When enabled, links will be redirected to the default browser if no Finicky rule matches. When disabled, unmatched links will not be intercepted.</p>
</div>
<div class="debug-mode">
<h2>Debug Mode</h2>
<div class="toggle-switch">
<input type="checkbox" id="debugMode">
<label for="debugMode">Enable Debug Mode. Warning: Will pop up an annoying alert every time you click a link</label>
</div>
</div>
</div>
<script src="constants.js"></script>
<script src="finicky_config.js"></script>
<script src="options.js"></script>
</body>
</html>