add basic addgroup button

beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js

+/*
+ * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/
+ * Contact: beat.support@idiap.ch
+ *
+ * This file is part of the beat.web module of the BEAT platform.
+ *
+ * Commercial License Usage
+ * Licensees holding valid commercial BEAT licenses may use this file in
+ * accordance with the terms contained in a written agreement between you
+ * and Idiap. For further information contact tto@idiap.ch
+ *
+ * Alternatively, this file may be used under the terms of the GNU Affero
+ * Public License version 3 as published by the Free Software and appearing
+ * in the file LICENSE.AGPL included in the packaging of this file.
+ * The BEAT platform is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE.
+ *
+ * You should have received a copy of the GNU Affero Public License along
+ * with the BEAT platform. If not, see http://www.gnu.org/licenses/.
+ */
+
+/*
+ * groupAddGroupMenu
+ * Desc:
+ * 	represents the menu for creating groups
+ */
+angular.module('reportApp')
+.directive("groupAddGroupMenu", ['GroupsService', function(GroupsService){
+	return {
+		scope: {
+		},
+		link: function(scope){
+			scope.createGroup = GroupsService.createGroup;
+			scope.newGroupName = { val: '' };
+		},
+		template: `
+<form>
+	<div class='form-group'>
+		<label for='createNewGroupInput'><strong>Create a new Group</strong></label>
+		<div class="input-group">
+			<span class="input-group-btn">
+				<button ng-click='createGroup(newGroupName.val)' class="btn btn-default" type="button">Create</button>
+			</span>
+			<input id='createNewGroupInput' ng-model='newGroupName.val' type="text" class="form-control" placeholder="Group name...">
+		</div>
+	</div>
+</form>
+`
+	};
+}]);
+

beat/web/reports/static/reports/app/directives/groupsLayout.js

@@ -39,6 +39,8 @@ angular.module('reportApp').directive("groupsLayout", ['GroupsService', function
 			};
 		},
 		template: `
+<div group-add-group-menu class='alert alert-success'></div>
+
 <div ui-sortable='sortableOptions' ng-model='GroupsService.groups' id='groupsLayout' class='panel-group'>
 	<div
 		group-panel-content

beat/web/reports/templates/reports/report.html

@@ -120,6 +120,7 @@
     <script src="{% fingerprint "reports/app/directives/groupTextItem.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/groupTableFieldSelector.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/groupViewSerialized.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/groupAddGroupMenu.js" %}" type="text/javascript" charset="utf-8"></script>
 
 
     <script src="{% fingerprint "ui/js/smartselector.js" %}" type="text/javascript" charset="utf-8"></script>