enable progressbar without gallery (d8f8bcb8) · Commits · github_fork / Stable Diffusion Webui

javascript/progressbar.js

+15 −9

Original line number	Diff line number	Diff line
		@@ -130,7 +130,7 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
		var dateStart = new Date()
		var wasEverActive = false
		var parentProgressbar = progressbarContainer.parentNode
		var parentGallery = gallery.parentNode
		var parentGallery = gallery ? gallery.parentNode : null

		var divProgress = document.createElement('div')
		divProgress.className='progressDiv'
		@@ -141,14 +141,16 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
		divProgress.appendChild(divInner)
		parentProgressbar.insertBefore(divProgress, progressbarContainer)

		if(parentGallery){
		var livePreview = document.createElement('div')
		livePreview.className='livePreview'
		parentGallery.insertBefore(livePreview, gallery)
		}

		var removeProgressBar = function(){
		setTitle("")
		parentProgressbar.removeChild(divProgress)
		parentGallery.removeChild(livePreview)
		if(parentGallery) parentGallery.removeChild(livePreview)
		atEnd()
		}

		@@ -168,6 +170,7 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
		progressText = ""

		divInner.style.width = ((res.progress \|\| 0) * 100.0) + '%'
		divInner.style.background = res.progress ? "" : "transparent"

		if(res.progress > 0){
		progressText = ((res.progress \|\| 0) * 100.0).toFixed(0) + '%'
		@@ -175,11 +178,15 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre

		if(res.eta){
		progressText += " ETA: " + formatTime(res.eta)
		} else if(res.textinfo){
		progressText += " " + res.textinfo
		}


		setTitle(progressText)

		if(res.textinfo && res.textinfo.indexOf("\n") == -1){
		progressText = res.textinfo + " " + progressText
		}

		divInner.textContent = progressText

		var elapsedFromStart = (new Date() - dateStart) / 1000
		@@ -197,8 +204,7 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
		}


		if(res.live_preview){

		if(res.live_preview && gallery){
		var rect = gallery.getBoundingClientRect()
		if(rect.width){
		livePreview.style.width = rect.width + "px"

style.css

+3 −16

Original line number	Diff line number	Diff line
		@@ -290,26 +290,12 @@ input[type="range"]{
		min-height: unset !important;
		}

		#txt2img_progressbar, #img2img_progressbar, #ti_progressbar{
		position: absolute;
		z-index: 1000;
		right: 0;
		padding-left: 5px;
		padding-right: 5px;
		display: block;
		}

		#txt2img_progress_row, #img2img_progress_row{
		margin-bottom: 10px;
		margin-top: -18px;
		}

		.progressDiv{
		position: absolute;
		height: 20px;
		top: -20px;
		background: #b4c0cc;
		border-radius: 8px !important;
		border-radius: 3px !important;
		}

		.dark .progressDiv{
		@@ -325,9 +311,10 @@ input[type="range"]{
		line-height: 20px;
		padding: 0 8px 0 0;
		text-align: right;
		border-radius: 8px;
		border-radius: 3px;
		overflow: visible;
		white-space: nowrap;
		padding: 0 0.5em;
		}

		.livePreview{

Admin message