2020-01-30 12:53:14 +00:00
|
|
|
<vn-data-viewer
|
|
|
|
|
model="$ctrl.model">
|
|
|
|
|
<vn-horizontal class="catalog-list">
|
2020-04-30 10:48:52 +00:00
|
|
|
<section ng-repeat="item in $ctrl.model.data" class="product">
|
|
|
|
|
<vn-card>
|
|
|
|
|
<div class="image">
|
2020-09-10 14:35:32 +00:00
|
|
|
<div ng-if="::item.hex != null" class="item-color-background">
|
2020-11-27 12:10:39 +00:00
|
|
|
<div class="item-color" ng-style="{'background-color': '#' + item.hex}"></div>
|
2020-09-04 10:40:23 +00:00
|
|
|
</div>
|
2020-04-30 10:48:52 +00:00
|
|
|
<img
|
2020-11-27 12:10:39 +00:00
|
|
|
ng-src="{{::$root.imagePath('catalog', '200x200', item.id)}}"
|
|
|
|
|
zoom-image="{{::$root.imagePath('catalog', '1600x900', item.id)}}"
|
2020-04-30 10:48:52 +00:00
|
|
|
on-error-src/>
|
2020-01-30 12:53:14 +00:00
|
|
|
</div>
|
2020-04-30 10:48:52 +00:00
|
|
|
<div class="description">
|
2021-04-15 12:30:30 +00:00
|
|
|
<h3 class="link"
|
|
|
|
|
ng-click="itemDescriptor.show($event, item.id)">
|
2020-04-30 10:48:52 +00:00
|
|
|
{{::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>
|
2020-01-30 12:53:14 +00:00
|
|
|
</div>
|
2023-10-13 07:02:40 +00:00
|
|
|
<vn-horizontal
|
2023-10-11 05:39:41 +00:00
|
|
|
class="container text-right text-caption"
|
2023-10-13 07:02:40 +00:00
|
|
|
ng-if="::item.minQuantity">
|
|
|
|
|
<div ng-class="'text-caption-reduced'">
|
|
|
|
|
<vn-icon
|
|
|
|
|
icon="production_quantity_limits"
|
|
|
|
|
translate-attr="{title: 'Minimal quantity'}"
|
|
|
|
|
ng-class="'text-subtitle1'">
|
|
|
|
|
</vn-icon>
|
|
|
|
|
<span class="vn-ml-xs">{{::item.minQuantity}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</vn-horizontal>
|
2021-01-20 12:51:30 +00:00
|
|
|
<vn-rating ng-if="::item.stars"
|
|
|
|
|
ng-model="::item.stars">
|
|
|
|
|
</vn-rating>
|
2020-04-30 10:48:52 +00:00
|
|
|
<div class="footer">
|
|
|
|
|
<div class="price">
|
|
|
|
|
<vn-one>
|
|
|
|
|
<span>{{::item.available}}</span>
|
2020-06-16 08:47:01 +00:00
|
|
|
<span translate>to</span>
|
2020-04-30 10:48:52 +00:00
|
|
|
<span>{{::item.price | currency:'EUR':2}}</span>
|
|
|
|
|
</vn-one>
|
|
|
|
|
<vn-icon-button vn-none
|
|
|
|
|
icon="add_circle"
|
|
|
|
|
ng-click="pricesPopover.show($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>
|
2020-01-30 12:53:14 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-04-30 10:48:52 +00:00
|
|
|
</vn-card>
|
2020-01-30 12:53:14 +00:00
|
|
|
</section>
|
|
|
|
|
</vn-horizontal>
|
|
|
|
|
</vn-data-viewer>
|
|
|
|
|
<vn-order-prices-popover
|
2021-05-21 13:31:05 +00:00
|
|
|
vn-id="prices-popover"
|
2020-01-30 12:53:14 +00:00
|
|
|
order="$ctrl.order">
|
|
|
|
|
</vn-order-prices-popover>
|
2021-04-15 12:30:30 +00:00
|
|
|
<vn-item-descriptor-popover
|
2021-05-21 13:31:05 +00:00
|
|
|
vn-id="item-descriptor"
|
|
|
|
|
warehouse-fk="$ctrl.vnConfig.warehouseFk">
|
2021-04-15 12:30:30 +00:00
|
|
|
</vn-item-descriptor-popover>
|
