-
-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathoptions.html
85 lines (84 loc) · 3.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<link rel="stylesheet" type="text/css" href="css/overseerr.min.css">
<link rel="stylesheet" type="text/css" href="css/options.css">
<title>Overseerr Options</title>
</head>
<body>
<div class="flex row justify-center m-5">
<img class="overseerr-icon mb-2 mr-4" src="images/icon.png" alt="Overseerr icon"/>
<div>
<div class="text-white h1 pt-2">Overseerr Assistant</div>
<div class="text-white h4 pl-1">Options</div>
</div>
</div>
<div class="d-flex justify-center">
<form>
<div class="form-group">
<label for="serverAPIKey">Overseerr API key</label>
<input type="text" class="form-control" id="serverAPIKey">
<div id="serverAPIKeyFeedback" class="invalid-feedback">
Please provide a valid API key
</div>
</div>
<div class="form-group">
<div class="flex m-0 row">
<label for="serverIp">Overseerr server's host</label>
<i class="fa text-primary fa-info-circle ml-2" data-toggle="tooltip" data-placement="right" data-original-title="The domain name, IP address or hostname of the Overseerr server"></i>
</div>
<input type="text" class="form-control" id="serverIp">
<div id="serverIpFeedback" class="invalid-feedback">
Please provide a valid host
</div>
</div>
<div class="form-group">
<label for="serverPort">Overseerr server's port</label>
<input type="number" class="form-control" id="serverPort">
</div>
<div class="form-group">
<div class="flex m-0 row">
<label for="serverPath">Overseerr server's path</label>
<i class="fa text-primary fa-info-circle ml-2" data-toggle="tooltip" data-placement="right" data-original-title="The path of the Overseerr server"></i>
</div>
<input type="text" class="form-control" id="serverPath">
<div id="serverPathFeedback" class="invalid-feedback">
Please provide a valid path
</div>
</div>
<div class="form-check flex items-center">
<input type="checkbox" class="form-check-input" id="useHTTPS">
<label class="form-check-label ml-3 mt-1" for="useHTTPS">Use HTTPS</label>
</div>
<div class="form-group text-white justify-content-center">
<label class="h4">Your Overseer URL:</label>
<label class="h6 text-center" id="currentURL"></label>
</div>
<div class="d-flex justify-content-center">
<div id="loginStatusOK" class="alert alert-success mt-2" hidden>
<i class="fa fa-check small mr-3"></i>You are logged in
</div>
<div id="loginStatusKO" class="alert alert-danger mt-2" hidden>
<i class="fa fa-times small mr-3"></i>Unable to connect to Overseerr
</div>
</div>
</form>
</div>
<div class="text-center pt-2 pb-1" id="spinnerDiv">
</div>
<div class="flex row justify-center">
<div class="m-2">
<button id="saveButton" class="btn btn-primary m-1">Save</button>
</div>
</div>
</body>
<script type="text/javascript" src="js/lib/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="js/lib/popper.min.js"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/overseerr-api.js"></script>
<script type="text/javascript" src="js/storage.js"></script>
<script src="options.js"></script>
</html>