<div class="attachments list-unstyled" ng-if="comment.hasFiles();">
    <div class="grid">
        <!--- images -->
        <div class="grid-item grid-item--width{{ cc.getLayout($index, comment); }} image-wrapper position-relative d-inline-block" ng-repeat="file in comment.files | imagesFilter : true">
            <a ng-hide="$index > 4" ng-href="{{ ::file.link }}/lg" title="{{ ::file.name }}" data-lightbox="discussion-{{ ::comment.id }}">
                <img ng-src="{{ ::file.link }}/sm" alt="{{ ::file.name }}" class="attach-img img-fluid" />
            </a>
        </div>
    </div>

    <ul>
        <!-- files -->
        <li ng-repeat="file in comment.files | imagesFilter : false">
            <a ng-href="{{ ::file.link }}" target="_blank" title="{{::cc.fileDisplayName(file)}}">
                {{ ::cc.fileDisplayName(file) | shortlink }}
            </a>
        </li>
    </ul>

</div>
