diff options
author | NunoSempere <nuno.sempere@protonmail.com> | 2023-06-17 00:19:29 -0600 |
---|---|---|
committer | NunoSempere <nuno.sempere@protonmail.com> | 2023-06-17 00:19:29 -0600 |
commit | 1cf68bb1fe2ebabb470dc072f300fbf7d3f7d5fa (patch) | |
tree | 871451d5fb7c75dc1b7ff01975c4c0482be98df6 /plugins/style | |
parent | a24af4aad1ee1e9860b35ff0a9976d1c0fcbbff9 (diff) |
custom alert first pass, with GPT-4 help
Diffstat (limited to 'plugins/style')
-rw-r--r-- | plugins/style/style.c | 2 | ||||
-rw-r--r-- | plugins/style/style.h | 2 | ||||
-rw-r--r-- | plugins/style/style.js | 63 |
3 files changed, 64 insertions, 3 deletions
diff --git a/plugins/style/style.c b/plugins/style/style.c index a89bd6e..34f7f35 100644 --- a/plugins/style/style.c +++ b/plugins/style/style.c @@ -1,7 +1,7 @@ #include <stdio.h> #include <stdlib.h> #include <string.h> -#define STYLE_N 1781 + 1 +#define STYLE_N 3640 + 1 void read_style_js(char* string) { diff --git a/plugins/style/style.h b/plugins/style/style.h index 1fe1a37..75dd3ee 100644 --- a/plugins/style/style.h +++ b/plugins/style/style.h @@ -1,7 +1,7 @@ #ifndef STYLE #define STYLE -#define STYLE_N 1781 + 1 +#define STYLE_N 3640 + 1 void read_style_js(char* string); diff --git a/plugins/style/style.js b/plugins/style/style.js index ed62991..cc98fa9 100644 --- a/plugins/style/style.js +++ b/plugins/style/style.js @@ -70,5 +70,66 @@ if(styles != null){ console.log('Style changed') } -document.body.style.visibility = "visible" +// Replace default alert with new function +// whose style can be changed! +window.alert = function(message) { + // Check if the alert dialog already exists + var alertDiv = document.getElementById('customAlert'); + if (!alertDiv) { + // Create the alert dialog + alertDiv = document.createElement('div'); + alertDiv.id = 'customAlert'; + alertDiv.className = 'custom-alert hidden'; + + var contentDiv = document.createElement('div'); + contentDiv.className = 'custom-alert-content'; + + var alertMessage = document.createElement('p'); + alertMessage.id = 'alertMessage'; + + var okButton = document.createElement('button'); + okButton.id = 'alertOkButton'; + okButton.textContent = 'OK'; + okButton.onclick = function() { + alertDiv.classList.add('hidden'); + }; + + contentDiv.appendChild(alertMessage); + contentDiv.appendChild(okButton); + alertDiv.appendChild(contentDiv); + document.body.appendChild(alertDiv); + + // Inject CSS + var style = document.createElement('style'); + style.innerHTML = ` + .custom-alert { + position: fixed; + z-index: 999; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0,0,0,0.4); + } + .custom-alert-content { + background-color: #fefefe; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + } + .hidden { + display: none; + }`; + document.head.appendChild(style); + } + + // Show the alert dialog + document.getElementById('alertMessage').textContent = message; + alertDiv.classList.remove('hidden'); +} + +// alert("Hello world!") +document.body.style.visibility = "visible" |