Create group

admin/src/admin/static/js/groups.js

@@ -23,14 +23,34 @@ $(document).ready(function() {
         });
     });
     
+	// Open new group modal
 	$('.btn-new').on('click', function () {
-            $("#modalAdd")[0].reset();
-            $('#modalAddDesktop').modal({
-                backdrop: 'static',
-                keyboard: false
-            }).modal('show');
-            $('#modalAdd').parsley();
-	});
+        $('#modalAddGroup').modal({
+            backdrop: 'static',
+            keyboard: false
+        }).modal('show');
+    });
+
+    // Send new group form
+    $('#modalAddGroup #send').on('click', function () {
+        var form = $('#modalAddGroupForm');
+        formdata = form.serializeObject()
+        console.log('NEW GROUP')
+        console.log(formdata)
+        // $.ajax({
+        //     type: "POST",
+        //     "url": "/isard-sso-admin/groups_list",
+        //     success: function(data)
+        //     {
+        //         console.log('SUCCESS')
+        //         // $("#modalAddGroup").modal('hide');
+        //     },
+        //     error: function(data)
+        //     {
+        //         alert('Something went wrong on our side...')
+        //     }
+        // });
+    });
 
     $('.btn-delete_keycloak').on('click', function () {
         $.ajax({

admin/src/admin/static/templates/pages/groups.html

@@ -43,6 +43,8 @@
 	</div>
 </div>
 
+{% include 'pages/modals/groups_modals.html' %}
+
 {% endblock %}
 
 {% block pagescript %}

admin/src/admin/static/templates/pages/modals/groups_modals.html

@@ -0,0 +1,52 @@
+<div class="modal fade" id="modalAddGroup" tabindex="-1" role="dialog" aria-labelledby="modalAddGroup" aria-hidden="true">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <!-- Modal Header -->
+      <div class="modal-header">   
+        <button type="button" class="close" data-dismiss="modal">
+          <span aria-hidden="true">&times;</span>
+          <span class="sr-only">Close</span>
+        </button>
+        <h4 class="modal-title">
+          <i class="fa fa-plus fa-1x"> </i> <i class="fa fa-users"> </i> Add new group
+        </h4>
+      </div>
+      
+      <!-- Modal Body -->
+      <div class="modal-body">
+          
+        <form id="modalAddGroupForm" class="form-inline form-label-left"> 
+          <div class="x_panel">
+            <div class="x_title">
+              <h4><i class="fa fa-info-circle" aria-hidden="true"></i> Group info</h4>
+              <div class="clearfix"></div>
+            </div>  
+            <div class="x_content" style="padding: 0px;">
+              <div class="row">
+                <div class="col-md-6 col-xs-12">
+                  <label class="control-label" for="name">Name <span class="required">*</span>
+                  </label>
+                  <input id="name" class="roundbox" maxlength="40" pattern="^[-_àèìòùáéíóúñçÀÈÌÒÙÁÉÍÓÚÑÇ .a-zA-Z0-9]+$" data-parsley-length="[4, 40]" name="name" placeholder="Name" data-parsley-trigger="change" required type="text" style="width:100%">
+                </div>
+                <div class="col-md-6 col-xs-12">
+                  <label class="control-label" for="name">Description <span class="required">*</span>
+                  </label>
+                  <input id="description" class="roundbox" name="description" placeholder="Description" data-parsley-trigger="change" required type="text" style="width:100%">
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
+        <!-- Modal Footer -->
+        <div class="modal-footer">
+          <ul class="nav navbar-left panel_toolbox">
+            <li><button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button></li>
+          </ul>
+          <ul class="nav navbar-right panel_toolbox">
+            <li><button id="send" type="button" class="btn btn-success">Create group</button></li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>