salix/modules/ticket/front/expedition/index.html

<vn-crud-model
    vn-id="model"
    url="Expeditions/filter"
    link="{ticketFk: $ctrl.$params.id}"
    limit="20"
    data="expeditions"
    order="created DESC"
    auto-load="true">
</vn-crud-model>
<vn-data-viewer model="model">
    <vn-card class="vn-w-xl">
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th></vn-th>
                <vn-th field="itemFk" number>Expedition</vn-th>
                <vn-th field="itemFk" number>Item</vn-th>
                <vn-th field="packageItemName">Name</vn-th>
                <vn-th field="freightItemName">Package type</vn-th>
                <vn-th field="counter" number>Counter</vn-th>
                <vn-th field="externalId" number>externalId</vn-th>
                <vn-th field="created" expand>Created</vn-th>
                <vn-th field="description" expand>State</vn-th>
                <vn-th></vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <vn-tr ng-repeat="expedition in expeditions">
                <vn-td class="vn-px-md" style="width:30px; color:#FFA410;">
                    <vn-icon-button icon="delete"
                        ng-click="deleteExpedition.show(expedition.id)"
                        vn-tooltip="Delete expedition">
                    </vn-icon-button>
                </vn-td>
                <vn-td number expand>{{expedition.id | zeroFill:6}}</vn-td>
                <vn-td number>
                    <span
                        ng-class="{link: expedition.packagingItemFk}"
                        ng-click="itemDescriptor.show($event, expedition.packagingItemFk)">
                        {{expedition.packagingFk}}
                    </span>
                </vn-td>
                <vn-td>{{::expedition.packageItemName}}</vn-td>
                <vn-td>{{::expedition.freightItemName}}</vn-td>
                <vn-td number>{{::expedition.counter}}</vn-td>
                <vn-td expand>{{::expedition.externalId}}</vn-td>
                <vn-td shrink-datetime>{{::expedition.created | date:'dd/MM/yyyy HH:mm'}}</vn-td>
                <vn-td>{{::expedition.description}}</vn-td>
                <vn-td>
                    <vn-icon-button
                        vn-click-stop="$ctrl.showLog(expedition)"
                        vn-tooltip="Status log"
                        icon="history">
                    </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-worker-descriptor-popover 
    vn-id="worker-descriptor">
</vn-worker-descriptor-popover>
<vn-confirm
    vn-id="delete-expedition"
    on-accept="$ctrl.onDialogAccept($data)"
    question="Delete expedition"
    message="Are you sure you want to delete this expedition?">
</vn-confirm>
 
<vn-popup vn-id="statusLog">
    <vn-crud-model
        vn-id="model"
        url="ExpeditionStates/filter"
        link="{expeditionFk: $ctrl.expedition.id}"
        data="expeditionStates"
        order="created DESC"
        auto-load="true">
    </vn-crud-model>
    <vn-data-viewer model="model">
        <vn-card class="vn-w-md">
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th field="state">State</vn-th>
                    <vn-th field="worker">Worker</vn-th>
                    <vn-th field="created">Created</vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="expeditionState in expeditionStates">
                    <vn-td>{{::expeditionState.description}}</vn-td>
                    <vn-td expand>
                        <span 
                            ng-class="{'link': expeditionState.workerFk}"
                            ng-click="workerDescriptor.show($event, expeditionState.workerFk)">
                            {{::expeditionState.name || 'System' | translate}}
                        </span>
                    </vn-td>
                    <vn-td shrink-datetime>{{::expeditionState.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="workerDescriptor">
    </vn-worker-descriptor-popover>
</vn-popup>