From f6e81ed4e98cd43ac16d66bc1f8d79ccedcb56e6 Mon Sep 17 00:00:00 2001
From: Jaden Diefenbaugh <blakcap@users.noreply.github.com>
Date: Fri, 3 Mar 2017 17:08:01 +0100
Subject: [PATCH] can edit group names in panel header
---
.../app/directives/groupPanelContent.js | 22 ++++++++++++++++++-
1 file changed, 21 insertions(+), 1 deletion(-)
diff --git a/beat/web/reports/static/reports/app/directives/groupPanelContent.js b/beat/web/reports/static/reports/app/directives/groupPanelContent.js
index 87af1610b..24c1d819b 100644
--- a/beat/web/reports/static/reports/app/directives/groupPanelContent.js
+++ b/beat/web/reports/static/reports/app/directives/groupPanelContent.js
@@ -32,6 +32,10 @@ angular.module('reportApp').directive("groupPanelContent", ['GroupsService', fun
},
link: function(scope){
scope.deleteGroup = GroupsService.deleteGroup;
+ scope.editingGroupName = true;
+ scope.change = () => {
+ scope.editingGroupName = !scope.editingGroupName;
+ };
},
template: `
<div id="{{group.name}}-heading" class="panel-heading" role="tab">
@@ -44,8 +48,24 @@ angular.module('reportApp').directive("groupPanelContent", ['GroupsService', fun
href="#collapse-{{group.name}}"
aria-expanded="true"
aria-controls="collapse-{{group.name}}">
- {{ group.name }}
</a>
+ <span ng-if='!editingGroupName' ng-click='change()'>
+ <span>{{ group.name }}</span>
+ <span class='glyphicon glyphicon-pencil'></span>
+ </span>
+ <form class='form-inline' role='form' style='display: inline;' ng-if='editingGroupName'>
+ <span class='input-group'>
+ <input
+ required
+ type='text'
+ class='form-control'
+ placeholder='Group name...'
+ ng-model='group._name'/>
+ <span class='input-group-addon' ng-click='change()'>
+ Save
+ </span>
+ </span>
+ </form>
<div class='btn-group'>
<button class='btn btn-danger' ng-click='deleteGroup(group.name)'>Delete Group</button>
</div>
--
GitLab