salix/modules/order/front/prices-popover/index.html

<vn-popover vn-id="popover" on-close="$ctrl.clear()">
    <div class="vn-descriptor vn-order-prices-popover">
        <div class="header">
            <span></span>
            <a translate-attr="{title: 'Preview'}" ui-sref="item.card.summary({id: $ctrl.item.id})">
                <vn-icon icon="desktop_windows"></vn-icon>
            </a>
            <span></span>
        </div>
        <div class="body vn-pa-md">
            <div class="attributes">
                <h5>{{$ctrl.item.name}}</h5>
                <vn-label-value
                    label="Id" 
                    value="{{$ctrl.item.id}}">
                </vn-label-value>
                <vn-label-value
                    label="Buyer" 
                    value="{{$ctrl.item.firstName}} {{$ctrl.item.lastName}}">
                </vn-label-value>
                <vn-label-value
                    ng-repeat="tag in $ctrl.tags"
                    label="{{::tag.tag.name}}" 
                    value="{{::tag.value}}">
                </vn-label-value>
            </div>
            <vn-quick-links
                links="$ctrl.quicklinks">
            </vn-quick-links>
        </div>
        <form name="form" class="prices">
            <vn-table>
                <vn-tbody>
                <vn-tr ng-repeat="price in $ctrl.prices">
                    <vn-td shrink class="warehouse">
                        <span
                            class="ellipsize text"
                            title="{{::price.warehouse}}">
                            {{::price.warehouse}}
                        </span>
                    </vn-td>
                    <vn-td number expand>
                        <div>
                            <span
                                ng-click="$ctrl.addQuantity(price)"
                                class="link unselectable">
                                {{::price.grouping}}
                            </span>
                            <span> x {{::price.price | currency: 'EUR': 2}}</span>
                        </div>
                        <div class="price-kg" ng-show="::price.priceKg">
                            {{price.priceKg | currency: 'EUR'}}/Kg
                        </div>
                    </vn-td>
                    <vn-td shrink>
                        <vn-input-number
                            min="0"
                            name="quantity"
                            ng-model="price.quantity"
                            step="price.grouping"
                            on-change="$ctrl.validate()"
                            class="dense">
                        </vn-input-number>
                    </vn-td>
                </vn-tr>
                </vn-tbody>
            </vn-table>
            <div class="footer vn-pa-md">
                <div class="error">
                    <span translate>Wrong quantity</span>
                </div>
                <vn-submit
                    label="Save"
                    ng-click="$ctrl.submit()">
                </vn-submit>
            </div>
        </form>
    </div>
</vn-popover>