<vn-crud-model
    vn-id="model"
    auto-load="true"
    filter="::$ctrl.filter"
    url="ClaimDms"
    link="{claimFk: $ctrl.$params.id}"
    limit="20"
    data="$ctrl.photos">
</vn-crud-model>
<vn-horizontal class="photo-list drop-zone" vn-droppable="$ctrl.onDrop($event)">
    <section class="empty-rows" ng-if="!$ctrl.photos.length">
        <section><vn-icon icon="image"></vn-icon></section>
        <section translate>Drag & Drop photos here...</section>
    </section>
    <section class="photo" ng-repeat="photo in $ctrl.photos">
        <section class="image vn-shadow" on-error-src 
            ng-style="{'background': 'url(' + $ctrl.getImagePath(photo.dmsFk) + ')'}"
            zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}"
            ng-if="photo.dms.contentType != 'video/mp4'">
        </section>
        <video id="videobcg" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'"
            class="video">
            <source src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
        </video>
        <section class="actions">
            <vn-button
                class="round"
                ng-click="confirm.show($index)"
                title="{{'Remove file' | translate}}"
                tabindex="-1"
                icon="delete">
            </vn-button>
        </section>
    </section>
</vn-horizontal>
<vn-confirm 
    vn-id="confirm"
    message="This file will be deleted"
    question="Are you sure you want to continue?"
    on-accept="$ctrl.deleteDms($data)">
</vn-confirm>
<vn-float-button
    icon="add"
    vn-tooltip="Select file" 
    vn-bind="+"
    ng-click="$ctrl.openUploadDialog()"
    fixed-bottom-right>
</vn-float-button>