87 lines
4.2 KiB
HTML
87 lines
4.2 KiB
HTML
|
<vn-crud-model
|
||
|
|
vn-id="model"
|
||
|
|
url="/order/api/Orders/CatalogFilter"
|
||
|
|
filter="::$ctrl.filter"
|
||
|
|
data="items" auto-load="false">
|
||
|
|
</vn-crud-model>
|
||
|
|
|
||
|
|
<vn-horizontal>
|
||
|
|
<vn-vertical vn-one>
|
||
|
|
<vn-card>
|
||
|
|
<vn-vertical>
|
||
|
|
<vn-horizontal class="catalog-header" pad-medium>
|
||
|
|
<vn-one>{{model.data.length}} <span translate>results</span></vn-one>
|
||
|
|
<vn-one>-</vn-one>
|
||
|
|
</vn-horizontal>
|
||
|
|
<vn-horizontal class="catalog-list" pad-small>
|
||
|
|
<section class="product" ng-repeat="item in items">
|
||
|
|
<vn-one>
|
||
|
|
<vn-horizontal>
|
||
|
|
<vn-one 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 pointer/>
|
||
|
|
</vn-one>
|
||
|
|
<vn-one pad-small class="description ellipsize">
|
||
|
|
<vn-vertical>
|
||
|
|
<h2 class="ellipsize" vn-tooltip="{{::item.name}}">
|
||
|
|
{{::item.name}}
|
||
|
|
</h2>
|
||
|
|
<span class="ellipsize" vn-tooltip="{{::item.subName}}">
|
||
|
|
{{::item.subName}}
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<vn-label-value
|
||
|
|
label="{{::item.tag5}}"
|
||
|
|
value="{{::item.value5}}">
|
||
|
|
</vn-label-value>
|
||
|
|
<vn-label-value
|
||
|
|
label="{{::item.tag6}}"
|
||
|
|
value="{{::item.value6}}">
|
||
|
|
</vn-label-value>
|
||
|
|
<vn-label-value
|
||
|
|
label="{{::item.tag7}}"
|
||
|
|
value="{{::item.value7}}">
|
||
|
|
</vn-label-value>
|
||
|
|
<vn-label-value
|
||
|
|
label="{{::item.tag8}}"
|
||
|
|
value="{{::item.value8}}">
|
||
|
|
</vn-label-value>
|
||
|
|
|
||
|
|
<vn-horizontal class="price">
|
||
|
|
<vn-one>
|
||
|
|
<span>{{::item.available}}</span>
|
||
|
|
<span translate>from</span>
|
||
|
|
<span>{{::item.price | currency: ' €': 2}}</span>
|
||
|
|
</vn-one>
|
||
|
|
<vn-auto>
|
||
|
|
<a href="" vn-tooltip="Add">
|
||
|
|
<vn-icon icon="add_circle" ng-click="$ctrl.preview($event, item)"></vn-icon>
|
||
|
|
</a>
|
||
|
|
</vn-auto>
|
||
|
|
</vn-horizontal>
|
||
|
|
</vn-vertical>
|
||
|
|
</vn-one>
|
||
|
|
</vn-horizontal>
|
||
|
|
</vn-one>
|
||
|
|
</section>
|
||
|
|
</vn-horizontal>
|
||
|
|
<vn-horizontal ng-if="model.data.length == 0">
|
||
|
|
<vn-one pad-small translate style="text-align: center">
|
||
|
|
No results
|
||
|
|
</vn-one>
|
||
|
|
</vn-horizontal>
|
||
|
|
</vn-vertical>
|
||
|
|
</vn-card>
|
||
|
|
</vn-vertical>
|
||
|
|
|
||
|
|
<vn-auto class="right-block">
|
||
|
|
<vn-catalog-filter order="$ctrl.order"></vn-catalog-filter>
|
||
|
|
</vn-auto>
|
||
|
|
</vn-horizontal>
|
||
|
|
|
||
|
|
<vn-order-prices-popover
|
||
|
|
vn-id="pricesPopover">
|
||
|
|
</vn-order-prices-popover>
|