cahanges for createblade

public/js/backend/admin.js

@@ -20,7 +20,54 @@ var Backend = {}; // common variable used in all the files of the backend
               
                 element.className = classes.join(' ');
               }
+        },
+        documentReady : function(callback){
+            if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){
+                callback();
+              } else {
+                document.addEventListener('DOMContentLoaded', callback);
+              }
+        },
+
+        ajaxrequest:function(url,method,data,csrf,callback){
+            var request = new XMLHttpRequest();
+            if (window.XMLHttpRequest) {
+                // code for modern browsers
+                request = new XMLHttpRequest();
+             } else {
+                // code for old IE browsers
+                request = new ActiveXObject("Microsoft.XMLHTTP");
             }
+            request.open(method, url, true);
+            request.setRequestHeader('X-CSRF-TOKEN', 'application/x-www-form-urlencoded; charset=UTF-8');
+            if("post" === method.toLowerCase()){
+                request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
+                data = this.jsontoformdata(data);
+            }
+            request.onload = callback.success(request);
+            
+            request.onerror = callback.error;
+            
+            request.send(data);
+        },
+
+        // This should probably only be used if all JSON elements are strings
+        jsontoformdata:function (srcjson){
+            if(typeof srcjson !== "object")
+            if(typeof console !== "undefined"){
+                console.log("\"srcjson\" is not a JSON object");
+                return null;
+            }
+            u = encodeURIComponent;
+            var urljson = "";
+            var keys = Object.keys(srcjson);
+            for(var i=0; i <keys.length; i++){
+                urljson += u(keys[i]) + "=" + u(srcjson[keys[i]]);
+                if(i < (keys.length-1))urljson+="&";
+            }
+            return urljson;
+        },
+
     },
 
       /**

resources/views/backend/access/users/create.blade.php

@@ -181,46 +181,32 @@
 @section('after-scripts')
     {{ Html::script('js/backend/access/users/script.js') }}
     <script type="text/javascript">
-        $(document).ready(function() {
 
-            Backend.Access.init();
+        Backend.Utils.documentReady(function(){
          
-            /**
-             * This function is used to get clicked element role id and return required result
-             */
-            $('.get-role-for-permissions').click(function () {
-                $.ajax({
-                    type: "POST",
-                    url: "{{ route('admin.get.permission') }}",
-                    dataType: "JSON",
-                    data: {role_id: $(this).val()},
-                    success: function (response) {
-                        var p = response.permissions;
-                        var q = response.rolePermissions;
-                        var qAll = response.allPermissions;
-
-                        $('.get-available-permissions').html('');
-                        if (p.length == 0) {
-                            ('.get-available-permissions').html('<p>There are no available permissions.</p>');
-                        } else {
-                            for (var key in p) {
-                                var addChecked = '';
-                                if (qAll == 1 && q.length == 0) {
-                                    addChecked = 'checked="checked"';
+            Backend.Access.init();
+            callback = {
+                success:function(request){
+                    if (request.status >= 200 && request.status < 400) {
+                        // Success!
+                        var resp = request.responseText;
+                        console.log(resp);
                     } else {
-                                    if (typeof q[key] !== "undefined") {
-                                        addChecked = 'checked="checked"';
-                                    }
-                                }
-                                $('<label class="control control--checkbox"> <input type="checkbox" name="permissions[' + key + ']" value="' + key + '" id="perm_' + key + '" ' + addChecked + ' /> <label for="perm_' + key + '">' + p[key] + '</label> <div class="control__indicator"></div> </label> <br>').appendTo('.get-available-permissions');
-                            }
+                    // We reached our target server, but it returned an error
+                    console.log("errror");
                     }
-                        $('#available-permissions').removeClass('hidden');
+                },
+                error:function(){
+                    console.log("errror");
                 }
-                });
-            });
+            };
+            csrf = $('meta[name="csrf-token"]').attr('content');
+            Backend.Utils.ajaxrequest("{{ route('admin.get.permission') }}","post",{role_id: $('.get-role-for-permissions').val()},csrf,callback);
 
-            $("#role-3").click();
         });
+            
+
+
+        
     </script>
 @endsection