-added new users management screen

public/js/airtime/user/user.js

@@ -1,3 +1,42 @@
+function populateForm(entries){
+    //$('#user_details').show();
+        
+    $('.errors').remove();
+    
+    $('#user_id').val(entries.id);
+    $('#login').val(entries.login);
+    $('#first_name').val(entries.first_name);
+    $('#last_name').val(entries.last_name);
+    $('#type').val(entries.type);
+    
+    if (entries.id.length != 0){
+        $('#login').attr('readonly', 'readonly');
+        $('#password').val("xxxxxx");
+    } else {
+        $('#login').removeAttr('readonly');
+        $('#password').val("");
+    }
+}
+
+function rowClickCallback(row_id){
+      $.ajax({ url: '/User/get-user-data/id/'+ row_id +'/format/json', dataType:"json", success:function(data){
+        populateForm(data.entries);
+	  }});    
+}
+
+function removeUserCallback(row_id, nRow){
+      $.ajax({ url: '/User/remove-user/id/'+ row_id +'/format/json', dataType:"text", success:function(data){
+        var o = $('#users_datatable').dataTable().fnDeleteRow(nRow);
+	  }});
+}
+
+function rowCallback( nRow, aData, iDisplayIndex ){
+    $(nRow).click(function(){rowClickCallback(aData[0])});
+    $('td:eq(2)', nRow).append( '<span class="ui-icon ui-icon-closethick"></span>').children('span').click(function(e){e.stopPropagation(); removeUserCallback(aData[0], nRow)});
+    
+    return nRow;
+}
+
 $(document).ready(function() {
     $('#users_datatable').dataTable( {
         "bProcessing": true,
@@ -12,15 +51,22 @@ $(document).ready(function() {
                 "success": fnCallback
             } );
         },
+        "fnRowCallback": rowCallback,
         "aoColumns": [
             /* Id */         { "sName": "id", "bSearchable": false, "bVisible": false },
             /* user name */  { "sName": "login" },
             /* user type */  { "sName": "type", "bSearchable": false },
-            /* del button */ { "sName": "first_name", "bSearchable": false, "bSortable": false}
+            /* del button */ { "sName": "null as delete", "bSearchable": false, "bSortable": false}
         ],
         "bJQueryUI": true,
         "bAutoWidth": false,
-        "bLengthChange": false,
-        //"bFilter": false
+        "bLengthChange": false
     });
+    
+    //$('#user_details').hide();
+    
+    var newUser = {login:"", first_name:"", last_name:"", type:"G", id:""};
+    
+    $('#add_user_button').click(function(){populateForm(newUser)});
+    
 });