salix/modules/route/front/roadmap/summary/index.html

<vn-card class="summary">
    <h5>
        <span>{{summary.id}} - {{summary.name}}</span>
    </h5>
    <vn-horizontal class="vn-pa-md">
        <vn-one>
            <vn-label-value label="Carrier">
                <span ng-click="supplierDescriptor.show($event, summary.supplier.id)" class="link">
                    {{summary.supplier.nickname}}
                </span>
            </vn-label-value>
            <vn-label-value
                label="ETD"
                value="{{summary.etd | date:'dd/MM/yyyy HH:mm'}}">
            </vn-label-value>
            <vn-label-value
                label="Tractor plate"
                value="{{summary.tractorPlate}}">
            </vn-label-value>
            <vn-label-value
                label="Trailer plate"
                value="{{summary.trailerPlate}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <vn-label-value
                label="Phone"
            >
                <vn-link-phone
                phone-number="summary.phone"
                ></vn-link-phone>
            </vn-label-value>
            <vn-label-value
                label="Worker"
                value="{{summary.worker.firstName}} {{summary.worker.lastName}}">
            </vn-label-value>
            <vn-label-value
                label="Observations"
                value="{{summary.observations}}">
            </vn-label-value>
        </vn-one>
        <vn-auto>
            <h4>
                <a
                    ui-sref="route.roadmap.card.stops({id:summary.id})"
                    target="_self">
                    <span translate vn-tooltip="Go to">Stops</span>
                    <vn-icon-button
                        vn-bind="+"
                        vn-tooltip="Add stop"
                        icon="add_circle"
                        vn-click-stop="addRoadmapStop.show()">
                    </vn-icon-button>
                </a>
            </h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Wharehouse</vn-th>
                        <vn-th>ETA</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="roadmapStop in summary.roadmapStop">
                        <vn-td>{{roadmapStop.warehouse.name}}</vn-td>
                        <vn-td expand>{{roadmapStop.eta | date:'dd/MM/yyyy HH:mm'}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-auto>
    </vn-horizontal>
</vn-card>
<vn-supplier-descriptor-popover
    vn-id="supplierDescriptor">
</vn-supplier-descriptor-popover>

<vn-dialog
    vn-id="addRoadmapStop"
    on-open="$ctrl.getETD()"
    on-accept="$ctrl.onAddAccept()">
    <tpl-body>
        <vn-horizontal>
            <vn-autocomplete
                label="Warehouse"
                ng-model="$ctrl.roadmapStop.warehouseFk"
                url="Warehouses"
                show-field="name"
                value-field="id"
                vn-focus
                rule>
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-date-picker
                label="ETA date"
                ng-model="$ctrl.roadmapStop.eta"
                rule>
            </vn-date-picker>
            <vn-input-time
                label="ETA hour"
                ng-model="$ctrl.roadmapStop.eta">
            </vn-input-time>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textArea
                label="Description"
                ng-model="$ctrl.roadmapStop.description"
                rule>
            </vn-textArea>
        </vn-horizontal>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
        <button response="accept" translate>Confirm</button>
    </tpl-buttons>
</vn-dialog>