From 3cf0f3130de2457f4e7aa55bc4e30fb690389e82 Mon Sep 17 00:00:00 2001
From: Horilla <teamhorilla@gmail.com>
Date: Thu, 16 Nov 2023 16:41:47 +0530
Subject: [PATCH] [FIX] DASHBOARD: localStorage issue

---
 templates/dashboard.html | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/templates/dashboard.html b/templates/dashboard.html
index 6e8c50ddb..106c9c737 100755
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -478,14 +478,35 @@
 <!-- PMS chart -->
 <script src="{% static 'src/dashboard/pmsChart.js' %}"></script>
 <script>
+  function setDifference(setA, setB) {
+    if (setB.length > setA.length) {
+      temp = setA
+      setA = setB
+      setB = temp
+    }
+    return [...setA.filter(element => !setB.includes(element))];
+  }
   $(document).ready(function () {
-    var tileOrder = []
-    $.each(
-      $(".oh-card-dashboard--moveable"),
-      function (indexInArray, valueOfElement) {
-        tileOrder.push($(valueOfElement).attr("id"));
+    if (localStorage.getItem("tileOrder")) {
+      var tileOrder = []
+      $.each(
+        $(".oh-card-dashboard--moveable"),
+        function (indexInArray, valueOfElement) {
+          tileOrder.push($(valueOfElement).attr("id"));
+        }
+      );
+      var storedIds = JSON.parse(localStorage.getItem("tileOrder"))
+      var existingElements = $(".oh-card-dashboard--moveable[id]")
+      var existingElementsIds = [];
+      $.each(existingElements, function (indexInArray, valueOfElement) { 
+        existingElementsIds.push($(this).attr("id"))
+      });
+      var newOrderIds = [...storedIds ,...setDifference(storedIds,existingElementsIds)]
+      if (storedIds.length != existingElementsIds.length) {
+        localStorage.setItem("tileOrder",JSON.stringify(newOrderIds))
       }
-    );
+
+    }
     // localStorage.setItem("tileOrder", JSON.stringify(tileOrder));
 
     function orderDashboardTile() {