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

418 lines
17 KiB
HTML
Raw Permalink Normal View History

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
2021-06-16 07:43:07 +00:00
<vn-crud-model
vn-id="ticketsModel"
url="Tickets"
link="{clientFk: $ctrl.client.id}"
filter="::$ctrl.ticketFilter"
limit="10"
2021-06-16 07:43:07 +00:00
data="tickets"
order="shipped DESC, id">
2021-06-16 07:43:07 +00:00
</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 ng-if="::$ctrl.summary.id"
vn-tooltip="Go to the client"
ui-sref="client.card.summary({id: {{::$ctrl.summary.id}}})"
name="goToSummary">
<vn-icon-button icon="launch"></vn-icon-button>
</a>
<span>
{{$ctrl.summary.name}} - {{$ctrl.summary.id}} - {{$ctrl.summary.salesPersonUser.name}}
</span>
</h5>
2019-01-20 15:47:04 +00:00
<vn-horizontal>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.basicData({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Basic data</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">
Basic data
</h4>
<vn-label-value label="Id"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.id}}">
</vn-label-value>
<vn-label-value label="Comercial Name"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.name}}">
</vn-label-value>
<vn-label-value label="Contact"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.contact}}">
</vn-label-value>
<vn-label-value label="Phone"
2020-01-17 06:24:57 +00:00
value="{{$ctrl.summary.phone}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Mobile"
2020-01-17 06:24:57 +00:00
value="{{$ctrl.summary.mobile}}">
2020-01-29 12:41:55 +00:00
</vn-label-value>
<vn-label-value label="Email" no-ellipsize
2021-01-25 09:59:24 +00:00
value="{{$ctrl.listEmails($ctrl.summary.email)}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
2020-09-03 13:11:16 +00:00
<vn-label-value label="Sales person">
<span
2020-09-03 13:11:16 +00:00
ng-click="workerDescriptor.show($event, $ctrl.summary.salesPersonFk)"
class="link">
{{$ctrl.summary.salesPersonUser.name}}
2020-09-03 13:11:16 +00:00
</span>
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Channel"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.contactChannel.name}}">
</vn-label-value>
<vn-label-value label="Business type"
2023-04-25 12:25:22 +00:00
value="{{$ctrl.summary.businessType.description}}">
</vn-label-value>
2019-01-20 15:47:04 +00:00
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.fiscalData({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Fiscal address</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">
Fiscal address
</h4>
<vn-label-value label="Social name"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.socialName}}">
</vn-label-value>
<vn-label-value label="NIF / CIF"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.fi}}">
</vn-label-value>
<vn-label-value label="City"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.city}}">
</vn-label-value>
<vn-label-value label="Postcode"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.postcode}}">
</vn-label-value>
<vn-label-value label="Province"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.province.name}}">
</vn-label-value>
<vn-label-value label="Country"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.country.country}}">
</vn-label-value>
<vn-label-value label="Street" no-ellipsize
value="{{$ctrl.summary.street}}">
</vn-label-value>
2019-01-20 15:47:04 +00:00
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.fiscalData({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Fiscal data</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">
Fiscal data
</h4>
2019-01-20 15:47:04 +00:00
<vn-vertical>
<vn-check
label="Is equalizated"
ng-model="$ctrl.summary.isEqualizated"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Active"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.summary.isActive"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Invoice by address"
ng-model="$ctrl.summary.hasToInvoiceByAddress"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Verified data"
ng-model="$ctrl.summary.isTaxDataChecked"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Has to invoice"
ng-model="$ctrl.summary.hasToInvoice"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Notify by email"
ng-model="$ctrl.summary.isToBeMailed"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Vies"
ng-model="$ctrl.summary.isVies"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
</vn-vertical>
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.billingData({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Billing data</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">
Billing data
</h4>
<vn-label-value label="Pay method"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.payMethod.name}}">
</vn-label-value>
<vn-label-value label="IBAN"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.iban}}">
</vn-label-value>
<vn-label-value label="Due day"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.dueDay}}">
</vn-label-value>
<vn-vertical>
<vn-check
label="Received LCR"
ng-model="$ctrl.summary.hasLcr"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Received core VNL"
ng-model="$ctrl.summary.hasCoreVnl"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
<vn-check
label="Received B2B VNL"
ng-model="$ctrl.summary.hasSepaVnl"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
</vn-vertical>
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.address.index({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Address</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">
Address
</h4>
<vn-label-value label="Name"
value="{{$ctrl.summary.defaultAddress.nickname}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="City"
value="{{$ctrl.summary.defaultAddress.city}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Street" no-ellipsize
value="{{$ctrl.summary.defaultAddress.street}}">
</vn-label-value>
2019-01-20 15:47:04 +00:00
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
<a
2021-01-12 09:11:37 +00:00
ui-sref="client.card.webAccess({id:$ctrl.client.id})"
target="_self">
<span translate vn-tooltip="Go to">Web access</span>
2021-01-08 14:43:33 +00:00
</a>
2021-01-08 07:43:28 +00:00
</h4>
<h4
2021-01-12 09:11:37 +00:00
translate
ng-show="!$ctrl.isEmployee">Web access
</h4>
<vn-label-value label="User"
2019-01-20 15:47:04 +00:00
value="{{$ctrl.summary.account.name}}">
</vn-label-value>
<vn-vertical>
<vn-check
label="Enable web access"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.summary.account.active"
2019-01-20 15:47:04 +00:00
disabled="true">
</vn-check>
</vn-vertical>
</vn-one>
<vn-one>
2023-04-20 11:58:49 +00:00
<h4 translate>Business data</h4>
<vn-label-value label="Total greuge"
value="{{$ctrl.summary.totalGreuge | currency: 'EUR':2}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Mana"
value="{{$ctrl.summary.mana.mana | currency: 'EUR':2}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Rate"
2021-05-13 07:17:49 +00:00
value="{{$ctrl.claimRate($ctrl.summary.claimsRatio.priceIncreasing / 100) | percentage}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Average invoiced"
value="{{$ctrl.summary.averageInvoiced.invoiced | currency: 'EUR':2}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Claims"
value="{{$ctrl.claimingRate($ctrl.summary.claimsRatio.claimingRate) | percentage}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
</vn-one>
<vn-one>
<h4 ng-show="$ctrl.isEmployee">
2023-04-20 11:58:49 +00:00
<a href="https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk={{::$ctrl.client.id}}">
<span class="grafana" translate vn-tooltip="Go to grafana">Billing data</span>
</a>
</h4>
<vn-label-value label="Risk"
value="{{$ctrl.summary.debt.debt | currency: 'EUR':2}}"
ng-class="{alert: $ctrl.summary.debt.debt > $ctrl.summary.credit}"
info="Invoices minus payments plus orders not yet invoiced">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Credit"
value="{{$ctrl.summary.credit | currency: 'EUR'}} "
ng-class="{alert: $ctrl.summary.credit > $ctrl.summary.creditInsurance ||
($ctrl.summary.credit && $ctrl.summary.creditInsurance == null)}"
info="Verdnatura's maximum risk">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Secured credit"
value="{{$ctrl.summary.creditInsurance | currency: 'EUR':2}} ({{$ctrl.summary.classifications[0].insurances[0].grade}})"
info="Solunion's maximum risk">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Balance"
value="{{$ctrl.summary.sumRisk | currency: 'EUR':2}}"
info="Invoices minus payments">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Balance due"
value="{{($ctrl.summary.defaulters[0].amount >= 0 ? $ctrl.summary.defaulters[0].amount : '-') | currency: 'EUR':2}}"
ng-class="{alert: $ctrl.summary.defaulters[0].amount}"
info="Deviated invoices minus payments">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Recovery since"
2021-06-16 07:43:07 +00:00
ng-if="$ctrl.summary.recovery.started"
value="{{$ctrl.summary.recovery.started | date:'dd/MM/yyyy'}}">
2019-01-20 15:47:04 +00:00
</vn-label-value>
<vn-label-value label="Rating"
value="{{$ctrl.summary.rating}}"
info="Value from 1 to 20. The higher the better value">
</vn-label-value>
<vn-label-value label="Recommended credit"
value="{{$ctrl.summary.recommendedCredit | currency: 'EUR'}}">
</vn-label-value>
2021-06-16 07:43:07 +00:00
</vn-one>
</vn-horizontal>
<vn-horizontal>
<vn-one>
2021-06-16 07:47:54 +00:00
<h4 translate>Latest tickets</h4>
<vn-table model="ticketsModel">
2021-06-16 07:43:07 +00:00
<vn-thead>
<vn-tr>
<vn-th field="id" number>Id</vn-th>
2021-06-28 06:28:31 +00:00
<vn-th field="nickname" expand>Nickname</vn-th>
<vn-th field="agencyModeFk" expand>Agency</vn-th>
<vn-th field="routeFk" expand>Route</vn-th>
<vn-th field="packages" shrink>Packages</vn-th>
2021-06-16 07:43:07 +00:00
<vn-th field="shipped" shrink-date>Date</vn-th>
<vn-th field="stateFk">State</vn-th>
<vn-th field="totalWithVat" shrink>Total</vn-th>
2021-06-16 07:43:07 +00:00
<vn-th></vn-th>
</vn-tr>
</vn-thead>
<vn-tbody>
<a ng-repeat="ticket in ticketsModel.data"
class="clickable vn-tr search-result"
ui-sref="ticket.card.summary({id: {{::ticket.id}}})">
<vn-td number>{{::ticket.id}}</vn-td>
<vn-td expand>
<span
title="{{::ticket.nickname}}"
vn-click-stop="clientDescriptor.show($event, ticket.clientFk)"
class="link">
{{::ticket.nickname}}
</span>
</vn-td>
<vn-td expand>
{{::ticket.agencyMode.name}}
</vn-td>
<vn-td shrink>
<span
title="{{::ticket.route}}"
vn-click-stop="routeDescriptor.show($event, ticket.routeFk)"
class="link">
{{::ticket.routeFk}}
</span>
</vn-td>
<vn-td shrink>
{{::ticket.packages}}
2021-06-16 07:43:07 +00:00
</vn-td>
<vn-td shrink-date>
<span class="chip {{::$ctrl.chipColor(ticket.shipped)}}">
{{::ticket.shipped | date: 'dd/MM/yyyy'}}
</span>
</vn-td>
<vn-td>
<span
ng-show="::ticket.refFk"
title="{{::ticket.refFk}}"
2021-06-28 06:28:31 +00:00
vn-click-stop="invoiceOutDescriptor.show($event, ticket.invoiceOut.id)"
2021-06-16 07:43:07 +00:00
class="link">
{{::ticket.refFk}}
</span>
<span
2021-06-16 07:43:07 +00:00
ng-show="::!ticket.refFk"
class="chip {{::$ctrl.stateColor(ticket)}}">
{{::ticket.ticketState.state.name}}
2021-06-16 07:43:07 +00:00
</span>
</vn-td>
<vn-td shrink>
<span class="chip {{::$ctrl.totalPriceColor(ticket)}}">
2021-06-16 07:43:07 +00:00
{{::(ticket.totalWithVat ? ticket.totalWithVat : 0) | currency: 'EUR': 2}}
</span>
</vn-td>
<vn-td actions>
<vn-icon-button
vn-anchor="::{
state: 'ticket.card.sale',
params: {id: ticket.id},
2021-06-16 07:43:07 +00:00
target: '_blank'
}"
vn-tooltip="Go to lines"
icon="icon-lines">
</vn-icon-button>
<vn-icon-button
vn-click-stop="$ctrl.preview(ticket)"
vn-tooltip="Preview"
icon="preview">
</vn-icon-button>
</vn-td>
</a>
</vn-tbody>
</vn-table>
<vn-pagination
model="ticketsModel"
class="vn-pt-xs"
scroll-selector="vn-table[model='ticketsModel']"
scroll-offset="100">
2021-11-22 13:02:21 +00:00
</vn-pagination>
2019-01-20 15:47:04 +00:00
</vn-one>
</vn-horizontal>
2020-09-03 13:11:16 +00:00
</vn-card>
2021-06-16 07:43:07 +00:00
<vn-client-descriptor-popover
vn-id="clientDescriptor">
</vn-client-descriptor-popover>
<vn-route-descriptor-popover
vn-id="routeDescriptor">
</vn-route-descriptor-popover>
<vn-worker-descriptor-popover
2020-09-03 13:11:16 +00:00
vn-id="workerDescriptor">
2021-06-16 07:43:07 +00:00
</vn-worker-descriptor-popover>
<vn-invoice-out-descriptor-popover
2021-06-16 07:43:07 +00:00
vn-id="invoiceOutDescriptor">
</vn-invoice-out-descriptor-popover>
<vn-popup vn-id="summary">
<vn-ticket-summary
ticket="$ctrl.selectedTicket"
model="model">
</vn-ticket-summary>
</vn-popup>