276 lines
12 KiB
HTML
276 lines
12 KiB
HTML
<vn-crud-model
|
|
vn-id="model"
|
|
url="ClaimDms"
|
|
filter="::$ctrl.filter"
|
|
data="photos">
|
|
</vn-crud-model>
|
|
<vn-card class="summary">
|
|
<h5>
|
|
<a
|
|
ng-if="::$ctrl.summary.claim.id"
|
|
vn-tooltip="Go to the claim"
|
|
ui-sref="claim.card.summary({id: {{::$ctrl.summary.claim.id}}})"
|
|
name="goToSummary">
|
|
<vn-icon-button icon="launch"></vn-icon-button>
|
|
</a>
|
|
<span>{{::$ctrl.summary.claim.id}} - {{::$ctrl.summary.claim.client.name}}</span>
|
|
<vn-button-menu
|
|
disabled="!$ctrl.summary.isEditable"
|
|
class="message"
|
|
label="Change state"
|
|
value-field="id"
|
|
show-field="description"
|
|
url="claimStates"
|
|
on-change="$ctrl.changeState(value)">
|
|
</vn-button-menu>
|
|
</h5>
|
|
<vn-horizontal>
|
|
<vn-one>
|
|
<vn-label-value
|
|
label="Created"
|
|
value="{{$ctrl.summary.claim.created | date: 'dd/MM/yyyy'}}">
|
|
</vn-label-value>
|
|
<vn-label-value
|
|
label="State"
|
|
value="{{$ctrl.summary.claim.claimState.description}}">
|
|
</vn-label-value>
|
|
<vn-check
|
|
class="vn-mr-md"
|
|
label="Pick up"
|
|
ng-model="$ctrl.summary.claim.hasToPickUp"
|
|
title="{{'When checked will notify to the salesPerson' | translate}}"
|
|
disabled="true">
|
|
</vn-check>
|
|
</vn-one>
|
|
<vn-one>
|
|
<vn-label-value
|
|
label="Salesperson"
|
|
value="{{$ctrl.summary.claim.client.salesPersonUser.name}}">
|
|
</vn-label-value>
|
|
<vn-label-value
|
|
label="Attended by"
|
|
value="{{$ctrl.summary.claim.worker.user.nickname}}">
|
|
</vn-label-value>
|
|
</vn-one>
|
|
<vn-auto>
|
|
<h4 ng-show="$ctrl.isSalesPerson && $ctrl.summary.observations.length">
|
|
<a
|
|
ui-sref="claim.card.note.index({id:$ctrl.claim.id})"
|
|
target="_self">
|
|
<span translate vn-tooltip="Go to">Observations</span>
|
|
</a>
|
|
</h4>
|
|
<h4
|
|
ng-show="!$ctrl.isSalesPerson && $ctrl.summary.observations.length"
|
|
translate>
|
|
Observations
|
|
</h4>
|
|
<div
|
|
ng-repeat="note in $ctrl.summary.observations"
|
|
class="note vn-pa-sm border-solid border-radius vn-mb-md">
|
|
<vn-horizontal class="vn-mb-sm" style="color: #666">
|
|
<vn-one>{{::note.worker.firstName}} {{::note.worker.lastName}}</vn-one>
|
|
<vn-auto>{{::note.created | date:'dd/MM/yyyy HH:mm'}}</vn-auto>
|
|
</vn-horizontal>
|
|
<vn-horizontal class="text">
|
|
{{::note.text}}
|
|
</vn-horizontal>
|
|
</div>
|
|
</vn-auto>
|
|
<vn-auto>
|
|
<h4 ng-show="$ctrl.isSalesPerson">
|
|
<a
|
|
ui-sref="claim.card.detail({id:$ctrl.claim.id})"
|
|
target="_self">
|
|
<span translate vn-tooltip="Go to">Detail</span>
|
|
</a>
|
|
</h4>
|
|
<h4
|
|
ng-show="!$ctrl.isSalesPerson"
|
|
translate>
|
|
Detail
|
|
</h4>
|
|
<vn-data-viewer data="::$ctrl.summary.salesClaimed">
|
|
<vn-table>
|
|
<vn-thead>
|
|
<vn-tr>
|
|
<vn-th number>Item</vn-th>
|
|
<vn-th expand>Landed</vn-th>
|
|
<vn-th number>Quantity</vn-th>
|
|
<vn-th number>Claimed</vn-th>
|
|
<vn-th>Description</vn-th>
|
|
<vn-th number>Price</vn-th>
|
|
<vn-th number>Disc.</vn-th>
|
|
<vn-th number>Total</vn-th>
|
|
</vn-tr>
|
|
</vn-thead>
|
|
<vn-tbody>
|
|
<vn-tr ng-repeat="saleClaimed in $ctrl.summary.salesClaimed">
|
|
<vn-td number>
|
|
<span
|
|
ng-click="itemDescriptor.show($event, saleClaimed.sale.itemFk, saleClaimed.sale.id)"
|
|
class="link">
|
|
{{::saleClaimed.sale.itemFk | zeroFill:6}}
|
|
</span>
|
|
</vn-td>
|
|
<vn-td expand>{{::saleClaimed.sale.ticket.landed | date: 'dd/MM/yyyy'}}</vn-td>
|
|
<vn-td number>{{::saleClaimed.sale.quantity}}</vn-td>
|
|
<vn-td number>{{::saleClaimed.quantity}}</vn-td>
|
|
<vn-td expand>{{::saleClaimed.sale.concept}}</vn-td>
|
|
<vn-td number>{{::saleClaimed.sale.price | currency: 'EUR':2}}</vn-td>
|
|
<vn-td number>{{::saleClaimed.sale.discount}} %</vn-td>
|
|
<vn-td number>
|
|
{{saleClaimed.sale.quantity * saleClaimed.sale.price *
|
|
((100 - saleClaimed.sale.discount) / 100) | currency: 'EUR':2}}
|
|
</vn-td>
|
|
</vn-tr>
|
|
</vn-tbody>
|
|
</vn-table>
|
|
</vn-data-viewer>
|
|
</vn-auto>
|
|
<vn-auto ng-if="photos.length > 0">
|
|
<h4 translate>Photos</h4>
|
|
<vn-horizontal class="photo-list">
|
|
<section class="photo" ng-repeat="photo in photos">
|
|
<section class="image" 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>
|
|
</vn-horizontal>
|
|
</vn-auto>
|
|
<vn-auto>
|
|
<h4 ng-show="$ctrl.isClaimManager">
|
|
<a
|
|
ui-sref="claim.card.development({id:$ctrl.claim.id})"
|
|
target="_self">
|
|
<span translate vn-tooltip="Go to">Development</span>
|
|
</a>
|
|
</h4>
|
|
<h4
|
|
translate
|
|
ng-show="!$ctrl.isClaimManager">
|
|
Development
|
|
</h4>
|
|
<vn-data-viewer data="::$ctrl.summary.developments">
|
|
<vn-table>
|
|
<vn-thead>
|
|
<vn-tr>
|
|
<vn-th>Reason</vn-th>
|
|
<vn-th>Result</vn-th>
|
|
<vn-th>Responsible</vn-th>
|
|
<vn-th>Worker</vn-th>
|
|
<vn-th>Redelivery</vn-th>
|
|
</vn-tr>
|
|
</vn-thead>
|
|
<vn-tbody>
|
|
<vn-tr ng-repeat="development in $ctrl.summary.developments">
|
|
<vn-td>{{::development.claimReason.description}}</vn-td>
|
|
<vn-td>{{::development.claimResult.description}}</vn-td>
|
|
<vn-td>{{::development.claimResponsible.description}}</vn-td>
|
|
<vn-td expand>
|
|
<span
|
|
class="link"
|
|
ng-click="workerDescriptor.show($event, development.workerFk)">
|
|
{{::development.worker.user.nickname}}
|
|
</span>
|
|
</vn-td>
|
|
<vn-td>{{::development.claimRedelivery.description}}</vn-td>
|
|
</vn-tr>
|
|
</vn-tbody>
|
|
</vn-table>
|
|
</vn-data-viewer>
|
|
</vn-auto>
|
|
<vn-auto>
|
|
<h4 ng-show="$ctrl.isClaimManager">
|
|
<a
|
|
ui-sref="claim.card.action({id:$ctrl.claim.id})"
|
|
target="_self">
|
|
<span translate vn-tooltip="Go to">Action</span>
|
|
</a>
|
|
</h4>
|
|
<h4
|
|
translate
|
|
ng-show="!$ctrl.isClaimManager">
|
|
Action
|
|
</h4>
|
|
<vn-horizontal>
|
|
<vn-one>
|
|
<vn-range
|
|
vn-one
|
|
disabled="true"
|
|
label="Responsability"
|
|
min-label="Company"
|
|
max-label="Sales/Client"
|
|
ng-model="$ctrl.summary.claim.responsibility"
|
|
max="5"
|
|
min="1"
|
|
step="1"
|
|
vn-acl="claimManager">
|
|
</vn-range>
|
|
</vn-one>
|
|
</vn-horizontal>
|
|
<vn-data-viewer data="::$ctrl.summary.actions">
|
|
<vn-table>
|
|
<vn-thead>
|
|
<vn-tr>
|
|
<vn-th number>Item</vn-th>
|
|
<vn-th number>Ticket</vn-th>
|
|
<vn-th>Destination</vn-th>
|
|
<vn-th number>Landed</vn-th>
|
|
<vn-th number>Quantity</vn-th>
|
|
<vn-th>Description</vn-th>
|
|
<vn-th number>Price</vn-th>
|
|
<vn-th number>Disc.</vn-th>
|
|
<vn-th number>Total</vn-th>
|
|
</vn-tr>
|
|
</vn-thead>
|
|
<vn-tbody>
|
|
<vn-tr ng-repeat="action in $ctrl.summary.actions">
|
|
<vn-td number>
|
|
<span
|
|
ng-click="itemDescriptor.show($event, action.sale.itemFk, action.sale.id)"
|
|
class="link">
|
|
{{::action.sale.itemFk | zeroFill:6}}
|
|
</span>
|
|
</vn-td>
|
|
<vn-td number>
|
|
<span
|
|
ng-click="ticketDescriptor.show($event, action.sale.ticket.id)"
|
|
class="link">
|
|
{{::action.sale.ticket.id}}
|
|
</span>
|
|
</vn-td>
|
|
<vn-td expand>{{::action.claimBeggining.description}}</vn-td>
|
|
<vn-td number>{{::action.sale.ticket.landed | date: 'dd/MM/yyyy'}}</vn-td>
|
|
<vn-td number>{{::action.sale.quantity}}</vn-td>
|
|
<vn-td expand>{{::action.sale.concept}}</vn-td>
|
|
<vn-td number>{{::action.sale.price}}</vn-td>
|
|
<vn-td number>{{::action.sale.discount}} %</vn-td>
|
|
<vn-td number>
|
|
{{action.sale.quantity * action.sale.price *
|
|
((100 - action.sale.discount) / 100) | currency: 'EUR':2}}
|
|
</vn-td>
|
|
</vn-tr>
|
|
</vn-tbody>
|
|
</vn-table>
|
|
</vn-data-viewer>
|
|
</vn-auto>
|
|
</vn-horizontal>
|
|
</vn-card>
|
|
<vn-item-descriptor-popover
|
|
vn-id="item-descriptor"
|
|
warehouse-fk="$ctrl.vnConfig.warehouseFk">
|
|
</vn-item-descriptor-popover>
|
|
<vn-worker-descriptor-popover
|
|
vn-id="worker-descriptor">
|
|
</vn-worker-descriptor-popover>
|
|
<vn-ticket-descriptor-popover
|
|
vn-id="ticket-descriptor">
|
|
</vn-ticket-descriptor-popover>
|