M static/script.js → static/script.js

@@ -68,8 +68,9 @@ index = element.index,
 		name = element.name,
 		content = element.content,
 		text = `${element.name} → “${element.filename}”`,
-		disabled = element.enabled == 0 ? " entry-disabled" : "";
-	const html_string = Mustache.render("{{={| |}=}}" + fanart_template, { id, index, name, content, text, disabled });
+		disabled = element.enabled == 0 ? " entry-disabled" : "",
+		save_filename = `${('0' + index).slice(-2)} - ${name}.png`;
+	const html_string = Mustache.render("{{={| |}=}}" + fanart_template, { id, index, name, content, text, disabled, save_filename });
 	element.div = createElementFromHTML(html_string);
 	element.canvas = element.div.getElementsByTagName("canvas")[0];
 	const ctx = element.canvas.getContext("2d");
@@ -307,6 +308,5 @@ }
 
 function toClipBoard(id) {
 	const fanart = getFanart(id);
-	const clipboard_filename = `${('0' + fanart.index).slice(-2)} - ${fanart.name}.png`;
-	navigator.clipboard.writeText(clipboard_filename);
+	navigator.clipboard.writeText(fanart.canvas.getAttribute("data-filename"));
 }

M templates/index.html → templates/index.html

@@ -81,7 +81,7 @@ <template id="fanart-template">
         <div class="col-lg-4 entry{| disabled |}" id="{| id |}" data-index="{| index |}">
             <div class="card mb-4 box-shadow my-card">
                 <canvas class="card-img-top entry-img" id="{| id |}" data-name="{| name |}" data-content="{| content |}"
-                    data-text="{| text |}"></canvas>
+                    data-text="{| text |}" data-filename="{| save_filename |}"></canvas>
                 <div class="card-body">
                     <a class="card-text" title="Clicca per copiare." onclick="toClipBoard('{| id |}');">{| text |}</a>
                     <div class="d-flex justify-content-between align-items-center card-controls">