From 2762f58f9897cf6e63db87fad6c92cd83e1ebfd6 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Sat, 19 Jun 2021 23:28:43 +1000
Subject: [PATCH] added quickhack of buttons on bottom of page to make
 navigation easier

---
 templates/files.html | 106 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 104 insertions(+), 2 deletions(-)

diff --git a/templates/files.html b/templates/files.html
index d1866e9..b5f0756 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -222,6 +222,108 @@
             </div class="row pl-3">
         {% endif %}
 
+        </div>
+        <div class="container-fluid">
+            <form id="main_form" method="POST"">
+            <input type="hidden" name="cwd" id="cwd" value="{{cwd}}">
+            {% if search_term is defined %}
+                <input type="hidden" name="term" id="view_term" value="{{search_term}}">
+            {% endif %}
+            <div class="row">
+                {% if folders %}
+                    <div class="mx-3 my-auto">
+                        <span class="alert alert-primary">
+                        {% if "files_ip" in request.url %}
+                          <i class="fas fa-file-upload"></i>
+                          {% set tmp_path=cwd | replace( "static/Import", "" ) + "/" %}
+                        {% elif "files_sp" in request.url %}
+                          <i class="fas fa-database"></i>
+                          {% set tmp_path=cwd | replace( "static/Storage", "" ) + "/" %}
+                        {% elif "files_rbp" in request.url %}
+                            <i class="fas fa-trash-alt"></i>
+                          {% set tmp_path=cwd | replace( "static/Bin", "" ) + "/" %}
+                        {% endif %}
+                        {{tmp_path}}</span>
+                    </div class="col my-auto">
+                {% endif %}
+                <div class="px-0 input-group col-lg-4">
+                    {{CreateSelect( "noo", noo, ["Oldest", "Newest"], "$('#offset').val(0)")|safe }}
+                    {{CreateSelect( "how_many", how_many, ["10", "25", "50", "75", "100", "150", "200", "500"])|safe }}
+                    {% if folders %}
+                        <input type="hidden" name="grouping" id="grouping" value="{{grouping}}">
+                        {{CreateFoldersSelect( folders )|safe }}
+                    {% else %}
+                        {{CreateFoldersSelect( folders )|safe }}
+                        <span style="border:0" class="sm-txt my-auto btn btn-outline-info disabled">grouped by:</span>
+                        {{CreateSelect( "grouping", grouping, ["None", "Day", "Week", "Month"])|safe }}
+                    {% endif %}
+                </div class="input-group">
+                {% if search_term is defined %}
+                    <div class="col my-auto">
+                        <span class="alert alert-primary">Searched for: '{{search_term}}'</span>
+                    </div class="col my-auto">
+                {% endif %}
+                <div class="col my-auto d-flex justify-content-end">
+                    <button id="prev" name="prev" class="sm-txt btn btn-info"><i class="fas fa-arrow-alt-circle-left"></i></button>
+                    <span class="sm-txt my-auto">&nbsp;{{how_many}} files&nbsp;</span>
+                    <button id="next" name="next" class="sm-txt btn btn-info"><i class="fas fa-arrow-alt-circle-right"></i></button>
+                    <button id="move" disabled name="move" class="sm-txt btn btn-primary ml-4" onClick="MoveDBox(); return false;"><i class="fas fa-folder-plus"></i></button>
+                    {% if "files_rbp" in request.url %}
+                        <button id="del" disabled name="del" class="sm-txt btn btn-success mx-1" onClick="DelDBox('Restore'); return false;">
+                        <i class="fas fa-trash-restore-alt"></i>
+                    {% else %}
+                        <button id="del" disabled name="del" class="sm-txt btn btn-danger mx-1" onClick="DelDBox('Delete'); return false;">
+                        <i class="fas fa-trash-alt"></i>
+                    {% endif %}
+                    </button>
+                </div>
+                <div class="px-0 input-group col justify-content-end">
+                    {% if size == "64" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
+                    <div class="input-group-prepend">
+                        <button id="64" style="width:98%" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,64); return false;">XS</button>
+                    </div>
+                    {% if size == "96" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
+                    <div class="input-group-append">
+                        <button id="96" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,96); return false;">S</button>
+                    </div>
+                    {% if size == "128" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
+                    <div class="input-group-append">
+                        <button id="128" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,128); return false;">M</button>
+                    </div>
+                    {% if size == "192" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
+                    <div class="input-group-append">
+                        <button id="192" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,192); return false;">L</button>
+                    </div>
+                    {% if size == "256" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
+                    <div class="input-group-append">
+                        <button id="256" class="sm-txt sz-but btn {{bt}}" onClick="ChangeSize(this,256); return false;">XL</button>
+                    </div>
+                </div class="input-group">
+            </div class="form-row">
+            <input id="offset" type="hidden" name="offset" value="{{offset}}">
+            <input id="size" type="hidden" name="size" value="{{size}}">
+        </form>
+
 	</div class="container">
 {% endblock main_content %}
 {% block script_content %}
@@ -455,8 +557,8 @@ $.contextMenu({
 $(document).ready(function() {
     if( {{offset}} == 0 )
     {
-        $('#prev').addClass('disabled')
-        $('#prev').prop('disabled', true)
+        $('.prev').addClass('disabled')
+        $('.prev').prop('disabled', true)
     }
     $(".dir").click( function(e) { $('#offset').val(0) ; $('#cwd').val( $(this).attr('dir') ) ; $('#main_form').submit() } )
 } )