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

used this to remove unique ids on buttons

Browse Source
This commit is contained in:
Damien De Paoli
2021-01-12 15:17:46 +11:00
parent e82adde1f0
commit 48748c23be
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/files.html
View File

@@ -7,19 +7,19 @@
<button class="btn btn-outline-info disabled" disabled>Size:</button> <button class="btn btn-outline-info disabled" disabled>Size:</button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button id="sz-but-64" class="sz-but btn btn-outline-info" onClick="ChangeSize(64)">XS</button> <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,64)">XS</button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button id="sz-but-96" class="sz-but btn btn-outline-info" onClick="ChangeSize(96)">S</button> <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,96)">S</button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button id="sz-but-128" class="sz-but btn btn-info" onClick="ChangeSize(128)">M</button> <button class="sz-but btn btn-info" onClick="ChangeSize(this,128)">M</button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button id="sz-but-192" class="sz-but btn btn-outline-info" onClick="ChangeSize(192)">L</button> <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,192)">L</button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button id="sz-but-256" class="sz-but btn btn-outline-info" onClick="ChangeSize(256)">XL</button> <button class="sz-but btn btn-outline-info" onClick="ChangeSize(this,256)">XL</button>
</div> </div>
</div> </div>
<br> <br>
@@ -34,7 +34,7 @@
<div style="position:relative; width:100%"> <div style="position:relative; width:100%">
<img class="thumb" style="display:block" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img> <img class="thumb" style="display:block" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img>
<div style="position:absolute; top: 2; left: 2;"> <div style="position:absolute; top: 2; left: 2;">
<i style="font-size:32;color:white" class="fas fa-file-video"></i> <i style="font-size:32;background-color:black;color:white" class="fas fa-film"></i>
</div> </div>
</div> </div>
{% endif %} {% endif %}
@@ -48,10 +48,11 @@
{% endblock main_content %} {% endblock main_content %}
{% block script_content %} {% block script_content %}
<script> <script>
function ChangeSize(sz) function ChangeSize(clicked_button,sz)
{ {
console.log(clicked_button)
old_but=$('.sz-but.btn-info').removeClass('btn-info').addClass('btn-outline-info') old_but=$('.sz-but.btn-info').removeClass('btn-info').addClass('btn-outline-info')
$('#sz-but-'+sz).addClass('btn-info').removeClass('btn-outline-info') $(clicked_button).addClass('btn-info').removeClass('btn-outline-info')
$('.thumb').attr( {height: sz, style: 'font-size:'+sz } ) $('.thumb').attr( {height: sz, style: 'font-size:'+sz } )
} }
</script> </script>