41 lines
1.6 KiB
HTML
41 lines
1.6 KiB
HTML
<vn-crud-model vn-id="model" auto-load="true"
|
|
url="/api/ClaimDms"
|
|
link="{claimFk: $ctrl.$stateParams.id}"
|
|
limit="20"
|
|
data="$ctrl.photos">
|
|
</vn-crud-model>
|
|
|
|
<section class="drop-zone" vn-droppable="true" on-drop="$ctrl.onDrop(event)">
|
|
<section><vn-icon icon="add_circle"></vn-icon></section>
|
|
<section translate>Drag & Drop files here...</section>
|
|
</section>
|
|
|
|
<vn-horizontal class="photo-list">
|
|
<section class="photo" ng-repeat="photo in $ctrl.photos">
|
|
<section class="image mdl-shadow--2dp" on-error-src
|
|
ng-style="{'background': 'url(/api/dms/' + photo.dmsFk + '/downloadFile?access_token=' + $ctrl.accessToken + ')'}"
|
|
zoom-image="/api/dms/{{::photo.dmsFk}}/downloadFile?access_token={{::$ctrl.accessToken}}">
|
|
</section>
|
|
<section class="actions">
|
|
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored"
|
|
ng-click="$ctrl.showDeleteConfirm($index)"
|
|
title="{{'Remove file' | translate}}"
|
|
tabindex="-1">
|
|
<vn-icon icon="delete"></vn-icon>
|
|
</button>
|
|
</section>
|
|
</section>
|
|
<vn-empty-rows ng-if="$ctrl.photos.length == 0">
|
|
<span translate>Drag & Drop files here...</span>
|
|
</vn-empty-rows>
|
|
</vn-horizontal>
|
|
<vn-pagination model="model"></vn-pagination>
|
|
<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> |