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