From e51a71d97b919fc6bfd2054974c4a51f1090ee20 Mon Sep 17 00:00:00 2001
From: Melina Gamboa <melina.devel@gmail.com>
Date: Fri, 28 May 2021 12:02:05 +0200
Subject: [PATCH] Create group

---
 admin/src/admin/static/js/groups.js           | 34 +++++++++---
 .../admin/static/templates/pages/groups.html  |  2 +
 .../templates/pages/modals/groups_modals.html | 52 +++++++++++++++++++
 3 files changed, 81 insertions(+), 7 deletions(-)
 create mode 100644 admin/src/admin/static/templates/pages/modals/groups_modals.html

diff --git a/admin/src/admin/static/js/groups.js b/admin/src/admin/static/js/groups.js
index d75762c..c03f697 100644
--- a/admin/src/admin/static/js/groups.js
+++ b/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({
diff --git a/admin/src/admin/static/templates/pages/groups.html b/admin/src/admin/static/templates/pages/groups.html
index 5d3c054..af7d21f 100644
--- a/admin/src/admin/static/templates/pages/groups.html
+++ b/admin/src/admin/static/templates/pages/groups.html
@@ -43,6 +43,8 @@
 	</div>
 </div>
 
+{% include 'pages/modals/groups_modals.html' %}
+
 {% endblock %}
 
 {% block pagescript %}
diff --git a/admin/src/admin/static/templates/pages/modals/groups_modals.html b/admin/src/admin/static/templates/pages/modals/groups_modals.html
new file mode 100644
index 0000000..f5a0c6d
--- /dev/null
+++ b/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>