salix/modules/order/front/catalog/index.html

111 lines
5.4 KiB
HTML
Raw Normal View History

2018-10-31 13:56:54 +00:00
<vn-crud-model auto-load="false"
2018-08-21 11:38:16 +00:00
vn-id="model"
url="/order/api/Orders/CatalogFilter"
2018-09-14 07:10:30 +00:00
filter="$ctrl.filter"
limit="50"
2018-10-31 13:56:54 +00:00
data="items" on-data-change="$ctrl.onDataChange()" >
2018-08-21 11:38:16 +00:00
</vn-crud-model>
<vn-horizontal>
<vn-vertical vn-one>
<vn-card>
<vn-vertical>
2018-09-14 07:10:30 +00:00
<vn-horizontal class="catalog-header" pad-medium-h>
2018-11-21 06:27:49 +00:00
<vn-one><!-- {{model.data.length || 0}} <span translate>results</span> --></vn-one>
2018-09-14 07:10:30 +00:00
<vn-one>
2018-10-31 13:56:54 +00:00
<vn-horizontal>
<vn-autocomplete vn-id="field" vn-one
data="$ctrl.fieldList"
initial-data="$ctrl.field"
field="$ctrl.field"
translate-fields="['name']"
show-field="name"
value-field="field"
label="Order by">
</vn-autocomplete>
<vn-autocomplete vn-one
data="$ctrl.wayList"
initial-data="$ctrl.way"
field="$ctrl.way"
translate-fields="['name']"
show-field="name"
value-field="way"
label="Order">
</vn-autocomplete>
</vn-horizontal>
2018-09-14 07:10:30 +00:00
</vn-one>
2018-08-21 11:38:16 +00:00
</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>
2018-10-31 13:56:54 +00:00
<vn-horizontal ng-if="!model.data || model.data.length == 0">
2018-08-21 11:38:16 +00:00
<vn-one pad-small translate style="text-align: center">
No results
</vn-one>
</vn-horizontal>
</vn-vertical>
</vn-card>
2019-01-20 17:48:03 +00:00
<vn-pagination margin-small-v model="model"></vn-pagination>
2018-08-21 11:38:16 +00:00
</vn-vertical>
<vn-auto class="right-block">
<vn-catalog-filter order="$ctrl.order"></vn-catalog-filter>
</vn-auto>
</vn-horizontal>
<vn-order-prices-popover
2018-09-17 12:30:39 +00:00
vn-id="pricesPopover"
order="$ctrl.order">
2018-08-21 11:38:16 +00:00
</vn-order-prices-popover>