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

<vn-card class="summary">
    <h5>
        <a
            ng-if="::$ctrl.summary.id"
            vn-tooltip="Go to the Invoice In"
            ui-sref="invoiceIn.card.summary({id: {{::$ctrl.summary.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{$ctrl.summary.id}} - {{$ctrl.summary.supplier.name}}</span>
    </h5>
    <vn-horizontal>
        <vn-auto>
            <h4 translate>Basic data</h4>
            <vn-horizontal>
                <vn-one>
                    <vn-label-value label="Supplier" value="{{$ctrl.summary.supplier.name}}">
                    </vn-label-value>
                    <vn-label-value label="Supplier ref" value="{{$ctrl.summary.supplierRef}}">
                    </vn-label-value>
                    <vn-label-value label="Currency" value="{{$ctrl.summary.currency.code}}">
                    </vn-label-value>
                    <vn-label-value label="Doc number" value="{{$ctrl.summary.serial}}/{{$ctrl.summary.serialNumber}}">
                    </vn-label-value>
                </vn-one>
                <vn-one>
                    <vn-label-value label="Expedition date" value="{{$ctrl.summary.issued | date: 'dd/MM/yyyy'}}">
                    </vn-label-value>
                    <vn-label-value label="Operation date" value="{{$ctrl.summary.operated | date: 'dd/MM/yyyy'}}">
                    </vn-label-value>
                    <vn-label-value label="Entry date" value="{{$ctrl.summary.bookEntried | date: 'dd/MM/yyyy'}}">
                    </vn-label-value>
                    <vn-label-value label="Booked date" value="{{$ctrl.summary.booked | date: 'dd/MM/yyyy'}}">
                    </vn-label-value>
                </vn-one>
                <vn-one>
                    <vn-label-value label="Sage withholding" value="{{$ctrl.summary.sageWithholding.withholding}}">
                    </vn-label-value>
                    <vn-label-value label="Undeductible VAT" value="{{$ctrl.summary.expenseDeductible.name}}">
                    </vn-label-value>
                    <vn-label-value label="Company" value="{{$ctrl.summary.company.code}}">
                    </vn-label-value>
                    <vn-vertical>
                        <vn-check label="Booked"  ng-model="$ctrl.summary.isBooked" disabled="true">
                        </vn-check>
                    </vn-vertical>
                </vn-one>
                <vn-one tbody class="taxes">
                    <span td class="chip"><vn-label translate>Taxable base</vn-label> {{$ctrl.summary.totals.totalTaxableBase | currency: 'EUR':2 | dashIfEmpty}}</span>
                    <p><vn-label translate>Total</vn-label> {{$ctrl.summary.totals.totalVat | currency: 'EUR':2 | dashIfEmpty}}</p>
                    <vn-label translate>Due day</vn-label>
                    <vn-chip 
                        class="transparent" 
                        ng-class="{'alert': $ctrl.amountsNotMatch}"
                        translate-attr="{title: $ctrl.amountsNotMatch ? 'Do not match' :  'Due day'}" 
                        >{{$ctrl.summary.totals.totalDueDay | currency: 'EUR':2 | dashIfEmpty}}
                    </vn-chip>
                </vn-one>
            </vn-horizontal>
        </vn-auto>

        <vn-one ng-if="$ctrl.summary.invoiceInTax.length != 0">
            <h4>
                <a 
                    ui-sref="invoiceIn.card.tax({id:$ctrl.invoiceIn.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Vat</span>
                </a>
            </h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th number>Expense</vn-th>
                        <vn-th shrink>Taxable base</vn-th>
                        <vn-th>Sage vat</vn-th>
                        <vn-th>Sage transaction</vn-th>
                        <vn-th number shrink>Rate</vn-th>
                        <vn-th number shrink>Foreign value</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="tax in $ctrl.summary.invoiceInTax">
                        <vn-td number expand>{{::tax.expenseFk}}</vn-td>
                        <vn-td shrink>{{::tax.taxableBase | currency: 'EUR':2}}</vn-td>
                        <vn-td>{{::tax.taxTypeSage.vat}}</vn-td>
                        <vn-td>{{::tax.transactionTypeSage.transaction}}</vn-td>
                        <vn-td number shrink>{{::tax.taxRate | percentage}}</vn-td>
                        <vn-td number shrink>{{::tax.foreignValue | currency: 'USD':2}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-one>
    </vn-horizontal>
    <vn-horizontal>
        <vn-one ng-if="$ctrl.summary.invoiceInDueDay.length != 0">
            <h4>
                <a 
                    ui-sref="invoiceIn.card.dueDay({id:$ctrl.invoiceIn.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Due day</span>
                </a>
            </h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Date</vn-th>
                        <vn-th>Bank</vn-th>
                        <vn-th>Amount</vn-th>
                        <vn-th>Foreign value</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="dueDay in $ctrl.summary.invoiceInDueDay">
                        <vn-td shrink-date>{{::dueDay.dueDated | date:'dd/MM/yyyy'}}</vn-td>
                        <vn-td>{{::dueDay.bank.bank}}</vn-td>
                        <vn-td>{{::dueDay.amount | currency: 'EUR':2}}</vn-td>
                        <vn-td shrink>{{::dueDay.foreignValue}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-one>
    </vn-horizontal>
    <vn-horizontal>
        <vn-one ng-if="$ctrl.summary.invoiceInIntrastat.length != 0">
            <h4>
                <a 
                    ui-sref="invoiceIn.card.intrastat({id:$ctrl.invoiceIn.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Intrastat</span>
                </a>
            </h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Code</vn-th>
                        <vn-th>Amount</vn-th>
                        <vn-th>Net</vn-th>
                        <vn-th>Stems</vn-th>
                        <vn-th>Country</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="intrastat in $ctrl.summary.invoiceInIntrastat">
                        <vn-td>{{::intrastat.intrastatFk}}: {{::intrastat.intrastat.description}}</vn-td> 
                        <vn-td>{{::intrastat.amount | currency: 'EUR':2}}</vn-td>
                        <vn-td>{{::intrastat.net}}</vn-td>
                        <vn-td>{{::intrastat.stems}}</vn-td>
                        <vn-td>{{::intrastat.country.code}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-one>
    </vn-horizontal>
</vn-card>
<vn-supplier-descriptor-popover
    vn-id="supplierDescriptor">
</vn-supplier-descriptor-popover>