From ab5b6d8c560d7398a98b1e66bf2fdde26b4b8d34 Mon Sep 17 00:00:00 2001
From: Steven Engelbert <steve@micro-nova.com>
Date: Mon, 14 Oct 2024 10:28:14 -0400
Subject: [PATCH] Change LMS Mode switch to only download on activation (not
 deactivation) and add a link to the local LMS server when LMS Mode is active

Replace text link with button

Re-add config download on LMSMode deactivation

Correct LMS Mode link button styling to be in line with other config page buttons
---
 web/src/pages/Settings/Config/Config.scss            |  6 ++++++
 .../pages/Settings/Config/ConfigPanels/LMSMode.jsx   | 12 ++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/web/src/pages/Settings/Config/Config.scss b/web/src/pages/Settings/Config/Config.scss
index d90498030..2c5a71af2 100644
--- a/web/src/pages/Settings/Config/Config.scss
+++ b/web/src/pages/Settings/Config/Config.scss
@@ -5,3 +5,9 @@
   color: general.$text-color;
   font-size: 0.75rem;
 }
+
+.config-spacing{
+  @media (min-width: 768px) {
+    margin-left: 30px !important;
+  }
+}
diff --git a/web/src/pages/Settings/Config/ConfigPanels/LMSMode.jsx b/web/src/pages/Settings/Config/ConfigPanels/LMSMode.jsx
index e6d9adaea..2193350d8 100644
--- a/web/src/pages/Settings/Config/ConfigPanels/LMSMode.jsx
+++ b/web/src/pages/Settings/Config/ConfigPanels/LMSMode.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import "../Config.scss";
+import Button from "@mui/material/Button/Button";
 import ConfigPanel from './ConfigTemplates/ConfigPanel.jsx';
 import { useStatusStore } from "@/App.jsx";
 import Switch from '@mui/material/Switch/Switch';
@@ -20,6 +21,16 @@ export default function LMSMode() {
         setLoading(false);
     };
 
+    function LMSControlLink() {
+        if(lmsMode){
+            return (
+                <Button target="_blank" href={`http://${window.location.hostname}:9000`} className="config-spacing">
+                    LMS Control Panel
+                </Button>
+            )
+        }
+    }
+
     function LMSModal(){
         if(lmsMode){
             return(
@@ -55,6 +66,7 @@ export default function LMSMode() {
                     onClick={() => {setModalOpen(true);}}
                     inputProps={{ "aria-label": "controlled" }}
                 />
+                <LMSControlLink/>
             </ConfigPanel>
 
             <LMSModal />