dashboard: create group with ajax

circle/dashboard/static/dashboard/dashboard.js

@@ -36,6 +36,23 @@ $(function () {
     });
     return false;
   });
+ 
+  $('.group-create').click(function(e) {
+    $.ajax({
+      type: 'GET',
+      url: '/dashboard/group/create/', 
+      success: function(data) { 
+        $('body').append(data);
+        addSliderMiscs();
+        $('#create-modal').modal('show');
+        $('#create-modal').on('hidden.bs.modal', function() {
+          $('#create-modal').remove();
+        });
+      }
+    });
+    return false;
+  });
+
   $('[href=#index-graph-view]').click(function (e) {
     var box = $(this).data('index-box');
     $("#" + box + "-list-view").hide();

circle/dashboard/templates/dashboard/group-create.html

@@ -5,7 +5,7 @@
   }
 </style>
 
-<form method="POST" action="">
+<form method="POST" action="/dashboard/group/create/">
 {% csrf_token %}
 {% crispy form %}
 </form>