nitweb: factorize graph directive

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>

diff --git a/share/nitweb/directives/entity/graph.html b/share/nitweb/directives/entity/graph.html
new file mode 100644 (file)
index 0000000..43387c4
--- /dev/null
+++ b/share/nitweb/directives/entity/graph.html
@@ -0,0 +1 @@
+<div class='graph' ng-bind-html='graph'></div>

diff --git a/share/nitweb/javascripts/entities.js b/share/nitweb/javascripts/entities.js
index 5d8a7dd..eb65e93 100644 (file)
--- a/share/nitweb/javascripts/entities.js
+++ b/share/nitweb/javascripts/entities.js
@@ -138,6 +138,18 @@
                        };
                })
 
+               .directive('entityGraph', function() {
+                       return {
+                               restrict: 'E',
+                               scope: {
+                                       mentity: '=',
+                                       graph: '='
+                               },
+                               replace: true,
+                               templateUrl: '/directives/entity/graph.html'
+                       };
+               })
+
                .directive('entityCard', function() {
                        return {
                                restrict: 'E',

diff --git a/share/nitweb/views/class.html b/share/nitweb/views/class.html
index ec8ffee..278d5e9 100644 (file)
--- a/share/nitweb/views/class.html
+++ b/share/nitweb/views/class.html
@@ -59,7 +59,7 @@
        <div role='tabpanel' class='tab-pane fade' id='graph'>
                <div class='card'>
                        <div class='card-body text-center'>
-                               <div class='graph' ng-bind-html='graph'></div>
+                               <entity-graph mentity='mentity' graph='graph' />
                        </div>
                </div>
        </div>

diff --git a/share/nitweb/views/group.html b/share/nitweb/views/group.html
index 097ec4a..f7f60db 100644 (file)
--- a/share/nitweb/views/group.html
+++ b/share/nitweb/views/group.html
@@ -32,7 +32,7 @@
        <div role='tabpanel' class='tab-pane fade' id='graph'>
                <div class='card'>
                        <div class='card-body text-center'>
-                               <div class='graph' ng-bind-html='graph'></div>
+                               <entity-graph mentity='mentity' graph='graph' />
                        </div>
                </div>
        </div>

diff --git a/share/nitweb/views/module.html b/share/nitweb/views/module.html
index 29e8130..6288013 100644 (file)
--- a/share/nitweb/views/module.html
+++ b/share/nitweb/views/module.html
@@ -55,7 +55,7 @@
        <div class='tab-pane fade' id='graph'>
                <div class='card'>
                        <div class='card-body text-center'>
-                               <div class='graph' ng-bind-html='graph'></div>
+                               <entity-graph mentity='mentity' graph='graph' />
                        </div>
                </div>
        </div>

diff --git a/share/nitweb/views/package.html b/share/nitweb/views/package.html
index f1f3055..306dd52 100644 (file)
--- a/share/nitweb/views/package.html
+++ b/share/nitweb/views/package.html
@@ -26,7 +26,7 @@
        <div role='tabpanel' class='tab-pane fade' id='graph'>
                <div class='card'>
                        <div class='card-body text-center'>
-                               <div class='graph' ng-bind-html='graph'></div>
+                               <entity-graph mentity='mentity' graph='graph' />
                        </div>
                </div>
        </div>