From 870a1196f05396aa76634eef66e166a8e9f10475 Mon Sep 17 00:00:00 2001
From: Andrei Pohilko <andrei.pokhilko@gmail.com>
Date: Wed, 28 Sep 2022 15:00:10 +0100
Subject: [PATCH] Make k8s context a URL param

---
 pkg/dashboard/static/index.html   |  4 +---
 pkg/dashboard/static/list-view.js |  2 +-
 pkg/dashboard/static/scripts.js   | 23 ++++++++++++++---------
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/pkg/dashboard/static/index.html b/pkg/dashboard/static/index.html
index 98da1e5..d8e8fa5 100644
--- a/pkg/dashboard/static/index.html
+++ b/pkg/dashboard/static/index.html
@@ -258,7 +258,7 @@
     </div>
 </div>
 
-<footer class="container-fluid small mt-3" style="z-index: -50">
+<footer class="container-fluid small mt-5" style="z-index: -50">
     <div class="row align-items-end justify-content-end">
         <div class="col-3"></div>
         <div class="col-4 text-center bg-white bg-opacity-50 p-2 px-3 rounded b-shadow">
@@ -282,8 +282,6 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"
         integrity="sha512-gU7kztaQEl7SHJyraPfZLQCNnrKdaQi5ndOyt4L4UPL/FHDd/uB9Je6KDARIqwnNNE27hnqoWLBq+Kpe4iHfeQ=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"
-        integrity="sha256-0H3Nuz3aug3afVbUlsu12Puxva3CP4EhJtPExqs54Vg=" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/luxon@3.0.3/build/global/luxon.min.js"
         integrity="sha256-RH4TKnKcKyde0s2jc5BW3pXZl/5annY3fcZI9VrV5WQ=" crossorigin="anonymous"></script>
 <script src="static/list-view.js"></script>
diff --git a/pkg/dashboard/static/list-view.js b/pkg/dashboard/static/list-view.js
index 9e88121..41af7dc 100644
--- a/pkg/dashboard/static/list-view.js
+++ b/pkg/dashboard/static/list-view.js
@@ -33,7 +33,7 @@ function buildChartCard(elm) {
 
     statusStyle(elm.status, card, card.find(".rel-status span"))
 
-    card.find("a").attr("href", '#namespace=' + elm.namespace + '&name=' + elm.name)
+    card.find("a").attr("href", '#context=' + getHashParam('context') + '&namespace=' + elm.namespace + '&name=' + elm.name)
 
     card.find(".rel-name span").data("chart", elm).click(function () {
         const self = $(this)
diff --git a/pkg/dashboard/static/scripts.js b/pkg/dashboard/static/scripts.js
index b6b5d9a..9d4dc52 100644
--- a/pkg/dashboard/static/scripts.js
+++ b/pkg/dashboard/static/scripts.js
@@ -1,14 +1,14 @@
 $(function () {
     const clusterSelect = $("#cluster");
     clusterSelect.change(function () {
-        Cookies.set("context", clusterSelect.find("input:radio:checked").val())
-        window.location.href = "/"
+        window.location.href = "/#context=" + clusterSelect.find("input:radio:checked").val()
+        window.location.reload()
     })
 
     $.getJSON("/api/kube/contexts").fail(function (xhr) {
         reportError("Failed to get list of clusters", xhr)
     }).done(function (data) {
-        const context = Cookies.get("context")
+        const context = getHashParam("context")
         fillClusterList(data, context);
 
         const namespace = getHashParam("namespace")
@@ -31,7 +31,6 @@ function reportError(err, xhr) {
 }
 
 
-
 function getHashParam(name) {
     const params = new URLSearchParams(window.location.hash.substring(1))
     return params.get(name)
@@ -75,18 +74,24 @@ function fillClusterList(data, context) {
         opt.find("span").text(label)
         if (elm.IsCurrent && !context) {
             opt.find("input").prop("checked", true)
+            setCurrentContext(elm.Name)
         } else if (context && elm.Name === context) {
             opt.find("input").prop("checked", true)
-            $.ajaxSetup({
-                headers: {
-                    'x-kubecontext': context
-                }
-            });
+            setCurrentContext(elm.Name)
         }
         $("#cluster").append(opt)
     })
 }
 
+function setCurrentContext(ctx) {
+    setHashParam("context", ctx)
+    $.ajaxSetup({
+        headers: {
+            'x-kubecontext': context
+        }
+    });
+}
+
 function getAge(obj1, obj2) {
     const date = luxon.DateTime.fromISO(obj1.updated);
     let dateNext = luxon.DateTime.now()