salix/modules/ticket/front/sale-tracking/index.html

<vn-crud-model
    vn-id="model"
    url="sales"
    filter="::$ctrl.filter"
    link="{ticketFk: $ctrl.$params.id}"
    limit="20"
    data="sales"
    order="concept ASC"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer model="model">
    <vn-card class="vn-w-lg">
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th field="isChecked" center>Is checked</vn-th>
                <vn-th field="itemFk" number>Item</vn-th>
                <vn-th field="concept">Description</vn-th>
                <vn-th field="quantity" number>Quantity</vn-th>
                <vn-th></vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="sale in sales">
                <vn-td center>
                    <span class="chip {{::$ctrl.chipHasSaleGroupDetail(sale.id)}} vn-mx-xs chip2" vn-tooltip="has saleGroupDetail"></span>
                    <span class="chip {{::$ctrl.chipIsPreviousSelected()}} vn-ml-xs" vn-tooltip="is previousSelected"></span>
                    <span class="chip {{::$ctrl.chipIsPrevious()}} vn-mr-xs" vn-tooltip="is previous"></span>
                    <span class="chip {{::$ctrl.chipIsPrepared()}} vn-mx-xs" vn-tooltip="is prepared"></span>
                    <span class="chip {{::$ctrl.chipIsControled()}} vn-mx-xs" vn-tooltip="is controled"></span>
                </vn-td>
                <vn-td number>
                    <span
                        ng-click="$ctrl.showItemDescriptor($event, sale)"
                        class="link">
                        {{::sale.itemFk | zeroFill:6}}
                    </span>
                </vn-td>
                <vn-td vn-fetched-tags>
                    <div>
                        <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
                        <vn-one ng-if="::sale.item.subName">
                            <h3 title="{{::sale.item.subName}}">{{::sale.item.subName}}</h3>
                        </vn-one>
                    </div>
                    <vn-fetched-tags
                        max-length="6"
                        item="::sale.item"
                        tabindex="-1">
                    </vn-fetched-tags>
                </vn-td>
                <vn-td number>{{::sale.quantity}}</vn-td>
                <vn-td actions>
                    <vn-icon-button
                        vn-click-stop="$ctrl.showSaleTracking(sale)"
                        vn-tooltip="Sale tracking"
                        icon="history">
                    </vn-icon-button>
                    <vn-icon-button
                        vn-click-stop="$ctrl.showItemShelvingSale(sale)"
                        vn-tooltip="ItemShelvings sale"
                        icon="icon-inventory">
                    </vn-icon-button>
                </vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<vn-item-descriptor-popover
    vn-id="item-descriptor"
    warehouse-fk="$ctrl.ticket.warehouseFk"
    ticket-fk="$ctrl.ticket.id">
</vn-item-descriptor-popover>

<vn-popup vn-id="saleTracking">
    <vn-crud-model
        vn-id="modelSaleTracking"
        url="SaleTrackings/listSaleTracking"
        link="{saleFk: $ctrl.saleId}"
        limit="20"
        data="sales"
        order="itemFk DESC"
        auto-load="true">
    </vn-crud-model>
    <vn-data-viewer model="modelSaleTracking">
        <vn-card class="vn-w-lg">
        <vn-table model="modelSaleTracking">
            <vn-thead>
                <vn-tr>
                    <vn-th field="quantity" number>Quantity</vn-th>
                    <vn-th field="originalQuantity" number>Original</vn-th>
                    <vn-th field="workerFk">Worker</vn-th>
                    <vn-th field="state" shrink>State</vn-th>
                    <vn-th field="created" expand>Created</vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="sale in sales">
                    <vn-td number>{{::sale.quantity}}</vn-td>
                    <vn-td number>{{::sale.originalQuantity}}</vn-td>
                    <vn-td expand>
                        <span
                            class="link"
                            ng-click="workerDescriptor.show($event, sale.workerFk)">
                            {{::sale.userNickname | dashIfEmpty}}
                        </span>
                    </vn-td>
                    <vn-td shrink>{{::sale.state}}</vn-td>
                    <vn-td expand>{{::sale.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
        </vn-card>
    </vn-data-viewer>
    <vn-item-descriptor-popover
        vn-id="item-descriptor"
        warehouse-fk="$ctrl.ticket.warehouseFk">
    </vn-item-descriptor-popover>
    <vn-worker-descriptor-popover
        vn-id="worker-descriptor">
    </vn-worker-descriptor-popover>
</vn-popup>

<vn-popup vn-id="itemShelvingSale">
    <vn-crud-model
        vn-id="modelSaleTracking"
        url="ItemShelvingSales/filter"
        link="{saleFk: $ctrl.saleId}"
        limit="20"
        data="$ctrl.itemShelvingSales"
        auto-load="true">
    </vn-crud-model>
    <vn-data-viewer model="modelSaleTracking">
        <vn-card class="vn-w-lg">
        <vn-table model="modelSaleTracking">
            <vn-thead>
                <vn-tr>
                    <vn-th field="quantity" number>Quantity</vn-th>
                    <vn-th field="workerFk">Worker</vn-th>
                    <vn-th field="shelving" shrink>Shelving</vn-th>
                    <vn-th field="parking" shrink>Parking</vn-th>
                    <vn-th field="created" expand>Created</vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="itemShelvingSale in $ctrl.itemShelvingSales">
                    <vn-td number>{{::itemShelvingSale.quantity}}</vn-td>
                    <vn-td expand>
                        <span
                            class="link"
                            ng-click="workerDescriptor.show($event, itemShelvingSale.userFk)">
                            {{::itemShelvingSale.name | dashIfEmpty}}
                        </span>
                    </vn-td>
                    <vn-td shrink>{{::itemShelvingSale.shelvingFk}}</vn-td>
                    <vn-td shrink>{{::itemShelvingSale.code}}</vn-td>
                    <vn-td expand>{{::itemShelvingSale.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
        </vn-card>
    </vn-data-viewer>
    <vn-worker-descriptor-popover
        vn-id="worker-descriptor">
    </vn-worker-descriptor-popover>
</vn-popup>