Added a spinner to the internet search page.

Author: uncheckederror

NumberSearch.Mvc/Views/Services/Internet.cshtml

@@ -53,6 +53,9 @@
         let datalist = document.getElementById("addressOptions");
         datalist.hidden = true;
 
+        // Spinner
+                    const spinner = document.getElementById("spinner");
+                    spinner.hidden = false;
         // TODO: Get the list of service providers here.
         console.log(address);
         const getCoordinatesService = `https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/findAddressCandidates?SingleLine=${address}&maxSuggestions=5&countryCode=USA,CAN&f=pjson`;
@@ -122,7 +125,9 @@
 
                                                                             let resultsTable = document.getElementById("resultstablebody");
                                                                             resultsTable.innerHTML = options;
-                                                                            resultsTable.hidden = false;      
+                                                                            resultsTable.hidden = false;
+                                                                            spinner.hidden = true;
+
                                                                         }
                                                                     });
                                                                 }
@@ -176,15 +181,16 @@
                 <p>🤝 Whatever technology you choose, rest assured that Accelerate Networks will handle all the details with our Seattle-based support and installation teams.</p>
             </div>
             <div class="col-md-6">
-                <h1 class="display-4">Accelerate Your Business</h2>
-                <ul style="list-style: none; padding: 0px;">
-                    <li>🌾 Fiber to the Premises</li>
-                    <li>⛷️ Cable</li>
-                    <li>💨 Copper</li>
-                    <li>📶 Licensed Fixed Wireless</li>
-                    <li>🛜 Unlicensed Fixed Wireless</li>
-                    <li>🔮 LBR Fixed Wireless</li>
-                </ul>
+                <h1 class="display-4">
+                    Accelerate Your Business</h2>
+                    <ul style="list-style: none; padding: 0px;">
+                        <li>🌾 Fiber to the Premises</li>
+                        <li>⛷️ Cable</li>
+                        <li>💨 Copper</li>
+                        <li>📶 Licensed Fixed Wireless</li>
+                        <li>🛜 Unlicensed Fixed Wireless</li>
+                        <li>🔮 LBR Fixed Wireless</li>
+                    </ul>
             </div>
         </div>
     </div>
@@ -214,7 +220,6 @@
             </div>
         }
 
-
         @if (Model?.Cart?.Order?.OrderId != Guid.Empty && Model?.Cart?.Order?.DateSubmitted > DateTime.MinValue)
         {
             <div class="mb-3" id="searchForm">
@@ -252,6 +257,14 @@
                 </tbody>
             </table>
         </div>
+        <div class="row" id="spinner" hidden>
+            <div class="col">
+                <div class="d-flex justify-content-center m-5">
+                    <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 <div class="mt-auto fixed-bottom bg-white pt-1 pb-1 shadow">