From 0c1bcfde8b02b7eab7aa934d51943f23a2f05528 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Fri, 18 Dec 2020 07:24:37 -0800
Subject: [PATCH 1/4] Save attribute checkbox state

---
 src/panels/developer-tools/state/developer-tools-state.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/panels/developer-tools/state/developer-tools-state.js b/src/panels/developer-tools/state/developer-tools-state.js
index 02f6e67ec21f..c109a6fa73d0 100644
--- a/src/panels/developer-tools/state/developer-tools-state.js
+++ b/src/panels/developer-tools/state/developer-tools-state.js
@@ -165,7 +165,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
             <th>[[localize('ui.panel.developer-tools.tabs.states.state')]]</th>
             <th hidden$="[[narrow]]">
               [[localize('ui.panel.developer-tools.tabs.states.attributes')]]
-              <paper-checkbox checked="{{_showAttributes}}"></paper-checkbox>
+              <paper-checkbox checked="{{_showAttributes}}" on-change="{{saveAttributeCheckboxState}}"></paper-checkbox>
             </th>
           </tr>
           <tr>
@@ -275,7 +275,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
 
       _showAttributes: {
         type: Boolean,
-        value: true,
+        value: JSON.parse(localStorage.getItem("showAttributesDevTools") || true),
       },
 
       _entities: {
@@ -459,6 +459,10 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
     return Array.isArray(value) ? value.join(", ") : value;
   }
 
+  saveAttributeCheckboxState(ev) {
+    localStorage.setItem("showAttributesDevTools", ev.target.checked);
+  }
+
   _computeParsedStateAttributes(stateAttributes) {
     try {
       return stateAttributes.trim() ? safeLoad(stateAttributes) : {};

From dba65dfb77f05e35d357945aac31c0861c321de0 Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Fri, 18 Dec 2020 15:13:16 -0800
Subject: [PATCH 2/4] Part #1: Update naming order

---
 src/panels/developer-tools/state/developer-tools-state.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/panels/developer-tools/state/developer-tools-state.js b/src/panels/developer-tools/state/developer-tools-state.js
index c109a6fa73d0..435f868aa9e1 100644
--- a/src/panels/developer-tools/state/developer-tools-state.js
+++ b/src/panels/developer-tools/state/developer-tools-state.js
@@ -275,7 +275,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
 
       _showAttributes: {
         type: Boolean,
-        value: JSON.parse(localStorage.getItem("showAttributesDevTools") || true),
+        value: JSON.parse(localStorage.getItem("devToolsShowAttributes") || true),
       },
 
       _entities: {

From dc723a78283a7f8b6db993a21647f639b88278bd Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Fri, 18 Dec 2020 15:13:30 -0800
Subject: [PATCH 3/4] Part #2: Update naming order

---
 src/panels/developer-tools/state/developer-tools-state.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/panels/developer-tools/state/developer-tools-state.js b/src/panels/developer-tools/state/developer-tools-state.js
index 435f868aa9e1..b0559d57c001 100644
--- a/src/panels/developer-tools/state/developer-tools-state.js
+++ b/src/panels/developer-tools/state/developer-tools-state.js
@@ -460,7 +460,7 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
   }
 
   saveAttributeCheckboxState(ev) {
-    localStorage.setItem("showAttributesDevTools", ev.target.checked);
+    localStorage.setItem("devToolsShowAttributes", ev.target.checked);
   }
 
   _computeParsedStateAttributes(stateAttributes) {

From d0633355207ba5cae14d131d99d9f84a5ae5c31f Mon Sep 17 00:00:00 2001
From: Kendell R <KTibow@users.noreply.github.com>
Date: Wed, 6 Jan 2021 18:15:03 -0800
Subject: [PATCH 4/4] Update developer-tools-state.js

---
 src/panels/developer-tools/state/developer-tools-state.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/panels/developer-tools/state/developer-tools-state.js b/src/panels/developer-tools/state/developer-tools-state.js
index b0559d57c001..7a7046cdecf7 100644
--- a/src/panels/developer-tools/state/developer-tools-state.js
+++ b/src/panels/developer-tools/state/developer-tools-state.js
@@ -460,7 +460,11 @@ class HaPanelDevState extends EventsMixin(LocalizeMixin(PolymerElement)) {
   }
 
   saveAttributeCheckboxState(ev) {
-    localStorage.setItem("devToolsShowAttributes", ev.target.checked);
+    try {
+      localStorage.setItem("devToolsShowAttributes", ev.target.checked);
+    } catch (e) {
+      // Catch for Safari private mode
+    }
   }
 
   _computeParsedStateAttributes(stateAttributes) {