added small spaces before first row of images to stop squishing into navbar, added flipping / made that work, and now show thumbnail after rotation/flip is finished - all works, and removed debugs

templates/files.html

@@ -18,7 +18,7 @@
             {% if search_term is defined %}
                 <input type="hidden" name="term" id="view_term" value="{{search_term}}">
             {% endif %}
-            <div class="row">
+            <div class="row mb-2">
                 {% if folders %}
                     <div class="mx-3 my-auto">
                         <span class="alert alert-primary">
@@ -347,8 +347,6 @@ var attempt=0;
 
 function CheckRotateJob(id,job_id)
 {
-    console.log( 'CheckRotateJob: ' + id + ', ' + job_id )
-    {# TODO: all the code except for the SetTimeout to be replaced with a post / check response from f/e #}
     $.ajax(
         {
             type: 'POST', data: '&job_id='+job_id, url: '/checkrotatejob', success: function(data) { 
@@ -357,6 +355,7 @@ function CheckRotateJob(id,job_id)
                     $('#s'+id).hide()
                     $('#'+id).find('img.thumb').attr('style', 'filter: color(100%);' );
                     $('#'+id).addClass('entry')
+                    $('#'+id).find('.thumb').attr('src', 'data:image/jpeg;base64,'+data.thumbnail)
                     return false;
                 }
                 else
@@ -369,7 +368,6 @@ function CheckRotateJob(id,job_id)
 
 function Rotate(amt)
 {
-    console.log('rotate: '+amt)
     $('.highlight').each(function( id, e ) { 
         post_data = '&amt='+amt+'&id='+e.id
         {# send rotate for this image, grayscale the thumbmail, add color spinning wheel overlay, and start checking for job end #}
@@ -416,7 +414,7 @@ function MoveDBox()
         <br>
         <div class="form-row col-lg-12">
             <button onClick="$('#dbox').modal('hide'); return false;" class="btn btn-outline-secondary offset-lg-1 col-lg-2">Cancel</button>
-            <button onClick="$('#dbox').modal('hide'); console.log("TODO: should do the move one day"); return false;" class="btn btn-outline-primary col-lg-2">Ok</button>
+            <button onClick="$('#dbox').modal('hide'); return false;" class="btn btn-outline-primary col-lg-2">Ok</button>
         </div>
         </form>
     `
@@ -455,7 +453,6 @@ function DoSel(e, el)
         clicked=Number($(el).attr('ecnt'))
         if( ! $('#folders').value )
         {
-            console.log( 'out by 1 because flat view' )
             st -= 1
             end -= 1
             clicked -= 1
@@ -565,7 +562,9 @@ $.contextMenu({
                     items: {
                         "r90": { "name" : "90 degrees" },
                         "r180": { "name" : "180 degrees" },
-                        "r270": { "name" : "270 degrees" }
+                        "r270": { "name" : "270 degrees" },
+                        "fliph": { "name" : "flip horizontally" },
+                        "flipv": { "name" : "flip vertically" }
                     }
                 }
 
@@ -609,6 +608,8 @@ $.contextMenu({
                 if( key == "r90"  ) { Rotate(90) }
                 if( key == "r180" ) { Rotate(180) }
                 if( key == "r270" ) { Rotate(270) }
+                if( key == "fliph" ) { Rotate("fliph") }
+                if( key == "flipv" ) { Rotate("flipv") }
                 if( key.startsWith("ai")) { RunAIOnSeln(key) }
             },
             items: item_list