Merge pull request '2597-2593-autcomplete_translations_and_index_anchors' (#453) from 2597-2593-autcomplete_translations_and_index_anchors into dev

Reviewed-on: #453
Reviewed-by: Javi Gallego <jgallego@verdnatura.es>

e2e/helpers/selectors.js

@@ -613,7 +613,7 @@ export default {
         isPaidWithManaCheckbox: 'vn-claim-action vn-check[ng-model="$ctrl.claim.isChargedToMana"]'
     },
     ordersIndex: {
-        secondSearchResultTotal: 'vn-order-index vn-card > vn-table > div > vn-tbody vn-tr:nth-child(2) vn-td:nth-child(9)',
+        secondSearchResultTotal: 'vn-order-index vn-card > vn-table > div > vn-tbody .vn-tr:nth-child(2) vn-td:nth-child(9)',
         advancedSearchButton: 'vn-order-search-panel vn-submit[label="Search"]',
         openAdvancedSearch: 'vn-searchbar vn-icon[icon="arrow_drop_down"]',
         advancedSearchShowEmptyCheckbox: 'vn-order-search-panel vn-check[label="Show empty"]',

modules/order/front/index/index.html

@@ -21,9 +21,9 @@
             </vn-tr>
         </vn-thead>
         <vn-tbody>
-            <vn-tr
+            <a
                 ng-repeat="order in model.data"
-                class="clickable search-result"
+                class="clickable search-result vn-tr"
                 ui-sref="order.card.summary({id: {{::order.id}}})">
                 <vn-td number>{{::order.id}}</vn-td>
                 <vn-td expand>
@@ -62,7 +62,7 @@
                         vn-tooltip="Preview">
                     </vn-icon-button>
                 </vn-td>
-            </vn-tr>
+            </a>
         </vn-tbody>
     </vn-table>
     </vn-card>

modules/ticket/front/search-panel/index.html

@@ -76,13 +76,15 @@
                 ng-model="filter.stateFk"
                 url="States">
             </vn-autocomplete>
-            <vn-autocomplete
-                vn-one
+            <vn-autocomplete vn-one
+                data="$ctrl.groupedStates"
                 label="Grouped States"
                 value-field="alertLevel"
-                show-field="code"
-                ng-model="filter.alertLevel"
-                url="AlertLevels">
+                show-field="name"
+                ng-model="filter.alertLevel">
+                <tpl-item>
+                    {{name}}
+                </tpl-item>
             </vn-autocomplete>
         </vn-horizontal>
         <vn-horizontal>

modules/ticket/front/search-panel/index.js

@@ -1,7 +1,27 @@
 import ngModule from '../module';
 import SearchPanel from 'core/components/searchbar/search-panel';
+class Controller extends SearchPanel {
+    constructor($, $element) {
+        super($, $element);
+        this.getGroupedStates();
+    }
+
+    getGroupedStates() {
+        let groupedStates = [];
+        this.$http.get('AlertLevels').then(res => {
+            for (let state of res.data) {
+                groupedStates.push({
+                    alertLevel: state.alertLevel,
+                    code: state.code,
+                    name: this.$t(state.code)
+                });
+            }
+            this.groupedStates = groupedStates;
+        });
+    }
+}
 
 ngModule.vnComponent('vnTicketSearchPanel', {
     template: require('./index.html'),
-    controller: SearchPanel
+    controller: Controller
 });

modules/ticket/front/search-panel/index.spec.js

@@ -0,0 +1,35 @@
+import './index';
+
+describe('Ticket Component vnTicketSearchPanel', () => {
+    let $httpBackend;
+    let controller;
+
+    beforeEach(ngModule('ticket'));
+
+    beforeEach(inject(($componentController, _$httpBackend_) => {
+        $httpBackend = _$httpBackend_;
+        controller = $componentController('vnTicketSearchPanel', {$element: null});
+        controller.$t = () => {};
+    }));
+
+    describe('getGroupedStates()', () => {
+        it('should set an array of groupedStates with the aditionof a name translation', () => {
+            jest.spyOn(controller, '$t').mockReturnValue('miCodigo');
+            const data = [
+                {
+                    alertLevel: 9999,
+                    code: 'myCode'
+                }
+            ];
+            $httpBackend.whenGET('AlertLevels').respond(data);
+            controller.getGroupedStates();
+            $httpBackend.flush();
+
+            expect(controller.groupedStates).toEqual([{
+                alertLevel: 9999,
+                code: 'myCode',
+                name: 'miCodigo'
+            }]);
+        });
+    });
+});

modules/ticket/front/search-panel/locale/en.yml

@@ -0,0 +1,4 @@
+FREE: Free
+DELIVERED: Delivered
+ON_PREPARATION: On preparation
+PACKED: Packed

modules/ticket/front/search-panel/locale/es.yml

@@ -13,3 +13,7 @@ Grouped States: Estado agrupado
 Days onward: Días adelante
 With problems: Con problemas
 Pending: Pendiente
+FREE: Libre
+DELIVERED: Servido
+ON_PREPARATION: En preparacion
+PACKED: Encajado

modules/zone/front/index/index.html

@@ -17,10 +17,10 @@
             </vn-tr>
         </vn-thead>
         <vn-tbody>
-            <vn-tr
+            <a
                 ng-repeat="zone in model.data"
                 ui-sref="zone.card.summary({id: zone.id})"
-                class="clickable search-result">
+                class="clickable n-tr search-result">
                 <vn-td number>{{::zone.id}}</vn-td>
                 <vn-td expand>{{::zone.name}}</vn-td>
                 <vn-td expand>{{::zone.agencyMode.name}}</vn-td>
@@ -42,7 +42,7 @@
                         </vn-icon-button>
                     </vn-horizontal>
                 </vn-td>
-            </vn-tr>
+            </a>
         </vn-tbody>
     </vn-table>
     </vn-card>