#131 Add a mini-report-list directive

TheHive-Project · Jun 19, 2017 · 292f1bd · 292f1bd
1 parent 16dfbc8
commit 292f1bd
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 11 deletions.
diff --git a/ui/app/index.html b/ui/app/index.html
@@ -176,6 +176,7 @@
     <script src="scripts/directives/flow/flow.js"></script>
     <script src="scripts/directives/logEntry.js"></script>
     <script src="scripts/directives/markdown-editor.js"></script>
+    <script src="scripts/directives/mini-report-list.js"></script>
     <script src="scripts/directives/page-sizer.js"></script>
     <script src="scripts/directives/psearch.js"></script>
     <script src="scripts/directives/report.js"></script>

diff --git a/ui/app/scripts/directives/mini-report-list.js b/ui/app/scripts/directives/mini-report-list.js
@@ -0,0 +1,27 @@
+(function() {
+    'use strict';
+    angular.module('theHiveDirectives')
+        .directive('miniReportList', function() {
+            return {
+                restrict: 'E',
+                templateUrl: 'views/directives/mini-report-list.html',
+                scope: {
+                    reports: '='
+                },
+                link: function(scope) {
+                    scope.taxonomies = [];
+
+                    scope.$watch('reports', function(data) {
+                        var keys = _.keys(data);
+                        var taxonomies = [];
+
+                        _.each(keys, function(key) {
+                            taxonomies = taxonomies.concat(data[key].taxonomies || []);
+                        });
+
+                        scope.taxonomies = taxonomies;
+                    });
+                }
+            };
+        });
+})();
diff --git a/ui/app/styles/case.css b/ui/app/styles/case.css
@@ -66,12 +66,14 @@ span.link-id {
     left: 0 !important;
 }
 
+.tags-list,
 table.case-list .case-tags {
     font-size: 12px !important;
 }
 
 table.case-list .case-tags .label,
-.case-tags .label  {
+.case-tags .label,
+.tags-list .label  {
     font-size: inherit !important;
     font-weight: normal;
 }
diff --git a/ui/app/views/directives/mini-report-list.html b/ui/app/views/directives/mini-report-list.html
@@ -0,0 +1,17 @@
+<div class="tags-list flexwrap mt-xxs" ng-if="taxonomies.length > 0">
+    <span class="mr-xxxs text-muted"><i class="fa fa-cog"></i></span>
+    <span class="label mb-xxxs mr-xxxs"
+        ng-repeat="taxonomy in taxonomies"
+        ng-class="{'info': 'label-info',
+            'safe': 'label-success',
+            'suspicious': 'label-warning',
+            'malicious': 'label-danger'
+        }[taxonomy.level]">
+        {{taxonomy.namespace}}:{{taxonomy.predicate}}{{taxonomy.value ? '='+taxonomy.value: ''}}
+    </span>
+</div>
+
+<div ng-if="taxonomies.length === 0">
+    <span class="mr-xxxs text-muted"><i class="fa fa-cog"></i></span>
+    <em class="text-muted mr-xxxs">No reports available</em>
+</div>
diff --git a/ui/app/views/partials/observables/list/artifacts-list-main.html b/ui/app/views/partials/observables/list/artifacts-list-main.html
@@ -43,7 +43,6 @@ <h4>List of observables ({{artifacts.total || 0}} of {{artifactStats.count}})</h
                 <th style="width: 15px"></th>
                 <th style="width: 100px">Type <a href ng-click="artifacts.sort='-dataType'; artifacts.update()"><i class="fa fa-caret-up"></i></a><a href ng-click="artifacts.sort='+dataType'; artifacts.update()"><i class="fa fa-caret-down"></i></a></th>
                 <th>Data/Filename <a href ng-click="artifacts.sort='-data'; artifacts.update()"><i class="fa fa-caret-up"></i></a><a href ng-click="artifacts.sort='+data'; artifacts.update()"><i class="fa fa-caret-down"></i></a></th>
-                <th style="width: 200px">Analysis</th>
                 <th style="width: 120px">Date added <a href ng-click="artifacts.sort='-startDate'; artifacts.update()"><i class="fa fa-caret-up"></i></a><a href ng-click="artifacts.sort='+startDate'; artifacts.update()"><i class="fa fa-caret-down"></i></a></th>
             </tr>
         </thead>
@@ -75,16 +74,8 @@ <h4>List of observables ({{artifacts.total || 0}} of {{artifactStats.count}})</h
                             {{tag}}
                         </span>
                     </div>
-                </td>
-                <td>
-                    <div ng-show="keys(artifact.reports).length === 0" class="text-muted">
-                        <em>No reports available</em>
-                    </div>
-                    <div ng-show="keys(artifact.reports).length > 0">
-                        <span class="badge">{{keys(artifact.reports).length}}</span>
-                        <ng-pluralize count="keys(artifact.reports).length" when="{'one': 'report available', 'other': 'reports available'}"></ng-pluralize>
-                    </div>
 
+                    <mini-report-list reports="artifact.reports"></mini-report-list>
                 </td>
                 <td>
                     <a href ng-click="addFilterValue('startDate', artifact.startDate)"><span uib-tooltip="{{artifact.startDate | showDate}}" tooltip-popup-delay="500" tooltip-placement="bottom">{{artifact.startDate | shortDate}}</span></a>