token version of resizing thumbs done
This commit is contained in:
@@ -2,15 +2,21 @@
|
||||
{% block main_content %}
|
||||
<div class="container-fluid">
|
||||
<h3 class="offset-lg-2">{{page_title}} -- {{file_data.view_path}}</h3>
|
||||
<div class="row">
|
||||
Size:
|
||||
<button class="btn btn-outline-info" onClick="$('.thumb').attr( {width: '64', height: 64, style: 'font-size:64px' } )">S</button>
|
||||
<button class="btn btn-outline-info" onClick="$('.thumb').attr( {width: '96', height: 96, style: 'font-size:96px' } )">M</button>
|
||||
<button class="btn btn-outline-info" onClick="$('.thumb').attr( {width: '128', height: 128, style: 'font-size:128px' } )">L</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
{% for obj in file_data.view_list %}
|
||||
{% if obj.type != "Directory" %}
|
||||
<center>
|
||||
<figure class="figure px-2" font-size: 24px;>
|
||||
{% if obj.type=="Image" %}
|
||||
<a href="{{file_data.symlink}}/{{obj.name}}"><img width="128" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img></a>
|
||||
<a href="{{file_data.symlink}}/{{obj.name}}"><img class="thumb" width="128" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img></a>
|
||||
{% elif obj.type == "Video" %}
|
||||
<i style="font-size:128px;" class="fas fa-file-video"></i>
|
||||
<i style="font-size:128px;" class="thumb fas fa-file-video"></i>
|
||||
{% endif %}
|
||||
<figcaption class="figure-caption text-center">{{obj.name}}</figcaption>
|
||||
</figure>
|
||||
|
||||
Reference in New Issue
Block a user