Finish web UI

src/controllers/quickconnect.js

@@ -0,0 +1,57 @@
+define(["jQuery", "loading", "libraryMenu", "fnchecked"], function ($, loading, libraryMenu) {
+    "use strict";
+
+    function loadPage(page, status) {
+        var active = (status == "Active");
+        var available = (status == "Available") || active;
+        
+        $("#quickConnectStatus").text(status.toLocaleLowerCase());
+        $("#chkQuickConnectAvailable").checked(available);
+        $("#chkQuickConnectActive").checked(active);
+        
+        loading.hide();
+    }
+
+    function onSubmit() {
+        loading.show();
+        
+        var available = $("#chkQuickConnectAvailable").is(":checked") ? "Available" : "Unavailable";
+        var url = ApiClient.getUrl("/QuickConnect/Available");
+        
+        ApiClient.ajax({
+            type: "POST",
+            data: {
+                "Status": available
+            },
+            url: url
+        }, true).then(() => {
+            if($("#chkQuickConnectActive").is(":checked")) {
+                url = ApiClient.getUrl("/QuickConnect/Activate");
+                ApiClient.ajax({
+                    type: "POST",
+                    url: url
+                }, true);
+            }
+            
+            Dashboard.alert({
+                message: "Settings saved",
+                title: "Saved"
+            });
+        });
+        
+        loading.hide();
+        return false;
+    }
+
+    $(document).on("pageinit", "#quickConnectPage", function () {
+        $("#quickConnectPage").off("submit", onSubmit).on("submit", onSubmit);
+        $("#btnQuickConnectSubmit").click(onSubmit);
+    }).on("pageshow", "#quickConnectPage", function () {
+        loading.show();
+        var page = this;
+        var promise1 = ApiClient.getQuickConnect("Status");
+        Promise.all([promise1]).then(function (responses) {
+            loadPage(page, responses[0]);
+        });
+    });
+});