73 lines
2.5 KiB
HTML
73 lines
2.5 KiB
HTML
<vn-crud-model
|
|
vn-id="model"
|
|
url="Orders/CatalogFilter"
|
|
params="{orderFk: $ctrl.$state.params.id}"
|
|
limit="50"
|
|
data="items"
|
|
on-data-change="$ctrl.onDataChange()">
|
|
</vn-crud-model>
|
|
<vn-data-viewer
|
|
model="model">
|
|
<vn-horizontal class="catalog-list">
|
|
<section class="product" ng-repeat="item in items">
|
|
<vn-card>
|
|
<div class="image">
|
|
<img
|
|
ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{::item.image}}"
|
|
zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::item.image}}"
|
|
on-error-src/>
|
|
</div>
|
|
<div class="description">
|
|
<h3>
|
|
{{::item.name}}
|
|
</h3>
|
|
<h4 class="ellipsize">
|
|
<span translate-attr="::{title: item.subName}">{{::item.subName}}</span>
|
|
</h4>
|
|
<div class="tags">
|
|
<vn-label-value
|
|
ng-if="::item.value5"
|
|
label="{{::item.tag5}}"
|
|
value="{{::item.value5}}">
|
|
</vn-label-value>
|
|
<vn-label-value
|
|
ng-if="::item.value6"
|
|
label="{{::item.tag6}}"
|
|
value="{{::item.value6}}">
|
|
</vn-label-value>
|
|
<vn-label-value
|
|
ng-if="::item.value7"
|
|
label="{{::item.tag7}}"
|
|
value="{{::item.value7}}">
|
|
</vn-label-value>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="price">
|
|
<vn-one>
|
|
<span>{{::item.available}}</span>
|
|
<span translate>from</span>
|
|
<span>{{::item.price | currency:'EUR':2}}</span>
|
|
</vn-one>
|
|
<vn-icon-button vn-none
|
|
icon="add_circle"
|
|
ng-click="$ctrl.preview($event, item)"
|
|
vn-tooltip="Add">
|
|
</vn-icon-button>
|
|
</div>
|
|
<div class="priceKg" ng-show="::item.priceKg">
|
|
<span>Precio por kilo {{::item.priceKg | currency: 'EUR'}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</vn-card>
|
|
</section>
|
|
</vn-horizontal>
|
|
</vn-data-viewer>
|
|
<vn-side-menu side="right">
|
|
<vn-catalog-filter order="$ctrl.order"></vn-catalog-filter>
|
|
</vn-side-menu>
|
|
<vn-order-prices-popover
|
|
vn-id="pricesPopover"
|
|
order="$ctrl.order">
|
|
</vn-order-prices-popover>
|