89 lines
3.4 KiB
HTML
89 lines
3.4 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">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3 style="white-space: nowrap;">not-a-rescheduler <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 form-group">
|
|
<label for="username">Username</label>
|
|
<input type="text" class="form-control" id="username" placeholder="Username">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col form-group">
|
|
<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</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<button type="button" class="btn btn-primary" id="saveButton">Save credentials</button>
|
|
<span id="saveStatus">Saved!</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="frequency" class="form-label">Frequency (minutes)</label>
|
|
</div>
|
|
<div class="col">
|
|
<input type="number" class="form-control" id="frequency" placeholder="minutes">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="deltaAppt">Appointment delta (days)</label>
|
|
</div>
|
|
<div class="col">
|
|
<input type="number" class="form-control" id="deltaAppt" placeholder="days">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="deltaNow">Preparation time (days)</label>
|
|
</div>
|
|
<div class="col">
|
|
<input type="number" class="form-control" id="deltaNow" placeholder="days">
|
|
</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="autobook">
|
|
<label class="form-check-label" for="autobook">Autobook</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
Current appointment: <span id="currApptConsulate">somewhere</span>, <span id="currApptDate">some time</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
Status: <span id="status">Inactive</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="bootstrap.bundle.min.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |