mv group directives to folder, add basic drag handle button

beat/web/reports/static/reports/app/directives/groupsLayout.js → beat/web/reports/static/reports/app/directives/edit/layout.js

@@ -35,7 +35,7 @@ angular.module('reportApp').directive("groupsLayout", ['GroupsService', function
 			scope.groups = GroupsService.groups;
 			scope.GroupsService = GroupsService;
 			scope.sortableOptions = {
-				handle: '> .panel-heading'
+				handle: '> .panel-heading > .panel-title > .drag-handle'
 			};
 		},
 		template: `

beat/web/reports/static/reports/app/directives/groupPanelContent.js → beat/web/reports/static/reports/app/directives/edit/panelContent.js

@@ -39,7 +39,7 @@ angular.module('reportApp').directive("groupPanelContent", ['GroupsService', fun
 			};
 		},
 		template: `
-<div id="{{group.name}}-heading" class="panel-heading" role="tab" style='cursor: grab;'>
+<div id="{{group.name}}-heading" class="panel-heading" role="tab">
 	<h4 class="panel-title">
 		<a
 			class=''
@@ -70,6 +70,9 @@ angular.module('reportApp').directive("groupPanelContent", ['GroupsService', fun
 		<div class='btn-group'>
 			<button ng-disabled='!isEditable' class='btn btn-danger' ng-click='deleteGroup(group.name)'>Delete Group</button>
 		</div>
+		<span class='btn btn-default drag-handle' data-toggle='tooltip' data-placement='top' title='Drag to re-order groups'>
+			<i class='fa fa-arrows'></i>
+		</span>
 	</h4>
 </div>
 <div id="collapse-{{group.name}}"

beat/web/reports/static/reports/app/directives/groupPanelItems.js → beat/web/reports/static/reports/app/directives/edit/panelItems.js

@@ -32,7 +32,7 @@ angular.module('reportApp').directive("groupPanelItems", [function(){
 		},
 		link: function(scope){
 			scope.sortableOptions = {
-				handle: '.panel-heading'
+				handle: '.panel-heading > .panel-title > .drag-handle'
 			};
 		},
 		template: `

beat/web/reports/static/reports/app/directives/groupPlotItem.js → beat/web/reports/static/reports/app/directives/edit/plotItem.js

@@ -63,7 +63,11 @@ angular.module('reportApp')
 		</div>
 		<button class='btn btn-danger' ng-click='group.removeReportItem(id)'>
 			Delete Plot
-		</button
+		</button>
+
+		<span class='btn btn-default drag-handle' data-toggle='tooltip' data-placement='top' title='Drag to re-order item'>
+			<i class='fa fa-arrows'></i>
+		</span>
 	</h4>
 </div>
 <div id="collapse-{{domId}}"

beat/web/reports/static/reports/app/directives/groupTableItem.js → beat/web/reports/static/reports/app/directives/edit/tableItem.js

@@ -213,7 +213,11 @@ angular.module('reportApp')
 		</div>
 		<button ng-disabled='!isEditable' class='btn btn-danger' ng-click='group.removeReportItem(id)'>
 			Delete Table
-		</button
+		</button>
+
+		<span class='btn btn-default drag-handle' data-toggle='tooltip' data-placement='top' title='Drag to re-order item'>
+			<i class='fa fa-arrows'></i>
+		</span>
 	</h4>
 </div>
 <div id="collapse-{{domId}}"

beat/web/reports/static/reports/app/directives/groupTextItem.js → beat/web/reports/static/reports/app/directives/edit/textItem.js

@@ -109,7 +109,11 @@ angular.module('reportApp')
 
 		<button ng-disabled='!isEditable' class='btn btn-danger' ng-click='group.removeReportItem(item.id)'>
 			Delete Text Block
-		</button
+		</button>
+
+		<span class='btn btn-default drag-handle' data-toggle='tooltip' data-placement='top' title='Drag to re-order item'>
+			<i class='fa fa-arrows'></i>
+		</span>
 	</h4>
 </div>
 <div id="collapse-{{domId}}"

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

@@ -107,19 +107,19 @@
     <script src="{% fingerprint "reports/app/directives/tableDynamic.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/tablePrecision.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "reports/app/directives/theColumn.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupsLayout.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupPanelContent.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupPanelExperiments.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupPanelItems.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupAddItemsMenu.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupItemContainer.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupTableItem.js" %}" type="text/javascript" charset="utf-8"></script>
-    <script src="{% fingerprint "reports/app/directives/groupPlotItem.js" %}" type="text/javascript" charset="utf-8"></script>
-    <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 "reports/app/directives/edit/addGroupMenu.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/addItemsMenu.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/itemContainer.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/layout.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/panelContent.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/panelExperiments.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/panelItems.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/plotItem.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/tableFieldSelector.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/tableItem.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/textItem.js" %}" type="text/javascript" charset="utf-8"></script>
+    <script src="{% fingerprint "reports/app/directives/edit/viewSerialized.js" %}" type="text/javascript" charset="utf-8"></script>
 
     <script src="{% fingerprint "ui/js/smartselector.js" %}" type="text/javascript" charset="utf-8"></script>
     <script src="{% fingerprint "ui/js/multipleselector.js" %}" type="text/javascript" charset="utf-8"></script>