From 48748c23bed8c660387cf92eb739e4a96390fbf8 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Tue, 12 Jan 2021 15:17:46 +1100
Subject: [PATCH] used this to remove unique ids on buttons

---
 templates/files.html | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/templates/files.html b/templates/files.html
index 9240e66..047f4a7 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -7,19 +7,19 @@
 				<button class="btn btn-outline-info disabled" disabled>Size:</button>
 			</div>
 			<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 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 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 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 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>
 		<br>
@@ -34,7 +34,7 @@
 								<div style="position:relative; width:100%">
 									<img class="thumb" style="display:block" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img>
 									<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>
 							{% endif %}
@@ -48,10 +48,11 @@
 {% endblock main_content %}
 {% block script_content %}
 <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')
-	$('#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 } )
 }
 </script>