49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<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 == 'image/jpeg'">
|
|
</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>
|