v0.10.0c - Fixed WashingMachine create & update AJAX

skolehjem/resources/views/admin/washing-machines/create.blade.php

@@ -14,7 +14,7 @@
     <form method="post" action="{{ route("washing-machines.store") }}">
         @csrf
         <label for="name_first">Vaskemaskine Navn:</label>
-        <label hidden id="error" for="errormesseages">Vaskemaskinen findes allerede</label>
+        <label hidden id="error" for="errormesseages">Vaskemaskinen med den lokation findes allerede</label>
         <input type="text" name="name" id="name" max="60" placeholder="Vaskemaskine nr. 1" required>
         <label for="location_id">Lokation:</label>
         <select name="location_id" id="location_id" class="mb-2" required>
@@ -41,15 +41,13 @@
             );
         });
 
-
-
         //Dont delete me, if the user reloads the pages with text in the text-box this code runs.
         $(document).ready(function () {
             $value = $('#name').val();
             $.ajax({
                 type: 'get',
                 url: '{{route('washing-machines.nameCheck')}}',
-                data: {'nameCheck':$value},
+                data: {'nameCheck':$value, 'location': $('#location_id').val()},
                 success:function (data) {
                     console.log(data);
                     if(data){
@@ -75,7 +73,7 @@
             $.ajax({
                 type: 'get',
                 url: '{{route('washing-machines.nameCheck')}}',
-                data: {'nameCheck':$value},
+                data: {'nameCheck':$value, 'location': $('#location_id').val()},
                 success:function (data) {
                     if(data){
                         $("#error").show(100);
@@ -95,5 +93,29 @@
             });
         })
 
+        $('#location_id').on('change', function () {
+            $value = $('#name').val();
+            $.ajax({
+                type: 'get',
+                url: '{{route('washing-machines.nameCheck')}}',
+                data: {'nameCheck':$value, 'location': $('#location_id').val()},
+                success:function (data) {
+                    if(data){
+                        $("#error").show(100);
+                        $("#error").css('color', 'red');
+                        $("#disable").prop('disabled', true);
+                        $('#disable').css('cursor','not-allowed');
+                    }else{
+                        $("#error").hide();
+                        $("#disable").prop('disabled', false);
+                        $('#disable').css('cursor','pointer');
+                    }
+
+                },
+                error:function (data) {
+                    console.log(data);
+                }
+            });
+        })
     </script>
 @endsection