2428 - Added anchor directive

front/core/directives/anchor.js

@@ -0,0 +1,32 @@
+import ngModule from '../module';
+
+/**
+ * Allows changing state for nested anchor
+ *
+ * @param {Object} $parse
+ * @param {Object} $state
+ * @return {Object} The directive
+ */
+export function directive($parse, $state) {
+    return {
+        restrict: 'A',
+        link: function($scope, $element, $attrs) {
+            const state = $scope.$eval($attrs.vnAnchor);
+            // const element = $element[0];
+            $element.on('click', event => {
+                const params = [];
+
+                for (let param in state.params)
+                    console.log(param);
+
+                // $state.go(state.url, state.params);
+                event.preventDefault();
+                event.stopPropagation();
+            });
+        }
+    };
+}
+
+directive.$inject = ['$parse', '$state'];
+
+ngModule.directive('vnAnchor', directive);

front/core/directives/index.js

@@ -15,3 +15,4 @@ import './smart-table';
 import './droppable';
 import './http-click';
 import './http-submit';
+import './anchor';

modules/client/front/index/index.html

@@ -40,8 +40,7 @@
                 vn-tooltip="Client frozen"
                 icon="icon-frozen">
             </vn-icon-button>
-            <vn-icon-button
-                ng-click="$ctrl.filterTickets(client, $event)"
+            <vn-icon-button vn-anchor="{url: 'ticket.index', params: {q: {clientFk: client.id}}}"
                 vn-tooltip="Client tickets"
                 icon="icon-ticket">
             </vn-icon-button>
@@ -51,6 +50,8 @@
                 icon="desktop_windows">
             </vn-icon-button>
         </vn-item-section>
+
+        <!-- ng-click="$ctrl.filterTickets(client, $event)" -->
     </a>
     </div>
     </vn-card>