From 482adaabc0b3832df418751fdede98d214bd0d99 Mon Sep 17 00:00:00 2001
From: Nabil Adouani <nabil.adouani@gmail.com>
Date: Thu, 3 Jun 2021 18:02:23 +0200
Subject: [PATCH] #2055 Make alert tags and description editable

---
 .../controllers/alert/AlertEventCtrl.js       | 16 +++++++++-
 frontend/app/views/directives/flow/alert.html | 23 ++++++++++-----
 .../views/directives/updatable-tag-list.html  |  8 +++--
 .../views/partials/alert/event.dialog.html    | 29 ++++++++++++++++---
 4 files changed, 60 insertions(+), 16 deletions(-)

diff --git a/frontend/app/scripts/controllers/alert/AlertEventCtrl.js b/frontend/app/scripts/controllers/alert/AlertEventCtrl.js
index 0f89cddab1..ff541d6bd3 100644
--- a/frontend/app/scripts/controllers/alert/AlertEventCtrl.js
+++ b/frontend/app/scripts/controllers/alert/AlertEventCtrl.js
@@ -1,7 +1,7 @@
 (function () {
     'use strict';
     angular.module('theHiveControllers')
-        .controller('AlertEventCtrl', function ($scope, $rootScope, $state, $uibModal, $uibModalInstance, ModalUtilsSrv, AuthenticationSrv, CustomFieldsSrv, CaseResolutionStatus, AlertingSrv, NotificationSrv, UiSettingsSrv, clipboard, event, templates, readonly) {
+        .controller('AlertEventCtrl', function ($scope, $rootScope, $state, $uibModal, $uibModalInstance, ModalUtilsSrv, TagSrv, AuthenticationSrv, CustomFieldsSrv, CaseResolutionStatus, AlertingSrv, NotificationSrv, UiSettingsSrv, clipboard, event, templates, readonly) {
             var self = this;
             var eventId = event._id;
 
@@ -35,6 +35,20 @@
                 return 'customFields.' + fieldDef.reference + '.' + fieldDef.type;
             };
 
+            self.getTags = function (selection) {
+                var tags = [];
+
+                angular.forEach(selection, function (tag) {
+                    tags.push(tag.text);
+                });
+
+                return tags;
+            };
+
+            self.getAlertTags = function (query) {
+                return TagSrv.autoComplete(query);
+            };
+
             self.load = function () {
                 AlertingSrv.get(eventId).then(function (data) {
                     self.event = data;
diff --git a/frontend/app/views/directives/flow/alert.html b/frontend/app/views/directives/flow/alert.html
index c6cb860356..ea566076fd 100644
--- a/frontend/app/views/directives/flow/alert.html
+++ b/frontend/app/views/directives/flow/alert.html
@@ -1,4 +1,4 @@
-<div class="flow-alert "ng-switch="base.operation">
+<div class="flow-alert">
     <div class="flow-item-title wrap">
         <i class="fa fa-download"></i>
         <span ng-show="bulk">Alert updates</span>
@@ -7,23 +7,27 @@
 
     <div class="flow-item-updates wrap" ng-show="bulk">
         <div class="flow-item-bulk" ng-show="summary.alert.Creation">
-            <ng-pluralize count="summary.alert.Creation" when="{'one': '{} new alert has been added', 'other': '{} new alerts have been added'}"></ng-pluralize>
+            <ng-pluralize count="summary.alert.Creation"
+                when="{'one': '{} new alert has been added', 'other': '{} new alerts have been added'}"></ng-pluralize>
         </div>
         <div class="flow-item-bulk" ng-show="summary.alert.Update">
-            <ng-pluralize count="summary.alert.Update" when="{'one': '{} existing alert has been updated', 'other': '{} existing alerts have been updated'}"></ng-pluralize>
+            <ng-pluralize count="summary.alert.Update"
+                when="{'one': '{} existing alert has been updated', 'other': '{} existing alerts have been updated'}">
+            </ng-pluralize>
         </div>
         <div class="flow-item-bulk" ng-show="summary.alert.Delete">
-            <ng-pluralize count="summary.alert.Delete" when="{'one': '{} existing alert has been permanently deleted', 'other': '{} existing alerts have been permanently deleted'}"></ng-pluralize>
+            <ng-pluralize count="summary.alert.Delete"
+                when="{'one': '{} existing alert has been permanently deleted', 'other': '{} existing alerts have been permanently deleted'}">
+            </ng-pluralize>
         </div>
         <div>
             <a class="small" href ng-click="openState('app.alert-list')">See all</a>
         </div>
     </div>
 
-    <div class="flow-item-updates wrap" ng-hide="bulk" ng-switch-default>
-        <span ng-repeat="(k,v) in base.details"
-            ng-switch="k"
-            ng-if="['description', 'caseTemplate', 'title', 'follow', 'lastSyncDate'].indexOf(k) === -1">
+    <div class="flow-item-updates wrap" ng-hide="bulk">
+        <span ng-repeat="(k,v) in base.details" ng-switch="k"
+            ng-if="['caseTemplate', 'title', 'follow', 'lastSyncDate'].indexOf(k) === -1">
             <div ng-switch-when="artifacts">
                 {{k}}:
                 <em>{{v.length}}</em>
@@ -39,6 +43,9 @@
             <div ng-switch-when="case">
                 {{k}}: <a href ui-sref="app.case.details({caseId: v})">{{v}}</a>
             </div>
+            <div ng-switch-when="description">
+                description: <em>{{v | limitTo: 250}}</em>
+            </div>
             <div ng-switch-when="tags">
                 {{k}}:
                 <span ng-repeat="tag in v">
diff --git a/frontend/app/views/directives/updatable-tag-list.html b/frontend/app/views/directives/updatable-tag-list.html
index 71d16cc082..0432453379 100644
--- a/frontend/app/views/directives/updatable-tag-list.html
+++ b/frontend/app/views/directives/updatable-tag-list.html
@@ -12,9 +12,11 @@
 
     <span ng-show="updatable.updating">
         <div class="form-group">
-            <tags-input class="ti-input-sm ti-tag-selector" min-length="2" ng-model="value" placeholder="Add labels" replace-spaces-with-dashes="false"
-                template="views/directives/tag-input-item.html" tag-class="label-primary">
-                <auto-complete ng-if="source" min-length="3" debounce-delay="400" source="source($query)"></auto-complete>
+            <tags-input class="ti-input-sm ti-tag-selector" min-length="2" ng-model="value" placeholder="Add tags"
+                replace-spaces-with-dashes="false" template="views/directives/tag-input-item.html"
+                tag-class="label-primary">
+                <auto-complete ng-if="source" min-length="3" debounce-delay="400" source="source($query)">
+                </auto-complete>
             </tags-input>
         </div>
         <div class="btn-group btn-group-sm">
diff --git a/frontend/app/views/partials/alert/event.dialog.html b/frontend/app/views/partials/alert/event.dialog.html
index 64c2171363..27512e2e07 100644
--- a/frontend/app/views/partials/alert/event.dialog.html
+++ b/frontend/app/views/partials/alert/event.dialog.html
@@ -41,23 +41,44 @@ <h4 class="text-primary">
                         <span>{{dialog.event.source}}</span>
                     </span>
                 </div>
-                <div class="case-tags flexwrap mt-xxs">
+                <!-- <div class="case-tags flexwrap mt-xxs">
                     <strong><i class="fa fa-tags mr-xxxs"></i></strong>
                     <strong class="text-muted mr-xxxs"
                         ng-if="!dialog.event.tags || dialog.event.tags.length === 0">None</strong>
                     <tag-item ng-repeat="tag in dialog.event.tags track by $index" value="tag"></tag-item>
+                </div> -->
+
+                <div class="mt-xs">
+                    <h4 class="vpad10 text-primary">
+                        Basic Information
+                    </h4>
+                    <dl class="dl-horizontal">
+                        <dt class="pull-left">Tags</dt>
+                        <dd ng-if="dialog.canEdit">
+                            <updatable-tag-list on-update="dialog.updateField('tags', dialog.getTags(newValue))"
+                                value="dialog.event.tags" source="dialog.getAlertTags"></updatable-tag-list>
+                        </dd>
+                        <dd ng-if="!dialog.canEdit">
+                            <tag-list data="caze.tags"></tag-list>
+                        </dd>
+                    </dl>
                 </div>
 
-                <div class="mt-xs" ng-if="dialog.event.description">
+                <div class="mt-xs">
                     <h4 class="vpad10 text-primary">
                         Description
                     </h4>
-                    <div class="description-pane">
+                    <div class="description-pane" ng-if="!dialog.canEdit">
                         <div marked="dialog.event.description" class="markdown"></div>
                     </div>
+
+                    <div class="description-pane" ng-if="dialog.canEdit">
+                        <updatable-text on-update="dialog.updateField('description', newValue)"
+                            value="dialog.event.description"></updatable-text>
+                    </div>
                 </div>
 
-                <div class="mt-xs" ng-if="dialog.event.description">
+                <div class="mt-xs">
                     <h4 class="vpad10 text-primary">
                         Additional fields