gleaming summit
and I need a tip how to proceed to get it work. It's Ember 5.12 and a Glimmer component. The template contains a button, a list, and then, a dialog. The dialog renders fine, except the central 'each' enclosure, which doesn't appear (blank). The albums and albumsIndex are both @tracked arrays of equal length, containing proper values.
...
this.toggleDialog('chooseAlbum');
}
getAlbum = (i) => {
return this.albums[i];
}
<template>
<button class='menu_img' type="button" title="{{t 'imageMenu'}}"
{{on 'click' (fn this.z.toggleMenuImg 1)}}
{{on 'keydown' this.detectClose}}>⡇</button>
<ul class="menu_img_list" style="text-align:left;display:none">
...
</ul>
<dialog id="chooseAlbum" style="z-index:999" {{on 'keydown' this.detectEscClose}}>
<header data-dialog-draggable>
<div style="width:99%">
<p style="color:blue">{{t 'selectTarget'}}<span></span></p>
</div><div>
<button class="close" type="button" {{on 'click' (fn this.z.closeDialog 'chooseAlbum')}}>×</button>
</div>
</header>
<main style="padding:0.5rem">
<b>{{t 'selectAlbum'}}</b>
<span>(”.” = ”{{this.z.imdbRoot}}”):</span><br>
<div class="albumList">
{{#each this.albumsIndex as |i|}}
<span class="pselect glue">
<input id="album{{i}}" type="radio" name="albumList">
<label for="album{{i}}" style="display:block;margin-left:1rem">
”.{{fn (this.getAlbum i)}}”
</label>
</span>
{{/each}}
</div>
<button type="button" {{on 'click' (fn this.doMove)}}>{{t 'button.move'}}</button>
<button type="button" {{on 'click' (fn this.z.closeDialog 'chooseAlbum')}}>{{t 'button.cancel'}}</button><br>
</main>
<footer data-dialog-draggable>
<button type="button" {{on 'click' (fn this.z.closeDialog 'chooseAlbum')}}>{{t 'button.close'}}</button>
</footer>
</dialog>
</template>
...```
acoustic spoke
ebon hazel
tepid surge