-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
93 lines (90 loc) · 3.4 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="material.css">
<link rel="stylesheet" href="materialize.min.css">
<link rel="stylesheet" href="icon.css">
</head>
<body class="login-body">
<form id="options">
<fieldset>
<legend>Nextcloud instance data</legend>
<div class="row">
<div class="input-field">
<label for="instance">Your Nextcloud Instance:</label><br>
<input type="url" id="instance" class="validate" name="instance" placeholder="https://nextcloud.example.com"
required autofocus><br>
</div>
</div>
<div class="row">
<div class="input-field">
<label for="username">Username:</label><br>
<input type="text" id="username" class="validate" name="username" placeholder="username" required><br>
</div>
</div>
<div class="row">
<div class="input-field">
<label for="password">Password:</label><br>
<input type="password" id="password" class="validate" name="password" placeholder="password" required><br>
</div>
</div>
</fieldset>
<fieldset>
<legend>Saving options</legend>
<div class="switch col s6 development">
<span class="developmenttext">This feature is still in active development and is going to be ready soon!
Checkout the news on GitHub and be ready for an update!
</span>
<label for="archive">
<input type="checkbox" id="archive" name="archive" disabled><span class="lever"></span>
Save copy to <a href="https://web.archive.org/" target="_blank"> Web Archive</a>
<span class="options_description">
<p>Checking this option also saves the webpage to Wayback Machine (Internet Web Archive)
so you can access it even if the original website is no longer available.
Also it automatically adds address of archived version of website into card description.</p>
<p>This option is recommended</p>
</span>
</label>
</div>
</fieldset>
<fieldset>
<legend>Debug mode</legend>
<div class="switch col s6">
<label for="debug">
<input type="checkbox" id="debug" name="debug" value="debug"><span class="lever"></span>
Debug mode
<span class="options_description">
<p>Checking this option outputs a lot of information into Developer Tools (console).
This meant to be use for development purposes and shoud not bother you in any case you're not a developer.
</p>
<p>This option is not recommended</p>
</span>
</label>
</div>
</fieldset>
<div id="status"></div>
<input id="save" type="submit" value="Save" class="btn waves-effect waves-light blue right">
</form>
</div>
<ul id="decksList">
<template id="boardItem-template">
<li>
<span class="title boardTitle">board: </span><br>
<ul id="stacksList"></br>
<template id="stackItem-template">
<li>
<label for="selectStack">
<input type="radio" name="selectStack" value="">
<span class="title stackTitle"></span>
</label>
</li>
</template>
</ul>
</li>
</template>
</ul>
<script src="getDecks.js"></script>
<script src="UI.js"></script>
<script src="options.js"></script>
</body>
</html>