<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="close()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{title | translate}}</h1>
</div>
<div class="modal-body">
    <wizdom365-spinner style="position: absolute; top: 50%; left: 50%;" loading="loading"></wizdom365-spinner>
    <div class="release-note-container" ng-hide="loading">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h1 class="panel-title">{{'Table of contents' | filter}}</h1>
            </div>
            <div class="panel-body">
                <ul class="">
                    <li ng-repeat="heading in headings">
                        <a ng-click="scrollTo(heading.id)" href="{{'#' + heading.id}}">{{heading.title}}</a>
                        <ul ng-if="heading.subheadings.length > 0" class="">
                            <li ng-repeat="subheading in heading.subheadings">
                                <a ng-click="scrollTo(subheading.id)" href="{{'#' + subheading.id}}">{{subheading.title}}</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wizdom-article-container link-collection-content wizdom-link-collection" ng-bind-html="content"></div>
    </div>
</div>
