<div class="popover" click-anywhere="$hide()" ignore="toggle-history">
    <div class="arrow"></div>
    <div class="popover-header">
        <span class="title">{{title && (title | translate) || ('GENERAL.TITLE.HISTORY' | translate)}}</span>

        <div class="actions">
            <a ng-click="$hide()" ng-show="!newTask.loading">
                {{'GENERAL.ACTION.CLOSE' | translate}}</a>
        </div>
    </div>

    <div class="popover-wrapper">
        <table class="history">
            <tr ng-class="{'current' : version.version == model.form.version}"
                ng-repeat="version in model.versions.data | orderBy:'-lastUpdated'"
                ng-click="showVersion(version); $event.stopPropagation();">
                <td><a class="version">{{version.version}}</a></td>
                <td><a class="detail" title="{{version.lastUpdated | dateformat:'LLLL'}}">{{version.createdBy}} -
                    {{version.lastUpdated | dateformat}}</a>
                </td>
            </tr>
        </table>
    </div>
</div>
