mar10/fancytree

<div id="tmplMedia">
    {{#if media}}
        <div id="carousel-media" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                {{#each media}}
                    <li data-target="#carousel-media" data-slide-to="{{@index}}"></li>
                {{/each}}
            </ol>

            <div class="carousel-inner" role="listbox">
                {{#each media}}
                    <div class="item {{#if @first}}active{{/if}}">
                        <img src="{{this.identifier}}" alt="{{this.title}}" />
                        <div class="carousel-caption">
                            {{this.title}}
                        </div>
                    </div>
                {{/each}}
            </div>

            <a class="left carousel-control" href="#carousel-media" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-media" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

    {{else}}
        No media.
    {{/if}}
</div>