Daily update

resources/views/__system__/loading.blade.php

+<div class="loading" hidden>
+    <div class="loader"></div><br>
+    <span class="loading_message"></span>
+    <style>
+        .loader {
+            border: 16px solid #f3f3f3; /* Light grey */
+            border-top: 16px solid #3498db; /* Blue */
+            border-radius: 50%;
+            width: 120px;
+            height: 120px;
+            animation: spin 2s linear infinite;
+        }
+
+        .loading_message{
+            margin-left: auto;
+        }
+
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+    </style>
+</div>
\ No newline at end of file

resources/views/server/index.blade.php

@@ -20,7 +20,7 @@
             </thead>
             <tbody>
             @foreach ($servers as $server)
-                <tr onclick="location.href = '/sunucular/{{$server->_id}}';" class="highlight">
+                <tr onclick="dummy('{{$server->_id}}')" class="highlight">
                     <td>{{$server->name}}</td>
                     <td>{{$server->ip_address}}</td>
                     <td>{{$server->port}}</td>
@@ -45,4 +45,13 @@
         ],
         "submit_text" => "Ekle"
     ])
+
+    <script>
+        function dummy(id){
+            let main = document.getElementsByTagName('main')[0];
+            main.innerHTML = document.getElementsByClassName('loading')[0].innerHTML;
+            document.getElementsByClassName('loading_message')[0].innerHTML = "Sunucuyla bağlantı kuruluyor";
+            location.href = '/sunucular/' + id ;
+        }
+    </script>
 @endsection
\ No newline at end of file