diff --git a/php/public/automatic_reload.js b/php/public/automatic_reload.js
index 2fef31a6..7b14a3c4 100644
--- a/php/public/automatic_reload.js
+++ b/php/public/automatic_reload.js
@@ -1,17 +1,19 @@
-if (document.hasFocus()) {
- // hide reload button if the site reloads automatically
- let list = document.getElementsByClassName("reload button");
- for (let i = 0; i < list.length; i++) {
- // list[i] is a node with the desired class name
- list[i].style.display = 'none';
- }
+document.addEventListener("DOMContentLoaded", function(event) {
+ if (document.hasFocus()) {
+ // hide reload button if the site reloads automatically
+ let list = document.getElementsByClassName("reload button");
+ for (let i = 0; i < list.length; i++) {
+ // list[i] is a node with the desired class name
+ list[i].style.display = 'none';
+ }
- // set timeout for reload
- setTimeout(function(){
- window.location.reload(1);
- }, 5000);
-} else {
- window.addEventListener("beforeunload", function() {
- document.getElementById('overlay').classList.add('loading')
- });
-}
\ No newline at end of file
+ // set timeout for reload
+ setTimeout(function(){
+ window.location.reload(1);
+ }, 5000);
+ } else {
+ window.addEventListener("beforeunload", function() {
+ document.getElementById('overlay').classList.add('loading')
+ });
+ }
+});
diff --git a/php/public/domain-prefill.js b/php/public/domain-prefill.js
new file mode 100644
index 00000000..c81f2231
--- /dev/null
+++ b/php/public/domain-prefill.js
@@ -0,0 +1,7 @@
+document.addEventListener("DOMContentLoaded", function(event) {
+ // domain
+ let domain = document.getElementById("domain_input");
+ if (domain) {
+ domain.value = window.location.host
+ }
+});
diff --git a/php/public/style.css b/php/public/style.css
index f34b20bf..b9418737 100644
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -6,6 +6,7 @@ html, body {
a {
text-decoration: none;
+ color: #0082c9;
}
.button {
@@ -197,7 +198,7 @@ header {
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
- border-top: 16px solid #3498db;
+ border-top: 16px solid #0082c9;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; /* Safari */
diff --git a/php/public/timezone.js b/php/public/timezone.js
new file mode 100644
index 00000000..b43bdfe7
--- /dev/null
+++ b/php/public/timezone.js
@@ -0,0 +1,7 @@
+document.addEventListener("DOMContentLoaded", function(event) {
+ // timezone
+ let timezone = document.getElementById("timezone");
+ if (timezone) {
+ timezone.value = Intl.DateTimeFormat().resolvedOptions().timeZone
+ }
+});
diff --git a/php/templates/containers.twig b/php/templates/containers.twig
index 4249cb2e..fd750256 100644
--- a/php/templates/containers.twig
+++ b/php/templates/containers.twig
@@ -20,6 +20,12 @@
{# Add 2nd tab warning #}
+
+ {# Add domain-prefill #}
+
+
+ {# timezone-prefill #}
+
{% set isAnyRunning = false %}
{% set isAnyRestarting = false %}
@@ -100,7 +106,7 @@
Please note: The domain validation is disabled so any domain will be accepted here! So make sure that you do not make a typo here as you will not be able to change it afterwards!
{% endif %}