salix/modules/travel/front/extra-community/index.html

<vn-crud-model
    vn-id="model"
    url="Travels/extraCommunityFilter"
    filter="::$ctrl.filter"
    data="travels"
    order="shipped ASC, landed ASC, travelFk, loadPriority, agencyModeFk, evaNotes"
    limit="20"
    auto-load="true">
</vn-crud-model>
<vn-portal slot="topbar">
    <vn-searchbar
        vn-focus
        panel="vn-extra-community-search-panel"
        info="Search by travel id or reference"
        placeholder="Search by extra community travel"
        suggested-filter="$ctrl.defaultFilter"
        filter="$ctrl.defaultFilter"
        auto-state="false"
        model="model">
    </vn-searchbar>
</vn-portal>
<vn-card class="travel-list scrollable">
    <smart-table
        model="model"
        options="$ctrl.smartTableOptions">
        <slot-actions>
            <section>
                <vn-tool-bar class="vn-mb-md">
                    <vn-button
                        disabled="!$ctrl.hasDateRange"
                        icon="picture_as_pdf"
                        ng-click="$ctrl.showReport()"
                        vn-tooltip="Open as PDF">
                    </vn-button>
                </vn-tool-bar>
            </section>
        </slot-actions>
        <slot-table>
            <table>
                <thead>
                    <tr>
                        <th field="id" shrink>
                            <span translate>Id</span>
                        </th>
                        <th field="cargoSupplierFk">
                            <span translate>Supplier</span>
                        </th>
                        <th field="agencyModeFk">
                            <span translate>Agency</span>
                        </th>
                        <th field="ref">
                            <span translate>Reference</span>
                        </th>
                        <th field="stickers" number>
                            <span translate>Packages</span>
                        </th>
                        <th field="kg" centered>
                            <span translate>Bl. KG</span>
                        </th>
                        <th field="loadedKg" number>
                            <span translate>Phy. KG</span>
                        </th>
                        <th field="volumeKg" number>
                            <span translate>Vol. KG</span>
                        </th>
                        <th
                            field="warehouseOutFk"
                            translate-attr="{title: 'Warehouse Out'}">
                            <span translate>Wh. Out</span>
                        </th>
                        <th field="shipped">
                            <span translate>W. Shipped</span>
                        </th>
                        <th
                            field="warehouseInFk"
                            translate-attr="{title: 'Warehouse In'}">
                            <span translate>Wh. In</span>
                        </th>
                        <th field="landed">
                            <span translate>W. Landed</span>
                        </th>
                    </tr>
                </thead>
                <tbody
                    ng-repeat="travel in travels"
                    class="vn-mb-md"
                    vn-droppable="$ctrl.onDrop($event)"
                    ng-attr-id="{{::travel.id}}"
                    vn-stop-click>
                    <tr
                        class="header"
                        vn-anchor="::{
                            state: 'travel.card.basicData',
                            params: {id: travel.id}
                        }">
                        <td vn-click-stop>
                            <span
                                class="link"
                                ng-click="travelDescriptor.show($event, travel.id)">
                                {{::travel.id}}
                            </span>
                        </td>
                        <td class="multi-line" vn-click-stop>
                            <span
                                class="link"
                                ng-click="supplierDescriptor.show($event, travel.cargoSupplierFk)">
                                {{::travel.cargoSupplierNickname}}
                            </span>
                        </td>
                        <td expand>{{::travel.agencyModeName}}</td>
                        <td
                            name="reference"
                            class="td-editable"
                            vn-click-stop>
                            <vn-textfield
                                class="dense td-editable"
                                ng-model="travel.ref"
                                on-change="$ctrl.save(travel.id, {ref: value})">
                            </vn-textfield>
                        </td>
                        <td number>{{::travel.stickers}}</td>
                        <td
                            name="lockedKg"
                            class="number"
                            shrink
                            vn-click-stop>
                            <vn-input-number
                                number
                                shrink
                                class="td-editable number"
                                ng-model="travel.kg"
                                on-change="$ctrl.save(travel.id, {kg: value})"
                                min="0">
                            </vn-input-number>
                        </td>
                        <td number>{{::travel.loadedKg}}</td>
                        <td number>{{::travel.volumeKg}}</td>
                        <td expand>{{::travel.warehouseOutName}}</td>
                        <td expand>{{::travel.shipped | date: 'dd/MM/yyyy'}}</td>
                        <td expand>{{::travel.warehouseInName}}</td>
                        <td expand>{{::travel.landed | date: 'dd/MM/yyyy'}}</td>
                    </tr>
                    <tr
                        ng-repeat="entry in travel.entries"
                        draggable
                        ng-attr-id="{{::entry.id}}"
                        ng-click="$event.preventDefault()">
                        <td>
                            <span class="link"
                                ng-click="entryDescriptor.show($event, entry.id)">
                                {{::entry.id}}
                            </span>
                        </td>
                        <td class="multi-line">
                            <span
                                class="link"
                                ng-click="supplierDescriptor.show($event, entry.supplierFk)">
                                {{::entry.supplierName}}
                            </span>
                        </td>
                        <td></td>
                        <td class="td-editable">{{::entry.ref}}</td>
                        <td number>{{::entry.stickers}}</td>
                        <td number></td>
                        <td number>{{::entry.loadedkg}}</td>
                        <td number>{{::entry.volumeKg}}</td>
                        <td>
                            <span ng-if="::entry.notes" vn-tooltip="{{::entry.notes}}">
                                {{::entry.notes}}
                            </span>
                        </td>
                        <td>
                            <span ng-if="::entry.evaNotes" vn-tooltip="{{::entry.evaNotes}}">
                                {{::entry.evaNotes}}
                            </span>
                        </td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </slot-table>
    </smart-table>
</vn-card>
<vn-travel-descriptor-popover
    vn-id="travelDescriptor">
</vn-travel-descriptor-popover>
<vn-entry-descriptor-popover
    vn-id="entryDescriptor">
</vn-entry-descriptor-popover>
<vn-supplier-descriptor-popover
    vn-id="supplierDescriptor">
</vn-supplier-descriptor-popover>