Added ticket pictures section #430

client/client/src/credit-insurance/index/index.html

@@ -39,6 +39,11 @@
                 </vn-horizontal>
             </vn-one>
         </vn-horizontal>
+        <vn-horizontal ng-if="model.data.length == 0">
+            <vn-one ad-small translate>
+                No results
+            </vn-one>
+        </vn-horizontal>
     </vn-card>
     <vn-float-button
         ng-if="$ctrl.canCreateNew()"

client/client/src/note/index/index.html

@@ -23,6 +23,11 @@
                 {{::note.text}}
             </vn-horizontal>
         </vn-vertical>
+        <vn-horizontal ng-if="model.data.length == 0">
+            <vn-one ad-small translate>
+                No results
+            </vn-one>
+        </vn-horizontal>
     </vn-card>
 </vn-vertical>
 

client/order/src/catalogue/index.html

@@ -19,7 +19,9 @@
                         item="::item">
                     </vn-order-product>
 
-                    <vn-one style="text-align: center" pad-small translate>No results</vn-one>
+                    <vn-one style="text-align: center" pad-small translate ng-if="model.data.length == 0">
+                        No results
+                    </vn-one>
                 </vn-horizontal>
             </vn-vertical>
         </vn-card>

client/order/src/catalogue/index.js

@@ -1,5 +1,4 @@
 import ngModule from '../module';
-import './style.scss';
 
 class Controller {
     constructor($scope, $stateParams) {

client/salix/src/styles/index.js

@@ -10,3 +10,4 @@ import './misc.scss';
 import './summary.scss';
 import './colors.scss';
 import './effects.scss';
+import './order-product.scss';

client/salix/src/styles/order-product.scss

@@ -1,7 +1,7 @@
 @import "./colors";
 
 
-vn-order-catalogue {
+
     @media screen and (max-width: 1920px){
         vn-order-product {
             width: 25%;
@@ -108,4 +108,3 @@ vn-order-catalogue {
             }
         }
     }
-}

client/ticket/routes.json

@@ -200,6 +200,18 @@
             "menu": {
                 "icon": "assignment"
             }
+        },
+        {
+            "url" : "/picture",
+            "state": "ticket.card.picture",
+            "component": "vn-ticket-picture",
+            "description": "Pictures",
+            "params": {
+                "ticket": "$ctrl.ticket"
+            },
+            "menu": {
+                "icon": "image"
+            }
         }
     ]
 }

client/ticket/src/locale/es.yml

@@ -52,6 +52,7 @@ Worker: Trabajador
 VAT: IVA
 Hour: Hora
 The quantity do not match: Las cantidades no coinciden
+by: por
 
 #sections
 List: Listado
@@ -67,3 +68,4 @@ Tracking: Revisión
 Sale checked: Control clientes
 Components: Componentes
 Sale tracking: Líneas preparadas
+Pictures: Imágenes

client/ticket/src/picture/index.html

@@ -0,0 +1,76 @@
+<vn-crud-model
+    vn-id="model"
+    url="/ticket/api/sales"
+    link="{ticketFk: $ctrl.$stateParams.id}"
+    filter="::$ctrl.filter"
+    limit="20"
+    data="sales">
+</vn-crud-model>
+
+<vn-vertical>
+    <vn-card pad-large>
+        <vn-vertical>
+            <vn-title>Pictures</vn-title>
+            <vn-horizontal class="catalogue list" pad-small>
+                <vn-order-product ng-repeat="sale in sales">
+                    <vn-one>
+                        <vn-horizontal>
+                            <vn-one class="image">
+                                <img
+                                    ng-src="//verdnatura.es/vn-image-data/catalog/200x200/{{::sale.item.image}}" 
+                                    zoom-image="//verdnatura.es/vn-image-data/catalog/1600x900/{{::sale.item.image}}"
+                                    on-error-src pointer/>
+                            </vn-one>
+                            <vn-one pad-small class="description ellipsize">
+                                <vn-vertical>
+                                    <h2 class="ellipsize link" vn-tooltip="{{::sale.item.name}}"
+                                    ng-click="$ctrl.showDescriptor($event, sale.item.id)">
+                                        {{::sale.item.name}}
+                                    </h2>
+                                    <span class="ellipsize" vn-tooltip="{{::sale.item.subName}}">
+                                        {{::sale.item.subName}}
+                                    </span>
+                    
+                                    <vn-label-value 
+                                        label="{{::sale.item.tag5}}"
+                                        value="{{::sale.item.value5}}">
+                                    </vn-label-value>
+                                    <vn-label-value 
+                                        label="{{::sale.item.tag6}}"
+                                        value="{{::sale.item.value6}}">
+                                    </vn-label-value>
+                                    <vn-label-value 
+                                        label="{{::sale.item.tag7}}"
+                                        value="{{::sale.item.value7}}">
+                                    </vn-label-value>
+                                    <vn-label-value 
+                                        label="{{::sale.item.tag8}}"
+                                        value="{{::sale.item.value8}}">
+                                    </vn-label-value>
+                    
+                                    <vn-horizontal class="price">
+                                        <vn-one>
+                                            <span>{{::sale.quantity}}</span> 
+                                            <span translate>by</span>
+                                            <span>{{::sale.price | currency: ' €': 2}}</span>
+                                        </vn-one>
+                                    </section>
+                                </vn-vertical>
+                            </vn-one>
+                        </vn-horizontal>
+                    </vn-one>
+                </vn-order-product>
+            </vn-horizontal>
+            <vn-horizontal ng-if="model.data.length == 0">
+                <vn-one pad-small-v translate>
+                    No results
+                </vn-one>
+            </vn-horizontal>
+        </vn-vertical>
+        <vn-pagination
+            model="model"
+            scroll-selector="ui-view">
+        </vn-pagination>
+    </vn-card>
+</vn-vertical>
+<vn-item-descriptor-popover vn-id="descriptor"></vn-item-descriptor-popover>

client/ticket/src/picture/index.js

@@ -0,0 +1,34 @@
+import ngModule from '../module';
+
+class Controller {
+    constructor($scope, $stateParams, $http) {
+        this.$scope = $scope;
+        this.$stateParams = $stateParams;
+        this.$http = $http;
+        this.filter = {
+            include: {
+                relation: 'item',
+                scope: {
+                    field: ['name', 'image']
+                }
+            }
+        };
+    }
+
+    showDescriptor(event, itemFk) {
+        this.$scope.descriptor.itemFk = itemFk;
+        this.$scope.descriptor.parent = event.target;
+        this.$scope.descriptor.show();
+    }
+
+    onDescriptorLoad() {
+        this.$scope.popover.relocate();
+    }
+}
+
+Controller.$inject = ['$scope', '$stateParams', '$http'];
+
+ngModule.component('vnTicketPicture', {
+    template: require('./index.html'),
+    controller: Controller
+});

client/ticket/src/ticket.js

@@ -21,3 +21,4 @@ import './fetched-tags';
 import './sale-checked';
 import './component';
 import './sale-tracking';
+import './picture';