salix/modules/route/front/agency-term/index/index.html

<vn-crud-model
    vn-id="model"
    url="AgencyTerms/filter"
    data="agencyTerms"
    auto-load="true">
</vn-crud-model>
<vn-portal slot="topbar">
    <vn-searchbar
        auto-state="false"
        panel="vn-agency-term-search-panel"
        info="Search by invoiceIn id or autonomous name"
        placeholder="Search autonomous"
        filter="{}"
        model="model">
    </vn-searchbar>
</vn-portal>
<vn-card>
    <smart-table 
        model="model" 
        options="$ctrl.smartTableOptions" 
        expr-builder="$ctrl.exprBuilder(param, value)">
        <slot-actions>
            <div>
                <div class="totalBox" style="text-align: center;">
                    <h6 translate>Total</h6>
                    <vn-label-value 
                        label="Price" 
                        value="{{$ctrl.totalPrice | currency: 'EUR': 2}}">
                    </vn-label-value>
                </div>
            </div>
        </slot-actions>
        <slot-table>
            <table>
                <thead>
                    <tr>
                        <th shrink>
                            <vn-multi-check 
                                model="model">
                            </vn-multi-check>
                        </th>
                        <th shrink field="routeFk">
                            <span translate>Id</span>
                        </th>
                        <th field="created">
                            <span translate>Date</span>
                        </th>
                        <th field="agencyModeFk">
                            <span translate>Agency route</span>
                        </th>
                        <th field="agencyFk">
                            <span translate>Agency Agreement</span>
                        </th>
                        <th field="packages">
                            <span translate>Packages</span>
                        </th>
                        <th field="m3">
                            <span translate>M3</span>
                        </th>
                        <th field="kmTotal">
                            <span translate>Km</span>
                        </th>
                        <th field="price">
                            <span translate>Price</span>
                        </th>
                        <th field="invoiceInFk">
                            <span translate>Received</span>
                        </th>
                        <th field="supplierFk">
                            <span translate>Autonomous</span>
                        </th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="agencyTerm in agencyTerms">
                        <td shrink>
                            <vn-check 
                                ng-model="agencyTerm.checked"
                                vn-click-stop>
                            </vn-check>
                        </td>
                        <td>
                            <span
                                title="{{::agencyTerm.id}}"
                                vn-click-stop="routeDescriptor.show($event, agencyTerm.routeFk)"
                                class="link">
                                {{::agencyTerm.routeFk}}
                            </span>
                        </td>
                        <td shrink-date>{{::agencyTerm.created | date:'dd/MM/yyyy'}}</td> 
                        <td>{{::agencyTerm.agencyModeName | dashIfEmpty}}</td>
                        <td>{{::agencyTerm.agencyAgreement | dashIfEmpty}}</td>
                        <td>{{::agencyTerm.packages | dashIfEmpty}}</td>
                        <td>{{::agencyTerm.m3 | dashIfEmpty}}</td>
                        <td>{{::agencyTerm.kmTotal | dashIfEmpty}}</td>
                        <td>{{::agencyTerm.price | dashIfEmpty}}</td>
                        <td>
                            <span
                                vn-click-stop="invoiceInDescriptor.show($event, agencyTerm.invoiceInFk)"
                                class="link">
                                {{::agencyTerm.invoiceInFk}}
                            </span>
                        </td>
                        <td>
                            <span
                                class="link"
                                vn-click-stop="supplierDescriptor.show($event, agencyTerm.supplierFk)">
                                {{::agencyTerm.supplierName}}
                            </span>
                        </td>
                        <td>
                            <vn-icon-button
                                vn-click-stop="$ctrl.preview(agencyTerm.route)"
                                vn-tooltip="Preview"
                                icon="preview">
                            </vn-icon-button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </slot-table>
    </smart-table>
</vn-card>

<vn-popup vn-id="summary">
    <vn-route-summary
        route="$ctrl.routeSelected">
    </vn-route-summary>
</vn-popup>

<vn-route-descriptor-popover
    vn-id="routeDescriptor">
</vn-route-descriptor-popover>
<vn-supplier-descriptor-popover 
    vn-id="supplierDescriptor">
</vn-supplier-descriptor-popover>
<vn-invoice-in-descriptor-popover 
    vn-id="invoiceInDescriptor">
</vn-invoice-in-descriptor-popover>

<div fixed-bottom-right>
    <vn-vertical style="align-items: center;">
        <vn-button class="round sm vn-mb-sm"
            icon="icon-invoice-in-create"
            ng-show="$ctrl.totalChecked > 0"
            ng-click="$ctrl.createInvoiceIn()"
            vn-tooltip="Create invoiceIn"
            tooltip-position="left">
        </vn-button>
    </vn-vertical>
</div>