move MoveDBox into full javascript and fold it into internal/js/files_support.js, also remove unused parameter for MoveDBox, and use marshmallow to pass people in query_data - overall just cleaner more consistent code for existing functionality

templates/files.html

@@ -64,7 +64,7 @@
                     <button aria-label="next" id="next" name="next" class="next sm-txt btn btn-outline-secondary" onClick="nextPage(getPageFigures)">
                         <svg width="16" height="16" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#next"/></svg>
                     </button>
-                    <button aria-label="move" id="move" disabled name="move" class="sm-txt btn btn-outline-primary ms-4" onClick="MoveDBox(move_paths,'{{url_for('internal', filename='icons.svg')}}'); return false;">
+                    <button aria-label="move" id="move" disabled name="move" class="sm-txt btn btn-outline-primary ms-4" onClick="MoveDBox(move_paths); return false;">
                         <svg width="16" height="16" fill="currentColor"><use xlink:href="{{url_for('internal', filename='icons.svg')}}#folder_plus"/></svg>
                     </button>
                     {% if "files_rbp" in request.url %}
@@ -237,6 +237,7 @@
     // get items out of query_data into convenience javascript vars...
     var move_paths = {{ query_data.move_paths|tojson }};
     var NMO={{query_data.NMO|tojson}}
+    var people={{query_data.people|tojson}}
 
     // this is the list of entry ids for the images for ALL matches for this query 
     var entryList={{query_data.entry_list}}
@@ -277,108 +278,11 @@
         return s
     }
 
-    // different context menu on files 
-    $.contextMenu({
-        selector: '.entry',
-        itemClickEvent: "click",
-        build: function($triggerElement, e) {
-            // when right-clicking & no selection add one OR deal with ctrl/shift right-lick as it always changes seln
-            if( NoSel() || e.ctrlKey || e.shiftKey )
-            {
-                DoSel(e, e.currentTarget )
-                SetButtonState();
-            }
-
-            if( FiguresOrDirsOrBoth() == "figure" )
-            {
-                item_list = {
-                    details: { name: "Details..." },
-                    view: { name: "View File" },
-                    sep: "---",
-                }
-                if( e.currentTarget.getAttribute('type') == 'Image' )
-                {
-                    item_list['transform'] = { 
-                        name: "Transform",
-                        items: {
-                            "r90": { "name" : "Rotate 90 degrees" },
-                            "r180": { "name" : "Rotate 180 degrees" },
-                            "r270": { "name" : "Rotate 270 degrees" },
-                            "fliph": { "name" : "Flip horizontally" },
-                            "flipv": { "name" : "Flip vertically" }
-                        }
-                    }
-
-                }
-                item_list['move'] = { name: "Move selected file(s) to new folder" }
-                item_list['sep2'] = { sep: "---" }
-            }
-            else
-                item_list = {
-                    move: { name: "Move selection(s) to new folder" }
-                }
-            
-            item_list['ai'] = {
-                    name: "Scan file for faces",
-                    items: {
-                        "ai-all": {"name": "all"},
-                        {% for p in people %}
-                            "ai-{{p.tag}}": {"name": "{{p.tag}}"},
-                        {% endfor %}
-                    }
-                }
-            
-            if( SelContainsBinAndNotBin() ) {
-                item_list['both']= { name: 'Cannot delete and restore at same time', disabled: true }
-            } else {
-                if (e.currentTarget.getAttribute('path_type') == 'Bin' )
-                    item_list['undel']= { name: "Restore selected file(s)" }
-                else if( e.currentTarget.getAttribute('type') != 'Directory' )
-                    item_list['del']= { name: "Delete Selected file(s)" }
-            }
-
-            return {
-                callback: function( key, options) {
-                    if( key == "details" ) { DetailsDBox() }
-                    if( key == "view" ) { dblClickToViewEntry( $(this).attr('id') ) }
-                    if( key == "move" ) { MoveDBox(move_paths, "{{url_for('internal', filename='icons.svg')}}") }
-                    if( key == "del"  ) { DelDBox('Delete') }
-                    if( key == "undel") { DelDBox('Restore') }
-                    if( key == "r90"  ) { Transform(90) }
-                    if( key == "r180" ) { Transform(180) }
-                    if( key == "r270" ) { Transform(270) }
-                    if( key == "fliph" ) { Transform("fliph") }
-                    if( key == "flipv" ) { Transform("flipv") }
-                    if( key.startsWith("ai")) { RunAIOnSeln(key) }
-                    // dont flow this event through the dom
-                    e.stopPropagation()
-                },
-                items: item_list
-            };
-        }
-    });
-
-    $( document ).keydown(function(event) { switch (event.key)
-    {
-        case "Delete":
-            {% if "files_rbp" in request.url %}
-                if( ! NoSel() ) DelDBox('Restore');
-            {% else %}
-                if( ! NoSel() ) DelDBox('Delete');
-            {% endif %}
-            break;
-    } })
-
-    if( isMobile() )
-    {
-        $('#shift-key').css('visibility', 'visible');
-        $('#ctrl-key').css('visibility', 'visible');
-    }
-
     // check the size radiobutton
     $(`input[name="size"][value="${OPT.size}"]`).prop('checked', true)
 
     window.addEventListener('resize', DrawImg, false);
     window.addEventListener('resize', ResizeVideo, false);
+
 </script>
 {% endblock script_content %}