Fixed format

modules/monitor/front/index/tickets/index.html

@@ -1,13 +1,13 @@
-<vn-crud-model
+<vn-crud-model auto-load="true"
     vn-id="model"
-    auto-load="true"
-    url="SalesMonitors/salesFilter"
     params="::$ctrl.filterParams"
+    url="SalesMonitors/salesFilter"
     limit="20"
     order="shippedDate DESC, preparationHour ASC, zoneLanding ASC, id">
 </vn-crud-model>
 <vn-portal slot="topbar">
-    <vn-searchbar vn-focus
+    <vn-searchbar
+        vn-focus
         panel="vn-monitor-sales-search-panel"
         placeholder="Search tickets"
         info="Search ticket by id or alias"
@@ -20,9 +20,12 @@
 <vn-horizontal class="header">
     <vn-one translate>
         Tickets monitor
-    </vn-one>
+    </vn-one> 
     <vn-none>
-        <vn-icon icon="refresh" vn-tooltip="Refresh" ng-click="model.refresh()">
+        <vn-icon
+            icon="refresh"
+            vn-tooltip="Refresh"
+            ng-click="model.refresh()">
         </vn-icon>
     </vn-none>
 </vn-horizontal>
@@ -45,37 +48,61 @@
             </vn-tr>
         </vn-thead>
         <vn-tbody>
-            <a ng-repeat="ticket in model.data" class="clickable vn-tr search-result"
+            <a ng-repeat="ticket in model.data"
+                class="clickable vn-tr search-result"
                 ui-sref="ticket.card.summary({id: {{::ticket.id}}})" target="_blank">
                 <vn-td class="icon-field">
-                    <vn-icon ng-show="::ticket.isTaxDataChecked === 0" translate-attr="{title: 'No verified data'}"
+                    <vn-icon
-                        class="bright" icon="icon-no036">
+                        ng-show="::ticket.isTaxDataChecked === 0"
+                        translate-attr="{title: 'No verified data'}"
+                        class="bright"
+                        icon="icon-no036">
                     </vn-icon>
-                    <vn-icon ng-show="::ticket.hasTicketRequest" translate-attr="{title: 'Purchase request'}"
+                    <vn-icon
-                        class="bright" icon="icon-100">
+                        ng-show="::ticket.hasTicketRequest"
+                        translate-attr="{title: 'Purchase request'}"
+                        class="bright"
+                        icon="icon-100">
                     </vn-icon>
-                    <vn-icon ng-show="::ticket.isAvailable === 0" translate-attr="{title: 'Not available'}"
+                    <vn-icon
-                        class="bright" icon="icon-unavailable">
+                        ng-show="::ticket.isAvailable === 0"
+                        translate-attr="{title: 'Not available'}"
+                        class="bright"
+                        icon="icon-unavailable">
                     </vn-icon>
-                    <vn-icon ng-show="::ticket.isFreezed" translate-attr="{title: 'Client frozen'}" class="bright"
+                    <vn-icon
+                        ng-show="::ticket.isFreezed"
+                        translate-attr="{title: 'Client frozen'}"
+                        class="bright"
                         icon="icon-frozen">
                     </vn-icon>
-                    <vn-icon ng-show="::ticket.risk" ng-class="::{'highRisk': ticket.hasHighRisk}"
+                    <vn-icon
-                        title="{{::$ctrl.$t('Risk')}}: {{ticket.risk}}" class="bright" icon="icon-risk">
+                        ng-show="::ticket.risk"
+                        ng-class="::{'highRisk': ticket.hasHighRisk}"
+                        title="{{::$ctrl.$t('Risk')}}: {{ticket.risk}}"
+                        class="bright"
+                        icon="icon-risk">
                     </vn-icon>
-                    <vn-icon ng-show="::ticket.hasComponentLack" translate-attr="{title: 'Component lack'}"
+                    <vn-icon
-                        class="bright" icon="icon-components">
+                        ng-show="::ticket.hasComponentLack"
+                        translate-attr="{title: 'Component lack'}"
+                        class="bright"
+                        icon="icon-components">
                     </vn-icon>
                 </vn-td>
                 <vn-td name="nickname">
-                    <span title="{{::ticket.nickname}}" vn-click-stop="clientDescriptor.show($event, ticket.clientFk)"
+                    <span
+                        title="{{::ticket.nickname}}"
+                        vn-click-stop="clientDescriptor.show($event, ticket.clientFk)"
                         class="link">
                         {{::ticket.nickname}}
                     </span>
                 </vn-td>
                 <vn-td class="expendable" shrink>
-                    <span title="{{::ticket.userName}}"
+                    <span
-                        vn-click-stop="workerDescriptor.show($event, ticket.salesPersonFk)" class="link">
+                        title="{{::ticket.userName}}"
+                        vn-click-stop="workerDescriptor.show($event, ticket.salesPersonFk)"
+                        class="link">
                         {{::ticket.userName | dashIfEmpty}}
                     </span>
                 </vn-td>
@@ -89,16 +116,23 @@
                 <vn-td shrink>{{::ticket.practicalHour | date: 'HH:mm'}}</vn-td>
                 <vn-td class="expendable">{{::ticket.province}}</vn-td>
                 <vn-td class="expendable">
-                    <span ng-show="::ticket.refFk" title="{{::ticket.refFk}}"
+                    <span
-                        vn-click-stop="invoiceOutDescriptor.show($event, ticket.invoiceOutId)" class="link">
+                        ng-show="::ticket.refFk"
+                        title="{{::ticket.refFk}}"
+                        vn-click-stop="invoiceOutDescriptor.show($event, ticket.invoiceOutId)"
+                        class="link">
                         {{::ticket.refFk}}
                     </span>
-                    <span ng-show="::!ticket.refFk" class="chip {{::$ctrl.stateColor(ticket)}}">
+                    <span 
+                        ng-show="::!ticket.refFk"
+                        class="chip {{::$ctrl.stateColor(ticket)}}">
                         {{::ticket.state}}
                     </span>
                 </vn-td>
                 <vn-td>
-                    <span title="{{::ticket.zoneName}}" vn-click-stop="zoneDescriptor.show($event, ticket.zoneFk)"
+                    <span
+                        title="{{::ticket.zoneName}}"
+                        vn-click-stop="zoneDescriptor.show($event, ticket.zoneFk)"
                         class="link">
                         {{::ticket.zoneName | dashIfEmpty}}
                     </span>
@@ -109,48 +143,70 @@
                     </span>
                 </vn-td>
                 <vn-td actions>
-                    <vn-icon-button vn-anchor="::{
+                    <vn-icon-button
+                        vn-anchor="::{
                             state: 'ticket.card.sale', 
                             params: {id: ticket.id}, 
                             target: '_blank'
-                        }" vn-tooltip="Go to lines" icon="icon-lines">
+                        }"
+                        vn-tooltip="Go to lines"
+                        icon="icon-lines">
                     </vn-icon-button>
-                    <vn-icon-button vn-click-stop="$ctrl.preview(ticket)" vn-tooltip="Preview" icon="preview">
+                    <vn-icon-button
+                        vn-click-stop="$ctrl.preview(ticket)"
+                        vn-tooltip="Preview"
+                        icon="preview">
                     </vn-icon-button>
                 </vn-td>
             </a>
         </vn-tbody>
     </vn-table>
-    <vn-pagination model="model" class="vn-pt-xs">
+    <vn-pagination
+        model="model"
+        class="vn-pt-xs">
     </vn-pagination>
 </vn-card>
-<vn-worker-descriptor-popover vn-id="workerDescriptor">
+<vn-worker-descriptor-popover 
+    vn-id="workerDescriptor">
 </vn-worker-descriptor-popover>
-<vn-client-descriptor-popover vn-id="clientDescriptor">
+<vn-client-descriptor-popover
+    vn-id="clientDescriptor">
 </vn-client-descriptor-popover>
-<vn-zone-descriptor-popover vn-id="zoneDescriptor">
+<vn-zone-descriptor-popover
+    vn-id="zoneDescriptor">
 </vn-zone-descriptor-popover>
 <vn-popup vn-id="summary">
-    <vn-ticket-summary ticket="$ctrl.selectedTicket" model="model">
+    <vn-ticket-summary
+        ticket="$ctrl.selectedTicket"
+        model="model">
     </vn-ticket-summary>
 </vn-popup>
 <vn-contextmenu vn-id="contextmenu" targets="['vn-monitor-sales-tickets vn-table']" model="model"
     expr-builder="$ctrl.exprBuilder(param, value)">
     <slot-menu>
-        <vn-item translate ng-if="contextmenu.isFilterAllowed()" ng-click="contextmenu.filterBySelection()">
+        <vn-item translate
+            ng-if="contextmenu.isFilterAllowed()"
+            ng-click="contextmenu.filterBySelection()">
             Filter by selection
         </vn-item>
-        <vn-item translate ng-if="contextmenu.isFilterAllowed()" ng-click="contextmenu.excludeSelection()">
+        <vn-item translate 
+            ng-if="contextmenu.isFilterAllowed()" 
+            ng-click="contextmenu.excludeSelection()">
             Exclude selection
         </vn-item>
-        <vn-item translate ng-if="contextmenu.isFilterAllowed()" ng-click="contextmenu.removeFilter()">
+        <vn-item translate 
+            ng-if="contextmenu.isFilterAllowed()" 
+            ng-click="contextmenu.removeFilter()">
             Remove filter
         </vn-item>
-        <vn-item translate ng-click="contextmenu.removeAllFilters()">
+        <vn-item translate 
+            ng-click="contextmenu.removeAllFilters()">
             Remove all filters
         </vn-item>
-        <vn-item translate ng-if="contextmenu.isActionAllowed()" ng-click="contextmenu.copyValue()">
+        <vn-item translate 
+            ng-if="contextmenu.isActionAllowed()" 
+            ng-click="contextmenu.copyValue()">
             Copy value
         </vn-item>
     </slot-menu>
-</vn-contextmenu>
+</vn-contextmenu>