-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathoptions.html
110 lines (107 loc) · 4.63 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
<!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/options.css">
<title>Yape Options</title>
</head>
<body>
<div class="text-center h1 m-5">
Yape Options
</div>
<div class="d-flex justify-content-center">
<form>
<div class="form-group">
<label for="serverIp">PyLoad 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 PyLoad server"></i>
<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">PyLoad server's port</label>
<i class="fa text-primary fa-info-circle ml-2" data-toggle="tooltip" data-placement="right" data-original-title="Default ports are 80 for HTTP and 443 HTTPS"></i>
<input type="number" class="form-control" id="serverPort">
<div id="serverPortFeedback" class="invalid-feedback">
Please provide a valid port
</div>
</div>
<div class="form-group">
<label for="serverPath">PyLoad 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 PyLoad server"></i>
<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" for="useHTTPS">Use HTTPS</label>
</div>
<div class="form-group flex items-center justify-content-center mt-4">
<label class="h5">Your PyLoad URL:</label>
<div class="flex text-center mt-2">
<label class="h6" id="currentURL"></label>
</div>
</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>You are not logged in
</div>
</div>
</form>
</div>
<div class="d-flex justify-content-center align-items-center" id="spinnerDiv">
</div>
<div class="d-flex justify-content-center">
<div class="m-2">
<button id="saveButton" class="btn btn-primary m-1">Save</button>
<button id="loginButton" class="btn btn-primary m-1" hidden>Login</button>
</div>
</div>
<div id="loginModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Login</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>Login to PyLoad server is required, credentials will not be stored.</p>
<form>
<div class="form-group">
<label for="username">Username</label>
<input type="text" class="form-control" id="username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password">
</div>
<div class="d-flex justify-content-center">
<div id="alertDanger" class="alert alert-danger m-2" hidden></div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button id="loginButtonModal" type="button" class="btn btn-primary">Login</button>
</div>
</div>
</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/pyload-api.js"></script>
<script type="text/javascript" src="js/storage.js"></script>
<script src="options.js"></script>
</html>