298977887/ComfyUI
1
0
Fork 0
mirror of https://github.com/comfyanonymous/ComfyUI.git synced 2025-03-15 05:57:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modal now actually shows up on colab.

Browse Source
This commit is contained in:
comfyanonymous 2023-01-27 22:51:08 -05:00
parent 88d0f4b397
commit e6aa9f0c0a
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
webshit/index.html
View File

@ -8,7 +8,7 @@
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
z-index: 100; /* Sit on top */
left: 50%; /* Center the modal horizontally */
top: 50%; /* Center the modal vertically */
transform: translate(-50%, -50%); /* Use this to center the modal */
@ -45,7 +45,7 @@
margin-bottom: 20px; /* Add some margin between the text and the close button*/
}
</style>
<div id="myModal" class="modal">
<div id="myErrorModal" class="modal">
<div class="modal-content">
<p id="modal-text"></p>
<span class="close">CLOSE</span>
@ -314,30 +314,24 @@ function graphToPrompt() {
return output;
}
function showModal(text) {
var modal = document.getElementById("myModal");
var modalText = document.getElementById("modal-text");
modalText.innerHTML = text;
modal.style.display = "block";
}
function closeModal() {
var modal = document.getElementById("myModal");
var modal = document.getElementById("myErrorModal");
modal.style.display = "none";
}
var closeBtn = document.getElementsByClassName("close")[0];
closeBtn.onclick = closeModal;
window.onclick = function(event) {
if (event.target == modal) {
closeModal();
}
function showModal(text) {
var modal = document.getElementById("myErrorModal");
var modalText = document.getElementById("modal-text");
modalText.innerHTML = text;
modal.style.display = "block";
var closeBtn = modal.getElementsByClassName("close")[0];
closeBtn.onclick = function(event) {closeModal();}
}
function promptPosted(data)
{
if (data.status == 400) {
if (data.status != 200) {
data.text().then(dt => showModal(dt));
return;
}