105 lines
3.9 KiB
HTML
105 lines
3.9 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">
|
|
<!-- version info -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3 style="white-space: nowrap;">not-a-rescheduler <span id="version"></span></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- activate slider -->
|
|
<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>
|
|
|
|
<!-- credentials -->
|
|
<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">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<button type="button" id="showPassword" class="btn btn-link btn-sm">Show</button>
|
|
</div>
|
|
<div class="col">
|
|
<button type="button" class="btn btn-primary btn-sm" id="saveButton">Save credentials</button>
|
|
<span id="saveStatus">Saved!</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- reschedule parameters -->
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="frequency">Check frequency<br>(every <span id="frequency_info">N</span> minutes)</label>
|
|
</div>
|
|
<div class="col">
|
|
<input type="range" id="frequency" name="frequency" min="1" max="15" step="1">
|
|
</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" min="1" max="365">
|
|
</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" min="1" max="365">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- consulates -->
|
|
<div class="row">
|
|
<div class="col">Consulates:</div>
|
|
</div>
|
|
<div id="consulatesConfig">
|
|
</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 class="smooth-text" id="status">Inactive</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col">
|
|
<button type="button" class="btn btn-info btn-sm" id="showConfigButton">Config</button>
|
|
<button type="button" class="btn btn-danger btn-sm" id="resetButton">Reset</button>
|
|
<span id="resetStatus">Cleaned up!</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="bootstrap.bundle.min.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html> |