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

<vn-crud-model
    vn-id="model"
    url="/client/api/receipts/filter"
    params="$ctrl.params"
    limit="20"
    data="$ctrl.risks">
</vn-crud-model>
<vn-crud-model
    vn-id="riskModel"
    url="/client/api/ClientRisks"
    filter="::$ctrl.filter"
    data="riskTotal"
    auto-load="true">
</vn-crud-model>
<vn-vertical>
    <vn-card pad-large>
        <vn-horizontal>
            <vn-one>
                <vn-title>Balance</vn-title>
            </vn-one>
            <vn-one>
                <vn-autocomplete vn-one
                    field="$ctrl.companyFk"
                    on-change="$ctrl.setOrder(value)"
                    url="/client/api/Companies"
                    show-field="code"
                    value-field="id"
                    label="Select company">
                </vn-autocomplete>
            </vn-one>
            <vn-one>
                <div class="totalBox" ng-if="riskTotal.length">
                    <h6 translate>Total by company</h6>
                    <vn-auto ng-repeat="riskByCompany in riskTotal">  
                        <vn-label-value
                            label="{{riskByCompany.company.code}}"
                            value="{{riskByCompany.amount | currency:'€':2}}">
                        </vn-label-value>
                    </vn-auto> 
                </div>
            </vn-one>
        </vn-horizontal>
        <vn-vertical>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Date</vn-th>
                        <vn-th>Creation date</vn-th>
                        <vn-th>Employee</vn-th>
                        <vn-th>Reference</vn-th>
                        <vn-th number>Bank</vn-th>
                        <vn-th number>Debit</vn-th>
                        <vn-th number>Havings</vn-th>
                        <vn-th number>Balance</vn-th>
                        <vn-th center>Conciliated</vn-th>
                        <vn-th></vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="risk in $ctrl.risks">
                        <vn-td>{{::risk.payed | dateTime:'dd/MM/yyyy'}}</vn-td>
                        <vn-td>{{::risk.created | dateTime:'dd/MM/yyyy HH:mm'}}</vn-td>
                        <vn-td>{{::risk.firstName}} {{::risk.name}}</vn-td>
                        <vn-td>
                            <span ng-show="risk.ref" translate>BILL</span> {{::risk.ref}}
                        </vn-td>
                        <vn-td number>{{::risk.bankFk}}</vn-td>
                        <vn-td number>{{::risk.debit | currency:'€':2}}</vn-td>
                        <vn-td number>{{::risk.credit | currency:'€':2}}</vn-td>
                        <vn-td number>{{risk.balance | currency:'€':2}}</vn-td>
                        <vn-td center>
                            <vn-check
                                field="risk.isConciliate"
                                disabled="true">
                            </vn-check>
                        </vn-td>
                        <vn-td center>
                            <a ng-show="risk.pdf"
                                target="_blank"
                                href="api/InvoiceOuts/{{::risk.id}}/download?access_token={{::$ctrl.accessToken}}">
                                <vn-icon-button
                                    icon="cloud_download"
                                    title="Download PDF">
                                </vn-icon-button>
                            </a>
                        </vn-td>
                    </vn-tr>
                </vn-tbody>
                <vn-empty-rows ng-if="model.data.length === 0" translate>
                    No results
                </vn-empty-rows>
            </vn-table>
        </vn-vertical>
        <vn-pagination model="model"></vn-pagination>
    </vn-card>
</vn-vertical>
<a ui-sref="client.card.risk.create"
    vn-tooltip="New payment" 
    vn-bind="+"
    fixed-bottom-right>
    <vn-float-button
        vn-acl="administrative"
        vn-acl-action="remove"
        icon="add">
    </vn-float-button>
</a>