salix/modules/invoiceOut/front/index/index.html

<vn-auto-search
    model="model">
</vn-auto-search>
<vn-data-viewer
    model="model"
    class="vn-w-lg">
    <vn-card class="vn-pa-lg">
        <vn-button
            disabled="$ctrl.totalChecked == 0"
            vn-click-stop="$ctrl.openPdf()"
            icon="cloud_download"
            title="Download PDF"
            vn-tooltip="Download PDF">
        </vn-button>
    </vn-card>
    <vn-card>
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th shrink>
                    <vn-multi-check 
                        model="model">
                    </vn-multi-check>
                </vn-th>
                <vn-th field="ref">Reference</vn-th>
                <vn-th field="issued" expand>Issued</vn-th>
                <vn-th field="amount" number>Amount</vn-th>
                <vn-th field="clientFk">Client</vn-th>
                <vn-th field="created" expand>Created</vn-th>
                <vn-th field="companyFk">Company</vn-th>
                <vn-th field="dued" expand>Due date</vn-th>
                <vn-th></vn-th>
                <vn-th></vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <a ng-repeat="invoiceOut in model.data"
                class="clickable vn-tr search-result"
                ui-sref="invoiceOut.card.summary({id: {{::invoiceOut.id}}})">
                <vn-td>
                    <vn-check 
                        ng-model="invoiceOut.checked"
                        vn-click-stop>
                    </vn-check>
                </vn-td>
                <vn-td>{{::invoiceOut.ref | dashIfEmpty}}</vn-td>
                <vn-td shrink>{{::invoiceOut.issued | date:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
                <vn-td number>{{::invoiceOut.amount | currency: 'EUR': 2 | dashIfEmpty}}</vn-td>
                <vn-td>
                    <span
                        class="link"
                        vn-click-stop="clientDescriptor.show($event, invoiceOut.clientFk)">
                        {{::invoiceOut.clientSocialName | dashIfEmpty}}
                    </span>
                </vn-td>
                <vn-td expand>{{::invoiceOut.created | date:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
                <vn-td>{{::invoiceOut.companyCode | dashIfEmpty}}</vn-td>
                <vn-td shrink>{{::invoiceOut.dued | date:'dd/MM/yyyy' | dashIfEmpty}}</vn-td>
                <vn-td shrink>
                    <vn-icon-button
                        vn-click-stop="$ctrl.preview(invoiceOut)"
                        vn-tooltip="Preview"
                        icon="preview">
                    </vn-icon-button>
                </vn-td>
            </a>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<div fixed-bottom-right>
    <vn-vertical style="align-items: center;">
        <vn-button class="round sm vn-mb-sm"
            icon="add"
            ng-click="invoicingOptions.show($event)"
            vn-tooltip="Make invoice..."
            tooltip-position="left"
            vn-acl="invoicing"
            vn-acl-action="remove">
        </vn-button>

        <vn-menu vn-id="invoicingOptions">
            <vn-item translate
                name="manualInvoice"
                ng-click="manualInvoicing.show()">
                Manual invoicing
            </vn-item>
            <vn-item translate
                name="globalInvoice"
                ng-click="globalInvoicing.show()">
                Global invoicing
            </vn-item>
        </vn-menu>
    </vn-vertical>
</div>
<vn-popup vn-id="summary">
    <vn-invoice-out-summary
        invoice-out="$ctrl.selectedInvoiceOut">
    </vn-invoice-out-summary>
</vn-popup>
<vn-client-descriptor-popover
    vn-id="clientDescriptor">
</vn-client-descriptor-popover>
<vn-invoice-out-manual
    vn-id="manual-invoicing">
</vn-invoice-out-manual>
<vn-invoice-out-global-invoicing
    vn-id="global-invoicing"
    company-fk="$ctrl.vnConfig.companyFk">
</vn-invoice-out-global-invoicing>