fix up bug where sucess used instead of success, also if we delete/restore/move a file from inside the viewer, then adjust the files* divs, and go out of the viewer (back/up) and show updated files div

This commit is contained in:
2025-10-27 22:06:54 +11:00
parent bb43cc5623
commit d247ecec54
4 changed files with 19 additions and 16 deletions

3
TODO
View File

@@ -1,6 +1,3 @@
restore dialog has ok button without colour
delete from viewer on success should go up
### GENERAL ### GENERAL
* jobs for AI should show path name * jobs for AI should show path name
* rm dups job should show progress bar * rm dups job should show progress bar

View File

@@ -201,7 +201,7 @@ function DelDBox(del_or_undel)
else else
{ {
which="restore" which="restore"
col="sucess" col="success"
} }
document.ents_to_del=[] document.ents_to_del=[]
@@ -905,6 +905,9 @@ function handleCheckAmendmentJobStatus(data)
handleTransformImageJobCompleted(data.job, data.entry) handleTransformImageJobCompleted(data.job, data.entry)
else if ( data.job.name == 'delete_files' || data.job.name == 'restore_files' || data.job.name == 'move_files' ) else if ( data.job.name == 'delete_files' || data.job.name == 'restore_files' || data.job.name == 'move_files' )
handleMoveOrDeleteOrRestoreFileJobCompleted(data.job) handleMoveOrDeleteOrRestoreFileJobCompleted(data.job)
// if we are viewing this file, then just go up / back,b/c this file is "gone" from this view
if( document.viewing )
goOutOfViewer()
} }
else { setTimeout( function() { checkForAmendmentJobToComplete(data.job.id) }, 1000 ); } else { setTimeout( function() { checkForAmendmentJobToComplete(data.job.id) }, 1000 ); }
} }

View File

@@ -80,16 +80,19 @@ function DrawImg()
// -50 is a straight up hack, no idea why this works, but its good enough for me // -50 is a straight up hack, no idea why this works, but its good enough for me
if (!Array.isArray(am)) if (!Array.isArray(am))
{ {
const style = 'position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);'; $('#throbber').show()
$('#throbber').attr('style', style + ' height: 96px;'); $('#white-circle').show()
$('#white-circle').attr('style', style + ' height: 72px;');
if(am.type.which == 'img' ) if(am.type.which == 'img' )
$('#inside-img').attr('style', style + ' height: 64px;').attr('src', '/internal/'+am.type.what ); {
$('#inside-img').attr('src', '/internal/'+am.type.what );
$('#inside-img').show()
}
else else
{ {
$('#inside-icon').attr('style', `${style} color:${am.type.colour}; height: 64px;`) $('#inside-icon').attr('style', `color:${am.type.colour};height:64px` )
$('#inside-icon').attr('fill', am.type.colour ) $('#inside-icon').attr('fill', am.type.colour )
$('#inside-icon use').attr('xlink:href', `/internal/icons.svg#${am.type.what}`); $('#inside-icon use').attr('xlink:href', `/internal/icons.svg#${am.type.what}`);
$('#inside-icon').show()
} }
} else { } else {
$('#throbber').hide() $('#throbber').hide()

View File

@@ -140,10 +140,12 @@
<figure style="position: relative;" class="col col-auto border border-info rounded m-0 p-1" id="figure"> <figure style="position: relative;" class="col col-auto border border-info rounded m-0 p-1" id="figure">
<canvas id="canvas"></canvas> <canvas id="canvas"></canvas>
<!-- next 4 are placeholders and called on during amendments only in viewer code --> <!-- next 4 are placeholders and called on during amendments only in viewer code -->
<img id="throbber" src="{{url_for('internal', filename='throbber.gif')}}?v={{js_vers[th]}}" style="display:none;"> <img id="throbber" src="{{url_for('internal', filename='throbber.gif')}}?v={{js_vers[th]}}" style="display:none;height:96px"
<img id="white-circle" src="{{url_for('internal', filename='white-circle.png')}}?v={{js_vers[th]}}" style="display:none;"> class="position-absolute top-50 start-50 translate-middle">
<img id="inside-img" style="display:none;"> <img id="white-circle" src="{{url_for('internal', filename='white-circle.png')}}?v={{js_vers[th]}}" style="display:none;height:72px"
<svg id="inside-icon" style="display:none;" fill="currentColor"> class="position-absolute top-50 start-50 translate-middle">
<img id="inside-img" style="display:none;height:64px" class="position-absolute top-50 start-50 translate-middle">
<svg id="inside-icon" style="display:none;height:64px" class="position-absolute top-50 start-50 translate-middle">
<use xlink:href="{{url_for('internal', filename='icons.svg')}}?v={{js_vers['ic']}}#flip_v"> <use xlink:href="{{url_for('internal', filename='icons.svg')}}?v={{js_vers['ic']}}#flip_v">
</use></svg> </use></svg>
<script> <script>
@@ -274,10 +276,8 @@
// force pageList to set pageList for & render the first page // force pageList to set pageList for & render the first page
getPage(1,getPageFigures) getPage(1,getPageFigures)
// FIXME: doco, but also gather all globals together, many make them all document. to be obviously global (and add fullscreen) // gap is used to keep some space around video in viewer - tbh, not sure why anymore
var gap=0.8 var gap=0.8
var grayscale=0
var throbber=0
function PrettyFname(fname) function PrettyFname(fname)
{ {