64 lines
2.5 KiB
HTML
64 lines
2.5 KiB
HTML
<!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">
|
|
<style>
|
|
/* Set a minimum width for the body */
|
|
body {
|
|
min-width: 300px; /* Adjust the value as desired */
|
|
}
|
|
</style>
|
|
</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="0.5">
|
|
<label for="frequency">Frequency of checks<br>(every <span id="frequency_info">1</span> minutes)</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<p>Status: <span id="status">Inactive</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |