From 06beaa63dc4b4e1dcea0f1209d4c4500d2390462 Mon Sep 17 00:00:00 2001
From: Brenden Tuck <friarzen@gmail.com>
Date: Mon, 12 Oct 2020 15:54:54 -0400
Subject: [PATCH] Grey out the save to default button and remove the Clear
 Layout button

---
 .../static/webclient/js/plugins/goldenlayout.js   | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
index 0d80f33595..e0122951bb 100644
--- a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
+++ b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js
@@ -284,11 +284,19 @@ let goldenlayout = (function () {
         // get the new layout name from the select box
         var name = $("#layoutInput").val();
 
+        var saveButton  = $(".savelayout");
+
         // check to see if the layout is in the list of known layouts
         if( name in evenniaGoldenLayouts ) {
             var newLayout = evenniaGoldenLayouts[name];
             activeLayoutName = name;
 
+            if( activeLayoutName === "default" ) {
+                saveButton.prop( "disabled", true );
+            } else {
+                saveButton.prop( "disabled", false );
+            }
+
             // pull the trigger
             resetUI( newLayout );
         }
@@ -618,7 +626,10 @@ let goldenlayout = (function () {
         var layoutInput = $("<select id='layoutInput' class='layoutInput'>");
         var layoutName  = $("<input id='layoutName' type='text' class='layoutName'>");
         var saveButton  = $("<input type='button' class='savelayout' value='Save UI Layout'>");
-        var clearButton = $("<input type='button' class='clearstore' value='Clear Layout'>");
+
+        if( activeLayoutName === "default" ) {
+            saveButton.prop( "disabled", true );
+        }
 
         var layouts = Object.keys( evenniaGoldenLayouts );
         for (var x = 0; x < layouts.length; x++) {
@@ -632,7 +643,6 @@ let goldenlayout = (function () {
         // Layout selection on-change callback
         layoutInput.on('change', onSwitchLayout);
         saveButton.on('click',  onSaveLayout);
-        clearButton.on('click',  onClearLocalstorage);
 
         // add the selection dialog control to our parentdiv
         parentdiv.addClass("goldenlayout-ui");
@@ -640,7 +650,6 @@ let goldenlayout = (function () {
         parentdiv.append(layoutInput);
         parentdiv.append(layoutName);
         parentdiv.append(saveButton);
-        parentdiv.append(clearButton);
     }