eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added thumbnails to the recent sketches page.

Browse Source 
- Added an svg field to store the thumbnail
- The thumbnail is computed and cached in redis
This commit is contained in:
Anand Chitipothu
2021-03-12 05:37:24 +00:00
parent fe63ded98c
commit dca8c9d5db
4 changed files with 104 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
community/www/sketches/index.html
View File

@@ -16,13 +16,32 @@
<a href="/sketches/sketch?sketch=new">Create a New Sketch</a>
</div>
<div class='container'>
<div class="row row-cols-1 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 ">
{% for sketch in sketches %}
<div class="sketch-preview mb-5">
<span class="sketch-ts">{{ sketch.modified }}</span>
<a href="/sketches/sketch?sketch={{sketch.name}}">{{sketch.title}}</a>
By {{sketch.owner_name}}
<div class="col mb-4">
<div class="card" style="width: 200px;">
<div class="card-img-top">
<a href="/sketches/sketch?sketch={{sketch.name}}">
{{ sketch.to_svg() }}
</a>
</div>
<div class="card-footer">
By {{sketch.get_owner_name()}}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% block style %}
{{super()}}
<style type="text/css">
svg {
width: 200px;
height: 200px;
}
</style>
{% endblock %}