Skip to content

refactor: Remove jQuery dependency. Use vanilla JS. #73

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
shreddedbacon merged 2 commits into from
Feb 3, 2026
Merged

refactor: Remove jQuery dependency. Use vanilla JS. #73

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
12da8a4
Remove jQuery dependency. Use vanilla JS.
seanhamlin Feb 1, 2026
8501515
Remove jQuery from all templates. Also popper.js, which was unused.
seanhamlin Feb 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 25 additions & 25 deletions resources/html/error.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,52 +1,52 @@
{{define "base"}}
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ .ErrorCode }} {{ .ErrorMessage }}</title>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<style>
/*
* Globals
*/
/* Custom default button */
* Globals
*/
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
}
/*
* Base structure
*/
* Base structure
*/
body {
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
font-size: larger;
}
.cover-container {
max-width: 42em;
max-width: 60em;
}
/*
* Header
*/
* Header
*/
.nav-masthead .nav-link {
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
margin-left: 1rem;
}
.nav-masthead .active {
color: #fff;
border-bottom-color: #fff;
color: #fff;
border-bottom-color: #fff;
}
</style>
</head>
Expand Down
54 changes: 26 additions & 28 deletions resources/html/forced.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,60 @@
{{define "base"}}
<html>
<html lang="en">
<head>
<!-- refresh the page -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Scaled | Lagoon</title>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<style>
/*
* Globals
*/
/* Custom default button */
* Globals
*/
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
}
/*
* Base structure
*/
* Base structure
*/
body {
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
font-size: larger;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
font-size: larger;
}
.cover-container {
max-width: 60em;
max-width: 60em;
}
/*
* Header
*/
* Header
*/
.nav-masthead .nav-link {
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
margin-left: 1rem;
}
.nav-masthead .active {
color: #fff;
border-bottom-color: #fff;
color: #fff;
border-bottom-color: #fff;
}
</style>
</head>
<body class="d-flex h-100 text-center text-black bg-light">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">This environment has been forcibly scaled. To restore this environment trigger a deployment.</h3>
<h3 class="float-md-start mb-0">This environment has been forcibly scaled. To restore this environment, trigger a new deployment.</h3>
</div>
</header>
<main class="px-3">
Expand Down
89 changes: 48 additions & 41 deletions resources/html/unidle.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,55 +1,53 @@
{{define "base"}}
<html>
<html lang="en">
<head>
<!-- refresh the page -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Preparing your environment | Lagoon</title>
<meta http-equiv="refresh" content="{{ .RefreshInterval }}">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<style>
/*
* Globals
*/
/* Custom default button */
* Globals
*/
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
color: #333;
text-shadow: none; /* Prevent inheritance from `body` */
}
/*
* Base structure
*/
* Base structure
*/
body {
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
font-size: larger;
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
font-size: larger;
}
.cover-container {
max-width: 60em;
max-width: 60em;
}
/*
* Header
*/
* Header
*/
.nav-masthead .nav-link {
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
padding: .25rem 0;
font-weight: 700;
color: rgba(255, 255, 255, .5);
background-color: transparent;
border-bottom: .25rem solid transparent;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
margin-left: 1rem;
}
.nav-masthead .active {
color: #fff;
border-bottom-color: #fff;
color: #fff;
border-bottom-color: #fff;
}
</style>
</head>
Expand Down Expand Up @@ -84,25 +82,34 @@ <h3 class="float-md-start mb-0">Preparing your environment</h3>
</p>
</main>
<footer class="mt-auto text-dark">
<p>Refreshing in <span id="countdowntimer">{{ .RefreshInterval }} </span> Seconds</p>
<p>Refreshing in <span id="countdowntimer">{{ .RefreshInterval }}</span> Seconds</p>
<small class="text-muted">If this page persists, contact your Lagoon administrator to check for issues unidling</small>
</footer>
</div>
<script type="text/javascript">
var timeleft = {{ .RefreshInterval }};
var downloadTimer = setInterval(function(){
timeleft--;
document.getElementById("countdowntimer").textContent = timeleft;
if(timeleft <= 0)
clearInterval(downloadTimer);
},1000);
<script>
var timeleft = {{ .RefreshInterval }};
var downloadTimer = setInterval(function() {
timeleft--;
var countdownElement = document.getElementById('countdowntimer');
if (countdownElement) {
countdownElement.textContent = timeleft;
}
if (timeleft <= 0) {
clearInterval(downloadTimer);
}
}, 1000);
</script>
{{if ne .Verifier ""}}
var host = window.location.origin;
jQuery(document).ready(function(){
jQuery.get(host+"?verifier={{ .Verifier }}", () => {});
});
{{ end }}
<script>
const host = window.location.origin;
document.addEventListener('DOMContentLoaded', () => {
fetch(
host + '?verifier={{ .Verifier }}',
{ method: 'GET' }
);
});
</script>
{{ end }}
</body>
</html>
{{end}}
Loading