ddp/photoassistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

now keep size over reloads of page, its hacky though

Browse Source
This commit is contained in:
Damien De Paoli
2021-02-02 01:15:28 +11:00
parent bca8aed31b
commit 1e219fd2b8
2 changed files with 38 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
templates/files.html
View File

@@ -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() {