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

281 lines
12 KiB
HTML
Raw Normal View History

<vn-crud-model
vn-id="model"
url="ClaimDms"
2022-05-25 05:51:47 +00:00
filter="::$ctrl.filter"
data="photos">
</vn-crud-model>
2019-01-20 15:47:04 +00:00
<vn-card class="summary">
2020-11-23 12:41:51 +00:00
<h5>
<a
2021-01-12 09:11:37 +00:00
ng-if="::$ctrl.summary.claim.id"
2020-11-23 12:41:51 +00:00
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>
2020-11-23 12:41:51 +00:00
</h5>
2019-01-20 15:47:04 +00:00
<vn-horizontal>
2022-10-17 09:44:29 +00:00
<vn-auto>
<h4>
<a
ui-sref="claim.card.basicData({id:$ctrl.claim.id})"
target="_self">
<span translate vn-tooltip="Go to">Basic data</span>
</a>
</h4>
<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-label-value
label="Salesperson"
value="{{$ctrl.summary.claim.client.salesPersonUser.name}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
2020-04-25 09:50:04 +00:00
<vn-label-value
2022-10-17 09:44:29 +00:00
label="Attended by"
value="{{$ctrl.summary.claim.worker.user.nickname}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
2022-07-25 12:49:39 +00:00
<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>
2022-10-17 09:44:29 +00:00
</vn-auto>
<vn-auto>
<h4 ng-show="$ctrl.isSalesPerson && $ctrl.summary.observations.length">
2022-07-25 12:49:39 +00:00
<a
ui-sref="claim.card.note.index({id:$ctrl.claim.id})"
target="_self">
<span translate vn-tooltip="Go to">Observations</span>
</a>
</h4>
2022-07-25 12:49:39 +00:00
<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>
2019-01-20 15:47:04 +00:00
<vn-auto>
<h4 ng-show="$ctrl.isSalesPerson">
2022-07-25 12:49:39 +00:00
<a
2021-01-12 09:11:37 +00:00
ui-sref="claim.card.detail({id:$ctrl.claim.id})"
target="_self">
<span translate vn-tooltip="Go to">Detail</span>
</a>
</h4>
2022-07-25 12:49:39 +00:00
<h4
2021-01-12 09:11:37 +00:00
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>
2022-07-25 12:49:39 +00:00
<span
2020-05-08 17:56:39 +00:00
ng-click="itemDescriptor.show($event, saleClaimed.sale.itemFk, saleClaimed.sale.id)"
class="link">
{{::saleClaimed.sale.itemFk}}
</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>
2022-07-25 12:49:39 +00:00
{{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>
2019-01-20 15:47:04 +00:00
</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">
2022-07-25 12:49:39 +00:00
<section class="image" on-error-src
2020-06-12 12:28:29 +00:00
ng-style="{'background': 'url(' + $ctrl.getImagePath(photo.dmsFk) + ')'}"
2022-05-25 05:51:47 +00:00
zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}"
ng-if="photo.dms.contentType != 'video/mp4'">
</section>
2022-05-25 05:51:47 +00:00
<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>
2019-01-20 15:47:04 +00:00
<vn-auto>
<h4 ng-show="$ctrl.isClaimManager">
2022-07-25 12:49:39 +00:00
<a
2021-01-12 09:11:37 +00:00
ui-sref="claim.card.development({id:$ctrl.claim.id})"
target="_self">
<span translate vn-tooltip="Go to">Development</span>
</a>
</h4>
2022-07-25 12:49:39 +00:00
<h4
2021-01-12 09:11:37 +00:00
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>
2022-07-25 12:49:39 +00:00
<span
class="link"
2020-04-25 09:50:04 +00:00
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>
2019-01-20 15:47:04 +00:00
</vn-auto>
<vn-auto>
<h4 ng-show="$ctrl.isClaimManager">
2022-07-25 12:49:39 +00:00
<a
2021-01-12 09:11:37 +00:00
ui-sref="claim.card.action({id:$ctrl.claim.id})"
target="_self">
<span translate vn-tooltip="Go to">Action</span>
</a>
</h4>
<h4
2022-07-25 12:49:39 +00:00
translate
2021-01-12 09:11:37 +00:00
ng-show="!$ctrl.isClaimManager">
Action
</h4>
<vn-horizontal>
<vn-one>
<vn-range
2022-07-25 12:49:39 +00:00
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>
2022-07-25 12:49:39 +00:00
<span
2020-05-08 17:56:39 +00:00
ng-click="itemDescriptor.show($event, action.sale.itemFk, action.sale.id)"
class="link">
{{::action.sale.itemFk}}
</span>
</vn-td>
<vn-td number>
2022-07-25 12:49:39 +00:00
<span
2020-04-25 09:50:04 +00:00
ng-click="ticketDescriptor.show($event, action.sale.ticket.id)"
class="link">
2021-03-15 12:43:22 +00:00
{{::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>
2019-01-20 15:47:04 +00:00
</vn-auto>
</vn-horizontal>
</vn-card>
<vn-item-descriptor-popover
vn-id="item-descriptor"
warehouse-fk="$ctrl.vnConfig.warehouseFk">
</vn-item-descriptor-popover>
2022-07-25 12:49:39 +00:00
<vn-worker-descriptor-popover
vn-id="worker-descriptor">
2019-02-21 06:46:27 +00:00
</vn-worker-descriptor-popover>
2022-07-25 12:49:39 +00:00
<vn-ticket-descriptor-popover
vn-id="ticket-descriptor">
2022-07-25 12:49:39 +00:00
</vn-ticket-descriptor-popover>