From 1e219fd2b89c44fb417d7708deef4afb9103c1ce Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Tue, 2 Feb 2021 01:15:28 +1100
Subject: [PATCH] now keep size over reloads of page, its hacky though

---
 files.py             |  4 +++-
 templates/files.html | 43 +++++++++++++++++++++++++++++++++++--------
 2 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/files.py b/files.py
index 6dad0df..ed71665 100644
--- a/files.py
+++ b/files.py
@@ -105,12 +105,14 @@ def files():
     grouping="Day"
     how_many="50"
     offset=0
+    size=128
     
     if request.method=="POST":
         noo=request.form['noo']
         how_many=request.form['how_many']
         offset=int(request.form['offset'])
         grouping=request.form['grouping']
+        size = request.form['size']
         if 'prev' in request.form:
             offset -= int(how_many)
             if offset < 0:
@@ -123,7 +125,7 @@ def files():
         entries=Entry.query.join(File).order_by(File.year,File.month,File.day,Entry.name).offset(offset).limit(how_many).all()
     else:
         entries=Entry.query.join(File).order_by(File.year.desc(),File.month.desc(),File.day.desc(),Entry.name).offset(offset).limit(how_many).all()
-    return render_template("files.html", page_title='View Files', entry_data=entries, noo=noo, grouping=grouping, how_many=how_many, offset=offset )
+    return render_template("files.html", page_title='View Files', entry_data=entries, noo=noo, grouping=grouping, how_many=how_many, offset=offset, size=size )
 
 ################################################################################
 # /search -> show thumbnail view of files from import_path(s)
diff --git a/templates/files.html b/templates/files.html
index 97bb4b7..d8b936c 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -20,24 +20,50 @@
                     <div class="input-group-prepend">
                         <button style="width:98%" class="btn btn-outline-info disabled" disabled>Size:</button>
                     </div>
+                    {% if size == "64" %}
+                        {% set bt="btn-info" %}
+                    {% else %}
+                        {% set bt="btn-outline-info" %}
+                    {% endif %}
                     <div class="input-group-append">
-                        <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64); return false;">XS</button>
+                        <button id="64" class="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 class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96); return false;">S</button>
+                        <button id="96" class="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 class="sz-but btn btn-info" onClick="ChangeSize(this,128); return false;">M</button>
+                        <button id="128" class="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 class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192); return false;">L</button>
+                        <button id="192" class="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 class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256); return false;">XL</button>
+                        <button id="256" class="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>
 
         {% set last = namespace(printed=0) %}
@@ -77,10 +103,10 @@
                 <center>
                     <figure class="figure px-1">
                         {% if obj.type.name=="Image" %}
-                            <a href="{{obj.in_dir[0].path_prefix}}/{{obj.name}}"><img class="thumb" height="128" src="data:image/jpeg;base64,{{obj.file_details[0].thumbnail}}"></img></a>
+                            <a href="{{obj.in_dir[0].path_prefix}}/{{obj.name}}"><img class="thumb" height="{{size}}" src="data:image/jpeg;base64,{{obj.file_details[0].thumbnail}}"></img></a>
                         {% elif obj.type.name == "Video" %}
                             <div style="position:relative; width:100%">
-                                <a href="{{obj.in_dir[0].path_prefix}}/{{obj.name}}"><img class="thumb" style="display:block" height="128" src="data:image/jpeg;base64,{{obj.file_details[0].thumbnail}}"></img></a>
+                                <a href="{{obj.in_dir[0].path_prefix}}/{{obj.name}}"><img class="thumb" style="display:block" height="{{size}}" src="data:image/jpeg;base64,{{obj.file_details[0].thumbnail}}"></img></a>
                                 <div style="position:absolute; top: 2; left: 2;">
                                     <i style="font-size:32;background-color:black;color:white" class="fas fa-film"></i>
                                 </div>
@@ -100,9 +126,10 @@
 <script>
 function ChangeSize(clicked_button,sz)
 {
-	old_but=$('.sz-but.btn-info').removeClass('btn-info').addClass('btn-outline-info')
+	$('.sz-but.btn-info').removeClass('btn-info').addClass('btn-outline-info')
 	$(clicked_button).addClass('btn-info').removeClass('btn-outline-info')
 	$('.thumb').attr( {height: sz, style: 'font-size:'+sz } )
+	$('#size').val(sz)
 }
 
 $(document).ready(function() {