Zur Darstellung von Widgets wird ein Handlebars-Template verwendet. Dieses liefert das HTML, welches von der Widget-Klasse immer wieder mit den aktuellen Daten befüllt wird.
Handlebars erlaubt neben einfachen Platzhaltern wie z.B. {{noEntries}} auch die Verwendung von Kontrollstrukturen wie {{#each items}}.
<div class="jr-dashboard-container">
<ul class="jr-dashboard-list">{{#each items}}
<li class="jr-dashboard-list-item">
{{#if this.value}}
<span class="jr-dashboard-list-value">{{this.value}}</span>
{{/if}}
{{#if this.label}}
<span class="jr-dashboard-list-label">{{this.label}}</span>
{{/if}}
</li>
{{else}}
<p class="jr-dashboard-empty-widget">{{noEntries}}</p>
{{/each}}
</ul>
</div>
Bitte beachten Sie: Das Handlebars-Template muss, sofern Sie in Ihrer Widget-Klasse keine Methode getTemplate implementiert haben, exakt als template.hbs im Widget-Ordner abgelegt werden. Eine andere Benennung der Datei führt dazu, dass das Widget leer angezeigt wird.