salix/modules/claim/front/dms/index/index.html

<vn-crud-model vn-id="model" auto-load="true"
    url="ClaimDms"
    link="{claimFk: $ctrl.$stateParams.id}"
    limit="20"
    data="$ctrl.photos">
</vn-crud-model>

<section class="drop-zone" vn-droppable="$ctrl.onDrop($event)">
    <section><vn-icon icon="add_circle"></vn-icon></section>
    <section translate>Drag & Drop files here...</section>
</section>
<vn-data-viewer
    model="model"
    class="vn-w-lg">
    <vn-horizontal class="photo-list">
        <section class="photo" ng-repeat="photo in $ctrl.photos">
            <section class="image vn-shadow" on-error-src 
                ng-style="{'background': 'url(/api/dms/' + photo.dmsFk + '/downloadFile?access_token=' + $ctrl.accessToken + ')'}"
                zoom-image="dms/{{::photo.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">
            </section>
            <section class="actions">
                <vn-button
                    class="round"
                    ng-click="$ctrl.showDeleteConfirm($index)"
                    title="{{'Remove file' | translate}}"
                    tabindex="-1"
                    icon="delete">
                </vn-button>
            </section>
        </section>
    </vn-horizontal>
</vn-data-viewer>
<vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
</vn-worker-descriptor-popover>
<vn-confirm 
    vn-id="confirm"
    message="This file will be deleted"
    question="Are you sure you want to continue?"
    on-response="$ctrl.deleteDms(response)">
</vn-confirm>