fix: run js scripts on window load

static/guild.hbs

@@ -59,43 +59,45 @@
 </table>
 
 <script type="application/javascript">
-	createGuildEmblem({{{ JSONstringify emblem }}}, $(".emblem-container .guild-emblem")[0]);
+	$(window).on("load", () => {
+		createGuildEmblem({{{ JSONstringify emblem }}}, $(".emblem-container .guild-emblem")[0]);
 
-	dt = $("#members").DataTable({
-		processing: true,
-		serverSide: true,
-		searchDelay: 800,
-		ajax: {
-			url: `{{websiteRoot}}/guild/{{realm}}/{{id}}/members`,
-		},
-		columnDefs: [
-			{
-				targets: 0,
-				render: (name) => `<a href="{{websiteRoot}}/character/{{realm}}/${name}">${name}</a>`,
+		dt = $("#members").DataTable({
+			processing: true,
+			serverSide: true,
+			searchDelay: 800,
+			ajax: {
+				url: `{{websiteRoot}}/guild/{{realm}}/{{id}}/members`,
 			},
-			{
-				targets: 1,
-				render: (rank, type, row, meta) => meta.settings.json.ranks[rank],
+			columnDefs: [
+				{
+					targets: 0,
+					render: (name) => `<a href="{{websiteRoot}}/character/{{realm}}/${name}">${name}</a>`,
+				},
+				{
+					targets: 1,
+					render: (rank, type, row, meta) => meta.settings.json.ranks[rank],
+				},
+				{
+					searchable: false,
+					targets: 3,
+					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/class_${data}.jpg">`,
+				},
+				{
+					searchable: false,
+					targets: 4,
+					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/race_${data}.jpg">`,
+				},
+				{
+					searchable: false,
+					targets: 5,
+					render: online => online ? "🟢" : "🔴",
+				},
+			],
+			responsive: {
+				details: true,
 			},
-			{
-				searchable: false,
-				targets: 3,
-				render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/class_${data}.jpg">`,
-			},
-			{
-				searchable: false,
-				targets: 4,
-				render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/race_${data}.jpg">`,
-			},
-			{
-				searchable: false,
-				targets: 5,
-				render: online => online ? "🟢" : "🔴",
-			},
-		],
-		responsive: {
-			details: true,
-		},
-		order: [[1, "asc"]],
+			order: [[1, "asc"]],
+		});
 	});
 </script>