refactor(ticket.summary): change state button is now dropdown

modules/ticket/front/summary/index.html

@@ -11,14 +11,14 @@
             Ticket #{{$ctrl.summary.id}} - {{$ctrl.summary.client.name}} 
             ({{$ctrl.summary.client.id}}) - {{$ctrl.summary.nickname}}
         </span>
-        <vn-button
-            disabled="!$ctrl.isEditable" 
-            class="flat"
-            style="color: inherit;"
-            label="SET OK" 
-            ng-click="$ctrl.setOkState()"
-            vn-tooltip="Change ticket state to 'Ok'">
-        </vn-button>
+        <vn-button-menu 
+            disabled="!$ctrl.isEditable"
+            class="message"
+            label="Change state"
+            value-field="code"
+            url="States/editableStates"
+            on-change="$ctrl.changeState(value)">
+        </vn-button-menu>
         <vn-ticket-descriptor-menu 
             ng-if="!$ctrl.isTicketModule"
             ticket-id="$ctrl.summary.id" 

modules/ticket/front/summary/index.js

@@ -59,10 +59,11 @@ class Controller extends Summary {
         this.$.invoiceOutDescriptor.show(event.target, this.summary.invoiceOut.id);
     }
 
-    setOkState() {
-        const params = {ticketFk: 'id' in this.ticket ? this.ticket.id : this.$params.id};
-
-        params.code = 'OK';
+    changeState(value) {
+        const params = {
+            ticketFk: 'id' in this.ticket ? this.ticket.id : this.$params.id,
+            code: value
+        };
 
         this.$http.post(`TicketTrackings/changeState`, params)
             .then(() => {

modules/ticket/front/summary/locale/es.yml

@@ -2,4 +2,5 @@ Address phone: Tel. consignatario
 Address mobile: Móv. consignatario
 Client phone: Tel. cliente
 Client mobile: Móv. cliente
-Go to the ticket: Ir al ticket
+Go to the ticket: Ir al ticket
+Change state: Cambiar estado