notif-visa-ext/popup/popup.html

58 lines
2.3 KiB
HTML
Raw Normal View History

2024-04-20 05:14:53 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>not-a-rescheduler popup</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12">
<h3 style="white-space: nowrap;">not-a-rescheduler<br><span id="version"></span></h3>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-check form-switch" style="text-align: left;">
<input class="form-check-input" type="checkbox" role="switch" id="activate">
<label class="form-check-label" for="activate">Activate the script</label>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="form-group mb-2">
<label for="username">Username</label>
<input type="text" class="form-control" id="username" placeholder="Username">
</div>
<div class="form-group mb-2">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password">
<button type="button" id="showPassword" class="btn btn-link btn-sm">Show password</button>
</div>
<div class="mb-2">
<button type="button mb-2" class="btn btn-primary" id="saveButton">Save credentials</button>
<span id="saveStatus">Saved!</span>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="mb-2">
<input type="range" id="frequency" name="frequency" min="1" max="10" step="1">
2024-04-20 05:14:53 +00:00
<label for="frequency">Frequency of checks<br>(every <span id="frequency_info">1</span> minutes)</label>
</div>
</div>
</div>
2024-04-21 04:03:26 +00:00
<div class="row">
<div class="col">
<p>Status: <span id="status">Inactive</span></p>
</div>
</div>
2024-04-20 05:14:53 +00:00
</div>
<script src="popup.js"></script>
</body>
</html>