moving to /internal for a js dir, icons.svg Ive built, etc. and added route in files.py, updates all html to use new path

internal/js/files_support.js

@@ -0,0 +1,187 @@
+function GetSelnAsDiv()
+{
+    seln=''
+    $('.highlight').each(function( index ) { 
+        seln+='<div fname="' + $(this).attr('fname') + '" yr="' + $(this).attr('yr') +
+            '" date="' + $(this).attr('date') +
+            '" class="px-1">' + $(this).children().parent().html() + '</div>'
+        seln+='<input type="hidden" name="eid-'+index+'" value="'+$(this).attr('id')+'">'
+        } )
+    return '<div class="row col-12">'+seln+'</div>'
+}
+
+function GetSelnAsData()
+{
+    to_del=''
+    $('.highlight').each(function( index ) { to_del+='&eid-'+index+'='+$(this).attr('id') } )
+    return to_del
+}
+
+function RunAIOnSeln(person)
+{
+    post_data = GetSelnAsData()
+    post_data += '&person='+person.replace('ai-','')
+    $.ajax({ type: 'POST', data: post_data, url: '/run_ai_on', success: function(data){ window.location='/'; return false; } })
+}
+
+function DelDBox(del_or_undel)
+{
+    to_del = GetSelnAsData()
+    $('#dbox-title').html(del_or_undel+' Selected File(s)')
+    div ='<div class="row col-12"><p class="col">' + del_or_undel + ' the following files?</p></div>'
+    div+=GetSelnAsDiv()
+    div+=`<div class="row col-12">
+            <button onClick="$('#dbox').modal('hide')" class="btn btn-outline-secondary col-2">Cancel</button>
+    `
+    div+=`
+    <button onClick="$('#dbox').modal('hide'); $.ajax({ type: 'POST', data: to_del, url:
+    `
+    if( del_or_undel == "Delete" )
+        div+=`
+        '/delete_files',
+        success: function(data){ window.location='/'; return false; } })" class="btn btn-outline-danger col-2">Ok</button>
+        </div>
+        `
+    else
+        div+=`
+        '/restore_files',
+        success: function(data){ window.location='/'; return false; } })" class="btn btn-outline-success col-2">Ok</button>
+        </div>
+        `
+    $('#dbox-content').html(div)
+    $('#dbox').modal('show')
+}
+
+function DetailsDBox()
+{
+    $('#dbox-title').html('Details of Selected File(s)')  
+    var div ='<div class="row col-12">'
+    $('.highlight').each(function( index ) { 
+            div += "<div class='col-3' style='background-color:lightgray'>Name:</div><div class='col-9' style='background-color:lightgray'>" + $(this).attr('fname') + "</div>"
+            div += "<div class='col-3'>Date:</div><div class='col-9'>" + $(this).attr('pretty_date') + "</div>"
+            dir = $(this).attr('in_dir')
+            if( dir.slice(-1) != "/" )
+                dir=dir.concat('/')
+            div += "<div class='col-3'>Dir:</div><div class='col-9'>" + dir + "</div>"
+            div += "<div class='col-3'>Size:</div><div class='col-9'>" + $(this).attr('size') + " MB</div>"
+            div += "<div class='col-3'>Hash:</div><div class='col-9'>" + $(this).attr('hash') + "</div>"
+            div += "<div class='col-3'>Path Type:</div><div class='col-9'>" + $(this).attr('path_type') + "</div>"
+        } )
+        div += `
+            </div>
+            <br>
+            <div class="form-row col-12">
+                <button onClick="$('#dbox').modal('hide'); return false;" class="btn btn-outline-secondary offset-1 col-2">Cancel</button>
+            </div>
+        `
+    $('#dbox-content').html(div)
+    $('#dbox').modal('show')
+}
+
+
+function ChangeSize(clicked_button,sz)
+{
+	$('.sz-but.btn-info').removeClass('btn-info text-white').addClass('btn-outline-info')
+	$(clicked_button).addClass('btn-info text-white').removeClass('btn-outline-info')
+	$('.thumb').attr( {height: sz, style: 'font-size:'+sz+'px' } )
+	$('#size').val(sz)
+    sz=sz-22
+    $('.svg').height(sz);
+    $('.svg').width(sz);
+    $('.svg_cap').width(sz);
+}
+
+// e == event (can see if shift/ctrl held down while left-clicking
+// el == element the click is on
+// this allows single-click to select, ctrl-click to (de)select 1 item, and
+// shift-click to add all elements between highlighted area and clicked area,
+// whether you click after highlight or before
+function DoSel(e, el)
+{
+    if( e.ctrlKey )
+    {
+        $(el).toggleClass('highlight')
+        return
+    }
+    if( e.shiftKey )
+    {
+        st=Number($('.highlight').first().attr('ecnt'))
+        end=Number($('.highlight').last().attr('ecnt'))
+        clicked=Number($(el).attr('ecnt'))
+        if( ! $('#folders').value )
+        {
+            st -= 1
+            end -= 1
+            clicked -= 1
+        }
+        // if we shift-click first element, then st/end are NaN, so just highlightthe one clicked
+        if( isNaN(st) )
+        {
+            $('.entry').slice( clicked, clicked+1 ).addClass('highlight')
+            return
+        }
+        if( clicked > end )
+            $('.entry').slice( end, clicked+1 ).addClass('highlight')
+        else
+            $('.entry').slice( clicked, st ).addClass('highlight')
+        return
+    }
+    $('.highlight').removeClass('highlight')
+    $(el).addClass('highlight')
+}
+
+function SetButtonState() {
+    var sel=false
+    $('.highlight').each(function( index ) { sel=true } )
+    if( sel ) {
+        $('#move').attr('disabled', false )
+        $('#del').attr('disabled', false )
+    } else {
+        $('#move').attr('disabled', true )
+        $('#del').attr('disabled', true )
+    }
+}
+
+function FiguresOrDirsOrBoth() {
+    var figure=false
+    var dir=false
+    $('.highlight').each(function( index ) { 
+        if( $(this).hasClass('figure') ) {
+            figure=true
+        } 
+        if( $(this).hasClass('dir') ) {
+            dir=true
+        } 
+    } )
+    if( figure & ! dir )
+        return "figure"
+    if( ! figure & dir )
+        return "dir"
+    return "both"
+}
+
+function SelContainsBinAndNotBin() {
+    var bin=false
+    var not_bin=false
+    $('.highlight').each(function( index ) { 
+        if( $(this).attr('path_type') == "Bin" ) {
+            bin=true
+        } else {
+            not_bin=true
+        }
+    } )
+    if( bin && not_bin )
+        return true
+    else
+        return false
+}
+
+function NoSel() {
+    var sel=false
+    $('.highlight').each(function( index ) { sel=true } )
+    // func looks for No Selection, so if sel is true and we have a sel, return false (i.e. NOT No Sel -> Sel )
+    if( sel )
+        return false
+    else
+        return true
+}