From: Mischa POSLAWSKY <perl@shiar.org>
Date: Wed, 1 May 2019 19:59:33 +0000 (+0200)
Subject: format html template over multiple lines
X-Git-Tag: v0.2~11
X-Git-Url: http://git.shiar.nl/sc2-widget/commitdiff_plain/8fa3495ef2c5ea9cf57cda680cfc65b4404477cf

format html template over multiple lines
---

diff --git a/widget.html b/widget.html
index b337197..3fb38c3 100644
--- a/widget.html
+++ b/widget.html
@@ -15,9 +15,18 @@
 	fetch('/schtarr/inno.json')
 	.then(res => res.json())
 	.then(json => {
-		let out = document.getElementById('clan');
-		out.innerHTML = `<h1>${json.tag}</h1><h2 title="Division ${json.division}" class="rank ${json.league}">${json.league} <small>#${json.rank}</small></h2>`
-			+ json.members.map(member => `<a href="${member.profileUrl}"><figure><img src="${member.avatarUrl}" title="${member.name}" /><figcaption>${member.name}</figcaption></figure></a>`).join('');
+		document.getElementById('clan').innerHTML = `
+			<h1>${json.tag}</h1>
+			<h2 title="Division ${json.division}" class="rank ${json.league}">
+				${json.league} <small>#${json.rank}</small>
+			</h2>
+			${json.members.map(member => `
+				<a href="${member.profileUrl}"><figure>
+					<img src="${member.avatarUrl}" title="${member.name}" />
+					<figcaption>${member.name}</figcaption>
+				</figure></a>
+			`).join('')}
+		`
 	})
 	.catch(error => console.log(error))
 </script>