From 6412f2968580d82bdbc898f44e248c1b8ab43a04 Mon Sep 17 00:00:00 2001
From: joan <joan@verdnatura.es>
Date: Fri, 16 Oct 2020 10:40:45 +0200
Subject: [PATCH] 2428 - Added anchor directive

---
 front/core/directives/anchor.js       | 32 +++++++++++++++++++++++++++
 front/core/directives/index.js        |  1 +
 modules/client/front/index/index.html |  5 +++--
 3 files changed, 36 insertions(+), 2 deletions(-)
 create mode 100644 front/core/directives/anchor.js

diff --git a/front/core/directives/anchor.js b/front/core/directives/anchor.js
new file mode 100644
index 0000000000..48c2da4937
--- /dev/null
+++ b/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);
diff --git a/front/core/directives/index.js b/front/core/directives/index.js
index af05c9b38e..e0f42aef56 100644
--- a/front/core/directives/index.js
+++ b/front/core/directives/index.js
@@ -15,3 +15,4 @@ import './smart-table';
 import './droppable';
 import './http-click';
 import './http-submit';
+import './anchor';
diff --git a/modules/client/front/index/index.html b/modules/client/front/index/index.html
index 7493ecacee..dc65d60252 100644
--- a/modules/client/front/index/index.html
+++ b/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>