From dd8a9bd54e4300da9ea6936a6c26bba41a1462e2 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Fri, 31 Jan 2025 09:53:20 +0100
Subject: [PATCH 01/14] Top panel innhold til person highlight panel

---
 .../hot_personHighlightPanelTop.css           | 35 +++++++++
 .../hot_personHighlightPanelTop.html          | 38 +++++++++
 .../hot_personHighlightPanelTop.js            | 78 +++++++++++++++++++
 .../hot_personHighlightPanelTop.js-meta.xml   |  5 ++
 4 files changed, 156 insertions(+)
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.css
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js-meta.xml

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.css b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.css
new file mode 100644
index 00000000..c866dd86
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.css
@@ -0,0 +1,35 @@
+.copy-icon {
+    padding-bottom: 12px;
+    padding-left: 2px;
+    float: right;
+}
+
+.custom-padding-around-small {
+    padding: 0.5rem;
+}
+
+.custom-padding-left {
+    padding-left: 1.875rem;
+}
+
+.custom-padding-left-small {
+    padding-left: 0.5rem;
+}
+
+.custom-grid-vertical-align-center {
+    display: flex;
+    align-items: center;
+}
+
+.person-info-container {
+    flex-wrap: wrap;
+}
+
+.sr-only {
+    position: absolute;
+    left: -100000px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
new file mode 100644
index 00000000..7994aba8
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
@@ -0,0 +1,38 @@
+<template>
+    <lightning-layout class="custom-padding-left-small person-info-container">
+        <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center" aria-hidden="true">
+            <c-nks-custom-svg size="large" src={genderIconSrc} alt-text={genderText}></c-nks-custom-svg>
+        </lightning-layout-item>
+
+        <template lwc:if={formattedFullName}>
+            <lightning-layout-item
+                class="custom-padding-left-small slds-page-header__title custom-grid-vertical-align-center"
+            >
+                <h1>{formattedFullName}</h1>
+                <p class="sr-only">{genderText}</p>
+            </lightning-layout-item>
+        </template>
+
+        <template lwc:if={personIdent}>
+            <lightning-layout-item class="custom-padding-left custom-grid-vertical-align-center">
+                <span>{personIdent}</span>
+                <!-- sldsValidatorIgnoreNextLine -->
+                <lightning-button-icon
+                    value={personIdent}
+                    icon-name="utility:copy"
+                    variant="bare-inverse"
+                    onclick={handleCopy}
+                    alternative-text="Kopier fødselsnummer"
+                    title="Kopier fødselsnummer"
+                    class="copy-icon"
+                >
+                </lightning-button-icon>
+            </lightning-layout-item>
+        </template>
+        <template lwc:if={formattedPersonInfo}>
+            <lightning-layout-item class="custom-padding-left custom-grid-vertical-align-center">
+                <p>{formattedPersonInfo}</p>
+            </lightning-layout-item>
+        </template>
+    </lightning-layout>
+</template>
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js
new file mode 100644
index 00000000..03e090c9
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js
@@ -0,0 +1,78 @@
+import { LightningElement, api } from 'lwc';
+import { ShowToastEvent } from 'lightning/platformShowToastEvent';
+
+import NAV_ICONS from '@salesforce/resourceUrl/HOT_navIcons';
+
+export default class hot_personHighlightPanelTop extends LightningElement {
+    @api personDetails;
+
+    handleCopy(event) {
+        const eventValue = event.currentTarget.value;
+
+        // Copy logic
+        const hiddenInput = document.createElement('input');
+        hiddenInput.value = eventValue;
+        document.body.appendChild(hiddenInput);
+        hiddenInput.select();
+
+        try {
+            const successful = document.execCommand('copy');
+            if (successful) {
+                this.showCopyToast('success');
+            } else {
+                this.showCopyToast('error');
+            }
+        } catch (error) {
+            this.showCopyToast('error');
+        }
+        document.body.removeChild(hiddenInput);
+        event.currentTarget.focus();
+    }
+
+    showCopyToast(status) {
+        const evt = new ShowToastEvent({
+            message: status === 'success' ? 'kopiert til utklippstavlen.' : 'Kunne ikke kopiere',
+            variant: status,
+            mode: 'pester'
+        });
+        this.dispatchEvent(evt);
+    }
+
+    get formattedPersonInfo() {
+        return [this.personDetails?.age, this.personDetails?.citizenship, this.personDetails?.legalStatus]
+            .filter((x) => x != null)
+            .join(' / ');
+    }
+
+    get formattedFullName() {
+        if (!this.personDetails?.fullName) {
+            return 'Skjermet person';
+        }
+        return this.personDetails?.isDeceased ? this.personDetails?.fullName + ' (død)' : this.personDetails?.fullName;
+    }
+
+    get genderIcon() {
+        if (!this.personDetails?.fullName) return 'confidentialCircleFilled';
+        switch (this.personDetails?.gender) {
+            case 'Mann':
+                return 'MaleCircleFilled';
+            case 'Kvinne':
+                return 'FemaleCircleFilled';
+            default:
+                return 'UnknownCircleFilled';
+        }
+    }
+
+    get genderText() {
+        if (this.personDetails?.gender === 'Ukjent') return 'Ukjent kjønn';
+        return this.personDetails?.gender;
+    }
+
+    get genderIconSrc() {
+        return NAV_ICONS + '/' + this.genderIcon + '.svg#' + this.genderIcon;
+    }
+
+    get personIdent() {
+        return this.personDetails?.personIdent;
+    }
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js-meta.xml b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js-meta.xml
new file mode 100644
index 00000000..6127d855
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.js-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>59.0</apiVersion>
+    <isExposed>false</isExposed>
+</LightningComponentBundle>
\ No newline at end of file

From 933c00e3d14e0d5be36f08d4c938c57f6be92700 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Fri, 31 Jan 2025 10:24:09 +0100
Subject: [PATCH 02/14] hot custom svg

---
 .../hot_personHighlightPanelTop.html                            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
index 7994aba8..da533459 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
+++ b/force-app/main/default/lwc/hot_personHighlightPanelTop/hot_personHighlightPanelTop.html
@@ -1,7 +1,7 @@
 <template>
     <lightning-layout class="custom-padding-left-small person-info-container">
         <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center" aria-hidden="true">
-            <c-nks-custom-svg size="large" src={genderIconSrc} alt-text={genderText}></c-nks-custom-svg>
+            <c-hot_custom-svg size="large" src={genderIconSrc} alt-text={genderText}></c-hot_custom-svg>
         </lightning-layout-item>
 
         <template lwc:if={formattedFullName}>

From 449070f6e35a5bd1734417c6f7e44830892e0da7 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Fri, 31 Jan 2025 10:50:35 +0100
Subject: [PATCH 03/14] Bunn panel innhold til Person highlight panel

---
 .../hot_personHighlightPanelBot.css           | 20 ++++++++++++
 .../hot_personHighlightPanelBot.html          | 31 +++++++++++++++++++
 .../hot_personHighlightPanelBot.js            | 13 ++++++++
 .../hot_personHighlightPanelBot.js-meta.xml   |  5 +++
 4 files changed, 69 insertions(+)
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.css
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js-meta.xml

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.css b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.css
new file mode 100644
index 00000000..afd99da1
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.css
@@ -0,0 +1,20 @@
+.custom-padding-around-small {
+    padding: 0.5rem;
+}
+
+.custom-padding-left {
+    padding-left: 1.875rem;
+}
+
+.custom-padding-left-small {
+    padding-left: 0.5rem;
+}
+
+.custom-grid-vertical-align-center {
+    display: flex;
+    align-items: center;
+}
+
+.button-container {
+    flex-wrap: wrap;
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
new file mode 100644
index 00000000..85eef476
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
@@ -0,0 +1,31 @@
+<template>
+    <lightning-layout class="custom-padding-left-small button-container">
+        <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
+            <lightning-button
+                label="OeBS"
+                title="OeBS"
+                onclick={handleClickOebs}
+                class="slds-m-left_x-medium"
+                disabled={isDisabledButtons}
+            ></lightning-button>
+        </lightning-layout-item>
+        <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
+            <lightning-button
+                label="HotSak"
+                title="HotSak"
+                onclick={handleClickHotSak}
+                class="slds-m-left_x-medium"
+                disabled={isDisabledButtons}
+            ></lightning-button>
+        </lightning-layout-item>
+        <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
+            <lightning-button
+                label="Gosys"
+                title="Gosys"
+                onclick={handleClickGosys}
+                class="slds-m-left_x-medium"
+                disabled={isDisabledButtons}
+            ></lightning-button>
+        </lightning-layout-item>
+    </lightning-layout>
+</template>
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
new file mode 100644
index 00000000..fa9b04b9
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
@@ -0,0 +1,13 @@
+import { LightningElement, api } from 'lwc';
+
+export default class hot_personHighlightPanelBot extends LightningElement {
+    @api personDetails;
+
+    actorId;
+    fnr;
+
+    get isDisabledButtons() {
+        // this.personDetails.actorId this.personDetails.personIdent
+        return true;
+    }
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js-meta.xml b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js-meta.xml
new file mode 100644
index 00000000..6127d855
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>59.0</apiVersion>
+    <isExposed>false</isExposed>
+</LightningComponentBundle>
\ No newline at end of file

From 929c2e6874bb9d36d8ae52532a873bca08e28cb5 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Fri, 31 Jan 2025 11:00:41 +0100
Subject: [PATCH 04/14] Loading skeloton skal passe til person highlightpanel

---
 .../personHighlightPanel.css                  | 53 ++++++++++++++++---
 .../personHighlightPanel.html                 |  5 ++
 2 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.css b/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.css
index 0579a3e7..42f51e18 100644
--- a/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.css
+++ b/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.css
@@ -1,37 +1,69 @@
+.icon {
+    width: 3rem;
+    height: 3rem;
+    background-color: #ecebea;
+    border-radius: 0.25rem;
+    margin-right: 0.75rem;
+    display: inline-block;
+}
+
+.icon-round-large {
+    width: 3rem;
+    height: 3rem;
+    border-radius: 50%;
+}
 .text-body-top {
-    height: 3.5rem;
+    height: 5.5rem;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     gap: 20px;
     width: 100%;
 }
+.text-body-mid {
+    height: 3rem;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    width: 100%;
+}
 
 .text {
     border-radius: 15rem;
     display: block;
     background-color: #ecebea;
     height: 0.5rem;
-    background-image: linear-gradient(90deg, #ecebea 0px, #d1d1d1 40px, #ecebea 100px);
-    background-size: 900px;
-    animation: shine-lines 1.5s infinite linear;
 }
 
 .text-size {
     height: 10px;
 }
 
+.text-large {
+    width: 80%;
+}
 .text-medium {
     width: 70%;
 }
-
+.text-short {
+    width: 30%;
+}
+.body,
 .card {
     background-color: #fff;
+}
+.icon,
+.text {
+    background-color: #ecebea;
+    background-image: linear-gradient(90deg, #ecebea 0px, #d1d1d1 40px, #ecebea 100px);
+    background-size: 900px;
+    animation: shine-lines 1.5s infinite linear;
+}
+.card {
     border: 1px solid #f3f2f2;
     border-radius: 0.25rem;
     width: 100%;
 }
-
 .flex-grid {
     display: flex;
     gap: 10px;
@@ -42,6 +74,15 @@
     padding-left: 1rem;
 }
 
+.boarder {
+    border-top: 0.125rem solid #f3f2f2;
+}
+
+.margin-area {
+    min-width: 5.3rem;
+    max-width: 6rem;
+}
+
 @keyframes shine-lines {
     0% {
         background-position: -20px;
diff --git a/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.html b/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.html
index 18b48669..ab2ca90a 100644
--- a/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.html
+++ b/force-app/main/default/lwc/hot_skeletonLoadingComponent/personHighlightPanel.html
@@ -2,10 +2,15 @@
     <lightning-layout>
         <div class="card">
             <div class="flex-grid flex-v-center">
+                <div class="icon icon-round-large"></div>
                 <div class="text-body-top">
                     <div class="text text-size text-medium"></div>
                 </div>
             </div>
+            <div class="text-body-mid boarder">
+                <div class="margin-area"></div>
+                <div class="text text-size text-short"></div>
+            </div>
         </div>
     </lightning-layout>
 </template>

From 141879b75128d0c7685c003ab189d76396797084 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 06:32:29 +0100
Subject: [PATCH 05/14] Handle button click og metode som lager url

---
 .../hot_personHighlightPanelBot.html          |  9 ++++++---
 .../hot_personHighlightPanelBot.js            | 20 +++++++++++++++++--
 .../hot_sharedStyling.css                     |  2 +-
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
index 85eef476..f6d4833e 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
@@ -2,27 +2,30 @@
     <lightning-layout class="custom-padding-left-small button-container">
         <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
             <lightning-button
+                data-id="oebs"
                 label="OeBS"
                 title="OeBS"
-                onclick={handleClickOebs}
+                onclick={handleButtonClick}
                 class="slds-m-left_x-medium"
                 disabled={isDisabledButtons}
             ></lightning-button>
         </lightning-layout-item>
         <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
             <lightning-button
+                data-id="hotsak"
                 label="HotSak"
                 title="HotSak"
-                onclick={handleClickHotSak}
+                onclick={handleButtonClick}
                 class="slds-m-left_x-medium"
                 disabled={isDisabledButtons}
             ></lightning-button>
         </lightning-layout-item>
         <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
             <lightning-button
+                data-id="gosys"
                 label="Gosys"
                 title="Gosys"
-                onclick={handleClickGosys}
+                onclick={handleButtonClick}
                 class="slds-m-left_x-medium"
                 disabled={isDisabledButtons}
             ></lightning-button>
diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
index fa9b04b9..f67f561f 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
@@ -7,7 +7,23 @@ export default class hot_personHighlightPanelBot extends LightningElement {
     fnr;
 
     get isDisabledButtons() {
-        // this.personDetails.actorId this.personDetails.personIdent
-        return true;
+        return this.personDetails.personIdent == null;
+    }
+
+    handleButtonClick(event) {
+        var fagsystem = event.currentTarget.dataset.id;
+        var url = this.generateUrl(fagsystem);
+        console.log(url);
+
+        //gå til url her
+        // window.open(url);
+    }
+    generateUrl(fagsystem) {
+        switch (fagsystem) {
+            case 'gosys':
+                return `https://gosys.intern.nav.no/gosys/personoversikt/fnr=${this.personDetails.personIdent}`;
+            default:
+                return null;
+        }
     }
 }
diff --git a/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_sharedStyling.css b/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_sharedStyling.css
index 71f455e4..00d61463 100644
--- a/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_sharedStyling.css
+++ b/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_sharedStyling.css
@@ -18,5 +18,5 @@
 .headerLine {
     width: 100%;
     height: 0.5rem;
-    background: var(--badge-line, #ad0000);
+    background: var(--badge-line, #ffaa33);
 }

From e9765ea7a66a2bc03c36db4da49f2f9d0cba1bba Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:36:45 +0100
Subject: [PATCH 06/14] Viser bare knapp om man har tilgang til fullt navn

---
 .../hot_personHighlightPanelBot/hot_personHighlightPanelBot.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
index f67f561f..e16b38da 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.js
@@ -7,7 +7,7 @@ export default class hot_personHighlightPanelBot extends LightningElement {
     fnr;
 
     get isDisabledButtons() {
-        return this.personDetails.personIdent == null;
+        return !this.personDetails?.fullName;
     }
 
     handleButtonClick(event) {

From a2ee3713578c3585d10d4292fb9e86525c4f9d55 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:37:14 +0100
Subject: [PATCH 07/14] Person badge access controller og tester

---
 .../HOT_PersonAccessBadgesController.cls      |  95 +++++++++++++++
 ..._PersonAccessBadgesController.cls-meta.xml |   5 +
 .../HOT_PersonAccessBadgesControllerTest.cls  | 109 ++++++++++++++++++
 ...sonAccessBadgesControllerTest.cls-meta.xml |   5 +
 4 files changed, 214 insertions(+)
 create mode 100644 force-app/main/default/classes/HOT_PersonAccessBadgesController.cls
 create mode 100644 force-app/main/default/classes/HOT_PersonAccessBadgesController.cls-meta.xml
 create mode 100644 force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
 create mode 100644 force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls-meta.xml

diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls b/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls
new file mode 100644
index 00000000..2fce95fe
--- /dev/null
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls
@@ -0,0 +1,95 @@
+public without sharing class HOT_PersonAccessBadgesController {
+    /**
+     * @description Get an apex type holding all the data we need for showing badges.
+     */
+    @AuraEnabled(cacheable=true)
+    public static List<AccessBadge> getPersonAccessBadges(String field, String parentObject, String parentRecordId) {
+        Id personId = getPersonId(field, parentObject, parentRecordId);
+
+        if (String.isBlank(personId)) {
+            return new List<AccessBadge>();
+        }
+
+        Person__c person = getPerson(personId);
+        return createAccessBadgeList(person);
+    }
+
+    private static List<AccessBadge> createAccessBadgeList(Person__c person) {
+        List<AccessBadge> accessBadgeList = new List<AccessBadge>();
+        // Add INT_IsNavEmployee__c
+        if (person.INT_IsNavEmployee__c) {
+            accessBadgeList.add(new AccessBadge('isNavEmployee', 'Skjermet person (Nav Ansatt)'));
+        }
+
+        // Add INT_Confidential__c
+        // prettier-ignore
+        if (true == person.INT_Confidential__c.equalsIgnoreCase('FORTROLIG')) {
+            accessBadgeList.add(new AccessBadge('isConfidential', 'Skjermet adresse - fortrolig'));
+        } else if (true == person.INT_Confidential__c.equalsIgnoreCase('STRENGT_FORTROLIG')) {
+            accessBadgeList.add(new AccessBadge('isConfidential', 'Skjermet adresse - strengt fortrolig'));
+        } else if (
+            true == person.INT_Confidential__c.equalsIgnoreCase('STRENGT_FORTROLIG_UTLAND')
+        ) {
+            accessBadgeList.add(new AccessBadge('isConfidential', 'Skjermet adresse - strengt fortrolig'));
+        }
+        return accessBadgeList;
+    }
+
+    /**
+     * @description Dynamically find the person ID
+     * *Example
+     * - field = 'Account.CRM_Person__c';
+     * - objString = 'Case';
+     * - recordId = '5001X000007xMSuQAM';
+     * - relation = 'Id';
+     */
+    private static Id getPersonId(String field, String parentObject, String parentRecordId) {
+        Id personId = null;
+        String queryString = 'SELECT ' + field + ' FROM ' + parentObject + ' WHERE Id = :parentRecordId LIMIT 1';
+        List<SObject> objList = Database.query(String.escapeSingleQuotes(queryString));
+
+        if (false == objList.isEmpty()) {
+            personId = (Id) getFieldValue(objList[0], field);
+        }
+
+        return personId;
+    }
+
+    /**
+     * @description recursive method for collecting the value of a field on a sObject
+     */
+    private static Object getFieldValue(SObject obj, String fieldName) {
+        if (obj == null) {
+            return null;
+        }
+        List<String> fieldNameList = fieldName.split('\\.');
+
+        if (1 < fieldNameList.size()) {
+            return getFieldValue(obj.getSObject(fieldNameList.remove(0)), String.join(fieldNameList, '.'));
+        }
+
+        return obj.get(fieldNameList[0]);
+    }
+
+    private static Person__c getPerson(Id personId) {
+        List<Person__c> personList = [
+            SELECT Id, INT_Confidential__c, INT_IsNavEmployee__c
+            FROM Person__c
+            WHERE Id = :personId
+        ];
+
+        return personList.isEmpty() ? null : personList[0];
+    }
+
+    public class AccessBadge {
+        @AuraEnabled
+        public String name;
+        @AuraEnabled
+        public String label;
+
+        public AccessBadge(String name, String label) {
+            this.name = name;
+            this.label = label;
+        }
+    }
+}
\ No newline at end of file
diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls-meta.xml b/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls-meta.xml
new file mode 100644
index 00000000..998805a8
--- /dev/null
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesController.cls-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>62.0</apiVersion>
+    <status>Active</status>
+</ApexClass>
diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
new file mode 100644
index 00000000..21d928aa
--- /dev/null
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
@@ -0,0 +1,109 @@
+@IsTest
+private inherited sharing class HOT_PersonAccessBadgesControllerTest {
+    @IsTest
+    static void getPersonAccessBadgesNavEmployee() {
+        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+            new Person__c(
+                INT_ActorId__c = '100003000120',
+                INT_Confidential__c = 'UGRADERT',
+                INT_FirstName__c = 'Harry',
+                INT_IsNavEmployee__c = true,
+                INT_LastName__c = 'Potter'
+            ),
+            true
+        );
+
+        p = [SELECT Id, CRM_Account__c FROM Person__c WHERE Id = :p.Id];
+
+        List<HOT_PersonAccessBadgesController.AccessBadge> result;
+
+        Test.startTest();
+        result = NKS_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
+        Test.stopTest();
+
+        System.assertEquals(1, result.size(), 'Expected one result');
+    }
+
+    @IsTest
+    static void getPersonAccessBadgesFORTROLIG() {
+        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+            new Person__c(
+                INT_ActorId__c = '100003000120',
+                INT_Confidential__c = 'FORTROLIG',
+                INT_FirstName__c = 'Harry',
+                INT_IsNavEmployee__c = false,
+                INT_LastName__c = 'Potter'
+            ),
+            true
+        );
+
+        p = [SELECT Id, CRM_Account__c FROM Person__c WHERE Id = :p.Id];
+
+        List<HOT_PersonAccessBadgesController.AccessBadge> result;
+
+        Test.startTest();
+        result = HOT_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
+        Test.stopTest();
+
+        System.assertEquals(1, result.size(), 'Expected one result');
+        System.assertEquals('Skjermet adresse - fortrolig', result[0].label, 'Expected Skjermet adresse - fortrolig');
+    }
+
+    @IsTest
+    static void getPersonAccessBadgesSTRENGT_FORTROLIG() {
+        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+            new Person__c(
+                INT_ActorId__c = '100003000120',
+                INT_Confidential__c = 'STRENGT_FORTROLIG',
+                INT_FirstName__c = 'Harry',
+                INT_IsNavEmployee__c = false,
+                INT_LastName__c = 'Potter'
+            ),
+            true
+        );
+
+        p = [SELECT Id, CRM_Account__c FROM Person__c WHERE Id = :p.Id];
+
+        List<HOT_PersonAccessBadgesController.AccessBadge> result;
+
+        Test.startTest();
+        result = HOT_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
+        Test.stopTest();
+
+        System.assertEquals(1, result.size(), 'Expected one result');
+        System.assertEquals(
+            'Skjermet adresse - strengt fortrolig',
+            result[0].label,
+            'Expected Skjermet adresse - strengt fortrolig'
+        );
+    }
+
+    @IsTest
+    static void getPersonAccessBadgesSTRENGT_FORTROLIG_UTLAND() {
+        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+            new Person__c(
+                INT_ActorId__c = '100003000120',
+                INT_Confidential__c = 'STRENGT_FORTROLIG_UTLAND',
+                INT_FirstName__c = 'Harry',
+                INT_IsNavEmployee__c = false,
+                INT_LastName__c = 'Potter'
+            ),
+            true
+        );
+
+        p = [SELECT Id, CRM_Account__c FROM Person__c WHERE Id = :p.Id];
+
+        List<HOT_PersonAccessBadgesController.AccessBadge> result;
+
+        Test.startTest();
+        result = HOT_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
+        Test.stopTest();
+
+        System.assertEquals(1, result.size(), 'Expected one result');
+        System.assertEquals(
+            'Skjermet adresse - strengt fortrolig',
+            result[0].label,
+            'Expected Skjermet adresse - strengt fortrolig'
+        );
+    }
+}
\ No newline at end of file
diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls-meta.xml b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls-meta.xml
new file mode 100644
index 00000000..998805a8
--- /dev/null
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls-meta.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ApexClass xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>62.0</apiVersion>
+    <status>Active</status>
+</ApexClass>

From b24742131d58d3fa56eb495ad8e3568c650d9c90 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:37:35 +0100
Subject: [PATCH 08/14] Person highlightpanel hoved komponent

---
 .../hot_personHighlightPanel.css              | 134 +++++++
 .../hot_personHighlightPanel.html             | 106 +++++
 .../hot_personHighlightPanel.js               | 372 ++++++++++++++++++
 .../hot_personHighlightPanel.js-meta.xml      |  17 +
 4 files changed, 629 insertions(+)
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.html
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js
 create mode 100644 force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js-meta.xml

diff --git a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
new file mode 100644
index 00000000..93180607
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
@@ -0,0 +1,134 @@
+.highlightPanel,
+.highlightPanelConfidential {
+    font-size: 16px;
+    line-height: 1.5rem;
+    width: 100%;
+}
+
+.highlightPanel {
+    color: white;
+}
+
+.highlightPanelConfidential {
+    color: black;
+}
+
+.highlightPanelTop {
+    min-height: 5.5rem;
+    height: auto;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.pointer {
+    cursor: pointer;
+}
+
+.relativePosition {
+    position: relative;
+}
+
+.greenBadge,
+.yellowBadge,
+.redBadge,
+.greyBadge {
+    border: 2px white solid;
+    padding-right: 1rem;
+    padding-left: 1rem;
+    font-size: 0.875rem;
+    font-weight: normal;
+}
+
+.greenBadge {
+    background-color: #66c786 !important;
+}
+.yellowBadge {
+    background-color: #ffaa33 !important;
+    color: black !important;
+}
+.redBadge {
+    background-color: #ad0000 !important;
+}
+.greyBadge {
+    background-color: #c6c6c6 !important;
+}
+
+.nowrap-selector {
+    flex-wrap: wrap;
+}
+
+.greenBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+    --badge-line: #66c786;
+}
+.yellowBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+    --badge-line: #ffaa33;
+}
+.redBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+    --badge-line: #ad0000;
+}
+.greyBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+    --badge-line: #c6c6c6;
+}
+
+.custom-padding-left {
+    padding-left: 1.875rem;
+}
+
+.maleBackground {
+    --primaryBackgroundColor: #0056b4;
+    --secondaryBackgroundColor: #00459c;
+    --borderColor: #66a5f4;
+}
+
+.femaleBackground {
+    --primaryBackgroundColor: #993366;
+    --secondaryBackgroundColor: #993366;
+    --borderColor: #c95c93;
+}
+
+.unknownBackground {
+    --primaryBackgroundColor: #6d5431;
+    --secondaryBackgroundColor: #4d3c23;
+    --borderColor: #858585;
+}
+
+.deadBackground {
+    --primaryBackgroundColor: #484848;
+    --secondaryBackgroundColor: #363636;
+    --borderColor: #858585;
+}
+
+.confidentialBackground {
+    --primaryBackgroundColor: #cbcfd5;
+    --secondaryBackgroundColor: #b9bcbf;
+    --borderColor: #eeeded;
+}
+
+.panelBackground {
+    background-color: var(--primaryBackgroundColor, #0056b4);
+}
+
+.errorPanel {
+    background-color: #ad0000;
+    width: 100%;
+    height: 2.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+}
+
+.errorBorder {
+    border-bottom: 1px solid white;
+}
+
+.warningIcon {
+    padding-top: 0.8rem;
+}
+
+.xMarkIcon {
+    padding-top: 0.6rem;
+    position: absolute;
+    right: 0;
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.html b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.html
new file mode 100644
index 00000000..8e56518d
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.html
@@ -0,0 +1,106 @@
+<template>
+    <template lwc:if={errorMessages}>
+        <template iterator:it={errorMessages}>
+            <div class="errorPanel highlightPanel" key={it.value.errorName}>
+                <div class="warningIcon">
+                    <c-hot_custom-svg src={warningIconSrc} alt-text="warning"></c-hot_custom-svg>
+                </div>
+                <p>{it.value.error}</p>
+                <div class="xMarkIcon" data-error-name={it.value.errorName} onclick={closeErrorMessage}>
+                    <c-hot_custom-svg src={xMarkIconSrc} alt-text="close"></c-hot_custom-svg>
+                </div>
+            </div>
+            <div lwc:if={it.last} key={it.value.errorName}></div>
+            <div lwc:else key={it.value.errorName} class="errorBorder"></div>
+        </template>
+    </template>
+    <div class="gender-wrapper">
+        <template lwc:if={isLoading}>
+            <c-hot_skeleton-loading-component></c-hot_skeleton-loading-component>
+        </template>
+        <template lwc:else>
+            <lightning-layout class="panelBackground">
+                <div class={panelClass}>
+                    <lightning-layout-item class="highlightPanelTop nowrap-selector">
+                        <lightning-layout-item>
+                            <c-hot_person-highlight-panel-top
+                                veileder-name={veilederName}
+                                veileder-ident={veilederIdent}
+                                record-id={recordId}
+                                object-api-name={objectApiName}
+                                relationship-field={relationshipField}
+                                person-details={personDetails}
+                            ></c-hot_person-highlight-panel-top>
+                        </lightning-layout-item>
+
+                        <template lwc:if={fullName}>
+                            <span lwc:if={uuAlertText} class="slds-assistive-text" role="alert">{uuAlertText}</span>
+                            <lightning-layout-item class="custom-padding-left">
+                                <template for:each={personAccessBadges} for:item="badge">
+                                    <lightning-layout-item key={badge.name}>
+                                        <lightning-badge
+                                            class="slds-theme_error slds-var-m-left_x-small slds-var-m-vertical_xx-small redBadge"
+                                            data-id={badge.name}
+                                            label={badge.label}
+                                            role="heading"
+                                        >
+                                        </lightning-badge>
+                                    </lightning-layout-item>
+                                </template>
+
+                                <template for:each={badges} for:item="badge">
+                                    <lightning-layout-item
+                                        key={badge.name}
+                                        data-id={badge.name}
+                                        class="relativePosition"
+                                    >
+                                        <template lwc:if={badge.clickable}>
+                                            <lightning-badge
+                                                data-id={badge.name}
+                                                label={badge.label}
+                                                icon-name={badge.iconName}
+                                                icon-position="start"
+                                                class={badge.styling}
+                                                tabindex={badge.tabindex}
+                                                onkeypress={onKeyPressHandler}
+                                                onclick={onClickHandler}
+                                                aria-expanded="false"
+                                                role="heading"
+                                            >
+                                            </lightning-badge>
+                                        </template>
+                                        <template lwc:else>
+                                            <lightning-badge
+                                                data-id={badge.name}
+                                                label={badge.label}
+                                                icon-name={badge.iconName}
+                                                icon-position="start"
+                                                class={badge.styling}
+                                                role="heading"
+                                            >
+                                            </lightning-badge>
+                                        </template>
+                                        <lightning-layout-item lwc:if={badge.badgeContent}>
+                                            <c-hot_person-panel-badge-content
+                                                data-id={badge.badgeContentType}
+                                                shown-badge={shownBadge}
+                                                type={badge.badgeContentType}
+                                                badge-data={badge.badgeContent}
+                                                onbadgeclosed={closeBadge}
+                                            ></c-hot_person-panel-badge-content>
+                                        </lightning-layout-item>
+                                    </lightning-layout-item>
+                                </template>
+                            </lightning-layout-item>
+                        </template>
+                    </lightning-layout-item>
+                    <lightning-layout-item>
+                        <c-hot_person-highlight-panel-bot
+                            person-details={personDetails}
+                        ></c-hot_person-highlight-panel-bot>
+                    </lightning-layout-item>
+                </div>
+            </lightning-layout>
+        </template>
+    </div>
+</template>
diff --git a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js
new file mode 100644
index 00000000..12e299d1
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js
@@ -0,0 +1,372 @@
+import { LightningElement, api, track, wire } from 'lwc';
+import { getFieldValue, getRecord } from 'lightning/uiRecordApi';
+import { resolve } from 'c/hot_componentsUtils';
+
+import PERSON_ACTORID_FIELD from '@salesforce/schema/Person__c.INT_ActorId__c';
+import PERSON_FIRST_NAME from '@salesforce/schema/Person__c.INT_FirstName__c';
+import PERSON_IDENT_FIELD from '@salesforce/schema/Person__c.Name';
+import GENDER_FIELD from '@salesforce/schema/Person__c.INT_Sex__c';
+import IS_DECEASED_FIELD from '@salesforce/schema/Person__c.INT_IsDeceased__c';
+import FULL_NAME_FIELD from '@salesforce/schema/Person__c.NKS_Full_Name__c';
+import AGE_FIELD from '@salesforce/schema/Person__c.CRM_Age__c';
+import CITIZENSHIP_FIELD from '@salesforce/schema/Person__c.INT_Citizenships__c';
+import LEGAL_STATUS_FIELD from '@salesforce/schema/Person__c.INT_LegalStatus__c';
+import NAV_ICONS from '@salesforce/resourceUrl/HOT_navIcons';
+
+import getPersonAccessBadges from '@salesforce/apex/HOT_PersonAccessBadgesController.getPersonAccessBadges';
+import getPersonBadgesAndInfo from '@salesforce/apex/HOT_PersonBadgesController.getPersonBadgesAndInfo';
+import getHistorikk from '@salesforce/apex/HOT_FullmaktController.getHistorikk';
+import getRelatedRecord from '@salesforce/apex/HOT_RecordInfoController.getRelatedRecord';
+
+const PERSON_FIELDS = [
+    PERSON_FIRST_NAME,
+    PERSON_IDENT_FIELD,
+    PERSON_ACTORID_FIELD,
+    GENDER_FIELD,
+    IS_DECEASED_FIELD,
+    FULL_NAME_FIELD,
+    AGE_FIELD,
+    CITIZENSHIP_FIELD,
+    LEGAL_STATUS_FIELD
+];
+
+export default class hot_personHighlightPanel extends LightningElement {
+    @api recordId;
+    @api objectApiName;
+    @api relationshipField;
+
+    @track loadingStates = {
+        getPersonBadgesAndInfo: true,
+        getPersonAccessBadges: true,
+        getHistorikk: true,
+        getRecordPerson: true
+    };
+
+    shownBadge;
+    personId;
+    wireFields;
+    wiredBadge;
+    historikkWiredData;
+    isLoaded;
+    actorId;
+    veilederName;
+    veilederIdent;
+    fullName;
+    firstName;
+    personIdent;
+
+    badges;
+    dateOfDeath;
+    badgeContent;
+    errorMessageList = {};
+    errorMessages;
+    erNasjonalOppfolging = false;
+
+    personDetails = {};
+
+    uuAlertText = '';
+
+    connectedCallback() {
+        this.wireFields = [`${this.objectApiName}.Id`];
+    }
+
+    @wire(getPersonBadgesAndInfo, {
+        field: '$relationshipField',
+        parentObject: '$objectApiName',
+        parentRecordId: '$recordId',
+        filterOpenSTO: true
+    })
+    wiredBadgeInfo(value) {
+        this.wiredBadge = value;
+        const { data, error } = value;
+        this.loadingStates.getPersonBadgesAndInfo = !(error || data);
+        this.setWiredBadge();
+    }
+
+    setWiredBadge() {
+        if (this.wiredBadge == null || this.historikkWiredData == null) return;
+        const { data, error } = this.wiredBadge;
+        const { data: historikkData } = this.historikkWiredData;
+
+        if (data) {
+            let badges = [];
+            badges = [...badges, ...data.badges];
+            if (historikkData && historikkData.length > 0) {
+                badges.push({
+                    name: 'historicalGuardianship',
+                    label: 'Historiske fullmakter',
+                    styling: 'slds-m-left_x-small slds-m-vertical_xx-small pointer greyBadge',
+                    clickable: true,
+                    tabindex: '0',
+                    badgeContent: historikkData,
+                    badgeContentType: 'historicalPowerOfAttorney'
+                });
+            }
+            this.badges = badges;
+
+            // this.entitlements = data.entitlements;
+            if (data.errors && data.errors.length > 0) {
+                this.addErrorMessage('setWiredBadge', data.errors);
+            }
+            this.dateOfDeath = data.dateOfDeath;
+            this.setUuAlertText();
+        }
+        if (error) {
+            this.addErrorMessage('setWiredBadge', error);
+            console.error(error);
+        }
+    }
+
+    @wire(getPersonAccessBadges, {
+        field: '$relationshipField',
+        parentObject: '$objectApiName',
+        parentRecordId: '$recordId'
+    })
+    wiredPersonBadgeInfo(value) {
+        this.wiredPersonAccessBadge = value;
+        try {
+            this.setWiredPersonAccessBadge();
+        } catch (error) {
+            console.error('There was problem to fetch data from wire-function: ' + error);
+        } finally {
+            this.loadingStates.getPersonAccessBadges = false;
+        }
+    }
+
+    @wire(getHistorikk, {
+        recordId: '$recordId',
+        objectApiName: '$objectApiName'
+    })
+    wiredHistorikk(value) {
+        this.historikkWiredData = value;
+        const { data, error } = this.historikkWiredData;
+        // data is null if there is no historic data
+        this.loadingStates.getHistorikk = !(error || data || data === null);
+        if (data) {
+            this.setWiredBadge();
+        } else if (error) {
+            this.addErrorMessage('getHistorikk', error);
+            console.error(error);
+        }
+    }
+
+    setWiredPersonAccessBadge() {
+        const { data, error } = this.wiredPersonAccessBadge;
+
+        if (data) {
+            this.isNavEmployee = data.some((element) => element.name === 'isNavEmployee');
+            this.isConfidential = data.some((element) => element.name === 'isConfidential');
+            this.personAccessBadges = data;
+            this.setUuAlertText();
+        } else if (error) {
+            this.addErrorMessage('setWiredPersonAccessBadge', error);
+            console.error(error);
+        }
+    }
+
+    onKeyPressHandler(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            this.onClickHandler(event);
+        }
+    }
+
+    onClickHandler(event) {
+        const selectedBadge = event.target.dataset.id;
+        const cmp = this.template.querySelector(
+            `lightning-layout-item[data-id="${selectedBadge}"] c-hot_person-panel-badge-content`
+        );
+        if (cmp == null) return;
+        this.handleSelectedBadge(cmp.dataset.id, selectedBadge);
+    }
+
+    handleSelectedBadge(selectedBadge, badge) {
+        if (this.shownBadge === selectedBadge) {
+            this.closeBadge();
+            return;
+        }
+        this.shownBadge = selectedBadge;
+        this.setExpanded(badge);
+    }
+
+    closeBadge() {
+        this.shownBadge = '';
+        this.setExpanded(null);
+    }
+
+    capitalizeFirstLetter(str) {
+        if (!str || typeof str !== 'string') {
+            return '';
+        }
+        return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
+    }
+
+    formatMaritalStatus(str) {
+        if (typeof str !== 'string') {
+            return str;
+        }
+        return str.replace(/_/g, ' ').replace(' eller enkemann', '/-mann');
+    }
+
+    setExpanded(selectedBadge) {
+        const badges = this.template.querySelectorAll('.slds-badge');
+        badges.forEach((badge) => {
+            if (badge instanceof HTMLElement && badge.dataset.id === selectedBadge && badge.ariaExpanded === 'false') {
+                // eslint-disable-next-line @locker/locker/distorted-element-set-attribute
+                badge.setAttribute('aria-expanded', 'true');
+            } else if (badge.role === 'button') {
+                // eslint-disable-next-line @locker/locker/distorted-element-set-attribute
+                badge.setAttribute('aria-expanded', 'false');
+            }
+        });
+    }
+
+    getRelatedRecordId(relationshipField, objectApiName) {
+        getRelatedRecord({
+            parentId: this.recordId,
+            relationshipField: relationshipField,
+            objectApiName: objectApiName
+        })
+            .then((record) => {
+                this.personId = resolve(relationshipField, record);
+            })
+            .catch((error) => {
+                this.addErrorMessage('getRelatedRecord', error);
+                console.error(error);
+            });
+    }
+
+    @wire(getRecord, {
+        recordId: '$personId',
+        fields: PERSON_FIELDS
+    })
+    wiredPersonInfo({ error, data }) {
+        this.loadingStates.getRecordPerson = !(error || data);
+        if (data) {
+            this.actorId = getFieldValue(data, PERSON_ACTORID_FIELD);
+            this.fullName = getFieldValue(data, FULL_NAME_FIELD);
+            this.firstName = getFieldValue(data, PERSON_FIRST_NAME);
+            this.personIdent = getFieldValue(data, PERSON_IDENT_FIELD);
+            this.personDetails = {
+                personId: this.personId,
+                firstName: this.firstName,
+                personIdent: this.personIdent,
+                actorId: this.actorId,
+                fullName: this.fullName,
+                gender: getFieldValue(data, GENDER_FIELD),
+                isDeceased: getFieldValue(data, IS_DECEASED_FIELD),
+                age: getFieldValue(data, AGE_FIELD),
+                citizenship: this.capitalizeFirstLetter(getFieldValue(data, CITIZENSHIP_FIELD)),
+                legalStatus: getFieldValue(data, LEGAL_STATUS_FIELD)
+            };
+
+            this.handleBackgroundColor();
+        } else if (error) {
+            this.addErrorMessage('getRecord', error);
+            console.error(error);
+            this.handleBackgroundColor();
+        }
+    }
+
+    @wire(getRecord, {
+        recordId: '$recordId',
+        fields: '$wireFields'
+    })
+    wiredRecordInfo({ error, data }) {
+        if (data) {
+            if (this.relationshipField && this.objectApiName) {
+                this.getRelatedRecordId(this.relationshipField, this.objectApiName);
+            }
+        }
+        if (error) {
+            this.addErrorMessage('wiredRecordInfo', error);
+            console.error(error);
+        }
+    }
+
+    handleBackgroundColor() {
+        const genderWrapper = this.template.querySelector('.gender-wrapper');
+        if (!genderWrapper) return;
+        const className = !this.personDetails?.fullName
+            ? 'confidentialBackground'
+            : this.personDetails?.isDeceased
+            ? 'deadBackground'
+            : this.personDetails?.gender === 'Kvinne'
+            ? 'femaleBackground'
+            : this.personDetails?.gender === 'Mann'
+            ? 'maleBackground'
+            : 'unknownBackground';
+        genderWrapper.className = 'gender-wrapper ' + className;
+    }
+
+    setUuAlertText() {
+        const securityMeasures = this.badges?.find((badge) => badge.badgeContentType === 'SecurityMeasure');
+        const hasSecurityMeasures = securityMeasures?.badgeContent.length > 0;
+        if (!(hasSecurityMeasures || this.isConfidential || this.isNavEmployee)) {
+            this.uuAlertText = '';
+            return;
+        }
+
+        const navEmployeeText = ' er egen ansatt';
+        const isConfidentialText = ' skjermet';
+        let alertText = `Bruker${this.isNavEmployee ? navEmployeeText : ''}`;
+        const securityMeasureText = hasSecurityMeasures
+            ? ` har ${securityMeasures?.label}: ${securityMeasures?.badgeContent
+                  .map((secMeasure) => secMeasure.SecurityMeasure)
+                  .join(', ')}`
+            : '';
+        const confidentialityText =
+            this.isNavEmployee && this.isConfidential ? ', og' : this.isConfidential ? ' er' : '';
+        alertText += confidentialityText;
+        alertText += this.isConfidential ? isConfidentialText : '';
+        alertText += (this.isNavEmployee || this.isConfidential) && hasSecurityMeasures ? ' og' : '';
+        alertText += securityMeasureText || '';
+        alertText += '.';
+        this.uuAlertText = alertText;
+    }
+
+    addErrorMessage(errorName, error) {
+        if (Array.isArray(error)) {
+            this.errorMessageList[errorName] = error.flat();
+        } else if (typeof error === 'object') {
+            this.errorMessageList[errorName] = error.body?.exceptionType + ': ' + error.body?.message;
+        } else {
+            this.errorMessageList[errorName] = error;
+        }
+        this.updateErrorMessages();
+    }
+
+    closeErrorMessage(event) {
+        const errorName = event.currentTarget.dataset.errorName;
+        this.closeErrorMessages(errorName);
+    }
+
+    closeErrorMessages(errorName) {
+        if (Object.keys(this.errorMessageList).includes(errorName)) {
+            delete this.errorMessageList[errorName];
+            this.updateErrorMessages();
+        }
+    }
+
+    updateErrorMessages() {
+        this.errorMessages = Object.keys(this.errorMessageList).map((errorName) => {
+            return { errorName: errorName, error: this.errorMessageList[errorName] };
+        });
+    }
+
+    get isLoading() {
+        // eslint-disable-next-line @salesforce/aura/ecma-intrinsics, compat/compat
+        return Object.values(this.loadingStates).some((isLoading) => isLoading);
+    }
+
+    get panelClass() {
+        return this.fullName ? 'highlightPanel' : 'highlightPanelConfidential';
+    }
+
+    get warningIconSrc() {
+        return NAV_ICONS + '/warningTriangle.svg#warningTriangle';
+    }
+
+    get xMarkIconSrc() {
+        return NAV_ICONS + '/xMarkIcon.svg#xMarkIcon';
+    }
+}
diff --git a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js-meta.xml b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js-meta.xml
new file mode 100644
index 00000000..faca0bc0
--- /dev/null
+++ b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.js-meta.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
+    <apiVersion>59.0</apiVersion>
+    <isExposed>true</isExposed>
+    <masterLabel>Person highligt panel SERVICETJENESTEN</masterLabel>
+    <description>Person highlight panel</description>
+    <targets>
+        <target>lightning__RecordPage</target>
+    </targets>
+
+    <targetConfigs>
+        <targetConfig targets="lightning__RecordPage">
+            <property name="relationshipField" label="RelationshipField (API)" description=""
+                type="String" />
+        </targetConfig>
+    </targetConfigs>
+</LightningComponentBundle>
\ No newline at end of file

From 910ad4913422e314533f3f2c8fd14f38f18e765f Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:43:37 +0100
Subject: [PATCH 09/14] HOT_ST_TestDataFactory

---
 .../classes/HOT_PersonAccessBadgesControllerTest.cls        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
index 21d928aa..cc26ce36 100644
--- a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
@@ -2,7 +2,7 @@
 private inherited sharing class HOT_PersonAccessBadgesControllerTest {
     @IsTest
     static void getPersonAccessBadgesNavEmployee() {
-        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+        Person__c p = (Person__c) HOT_ST_TestDataFactory.createRecord(
             new Person__c(
                 INT_ActorId__c = '100003000120',
                 INT_Confidential__c = 'UGRADERT',
@@ -26,7 +26,7 @@ private inherited sharing class HOT_PersonAccessBadgesControllerTest {
 
     @IsTest
     static void getPersonAccessBadgesFORTROLIG() {
-        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+        Person__c p = (Person__c) HOT_ST_TestDataFactory.createRecord(
             new Person__c(
                 INT_ActorId__c = '100003000120',
                 INT_Confidential__c = 'FORTROLIG',
@@ -51,7 +51,7 @@ private inherited sharing class HOT_PersonAccessBadgesControllerTest {
 
     @IsTest
     static void getPersonAccessBadgesSTRENGT_FORTROLIG() {
-        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+        Person__c p = (Person__c) HOT_ST_TestDataFactory.createRecord(
             new Person__c(
                 INT_ActorId__c = '100003000120',
                 INT_Confidential__c = 'STRENGT_FORTROLIG',

From 1ead81712275caf3d5db25e1152c5508d8a4d937 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:52:57 +0100
Subject: [PATCH 10/14] hot

---
 .../classes/HOT_PersonAccessBadgesControllerTest.cls      | 4 ++--
 .../hot_personHighlightPanel/hot_personHighlightPanel.css | 8 ++++----
 .../hot_personPanelBadgeContent.js                        | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
index cc26ce36..ac05688f 100644
--- a/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
+++ b/force-app/main/default/classes/HOT_PersonAccessBadgesControllerTest.cls
@@ -18,7 +18,7 @@ private inherited sharing class HOT_PersonAccessBadgesControllerTest {
         List<HOT_PersonAccessBadgesController.AccessBadge> result;
 
         Test.startTest();
-        result = NKS_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
+        result = HOT_PersonAccessBadgesController.getPersonAccessBadges('CRM_Person__c', 'Account', p.CRM_Account__c);
         Test.stopTest();
 
         System.assertEquals(1, result.size(), 'Expected one result');
@@ -80,7 +80,7 @@ private inherited sharing class HOT_PersonAccessBadgesControllerTest {
 
     @IsTest
     static void getPersonAccessBadgesSTRENGT_FORTROLIG_UTLAND() {
-        Person__c p = (Person__c) UTIL_TestDataFactory.createRecord(
+        Person__c p = (Person__c) HOT_ST_TestDataFactory.createRecord(
             new Person__c(
                 INT_ActorId__c = '100003000120',
                 INT_Confidential__c = 'STRENGT_FORTROLIG_UTLAND',
diff --git a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
index 93180607..c11de77c 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
+++ b/force-app/main/default/lwc/hot_personHighlightPanel/hot_personHighlightPanel.css
@@ -58,16 +58,16 @@
     flex-wrap: wrap;
 }
 
-.greenBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+.greenBadge + lightning-layout-item c-hot_person-panel-badge-content {
     --badge-line: #66c786;
 }
-.yellowBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+.yellowBadge + lightning-layout-item c-hot_person-panel-badge-content {
     --badge-line: #ffaa33;
 }
-.redBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+.redBadge + lightning-layout-item c-hot_person-panel-badge-content {
     --badge-line: #ad0000;
 }
-.greyBadge + lightning-layout-item c-nks-person-highlight-panel-badge-content {
+.greyBadge + lightning-layout-item c-hot_person-panel-badge-content {
     --badge-line: #c6c6c6;
 }
 
diff --git a/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_personPanelBadgeContent.js b/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_personPanelBadgeContent.js
index eaaf3652..642339e9 100644
--- a/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_personPanelBadgeContent.js
+++ b/force-app/main/default/lwc/hot_personPanelBadgeContent/hot_personPanelBadgeContent.js
@@ -3,7 +3,7 @@ import { LightningElement, api } from 'lwc';
 import { NavigationMixin } from 'lightning/navigation';
 import guardianships from './hot_guardianships.html';
 import powerOfAttorneys from './hot_powerOfAttorneys.html';
-import nksPersonHighlightPanelBadgeContent from './hot_personPanelBadgeContent.html';
+import hotPersonHighlightPanelBadgeContent from './hot_personPanelBadgeContent.html';
 import historicalPowerOfAttorney from './hot_historicalPowerOfAttorney.html';
 import sharedStyling from './hot_sharedStyling.css';
 
@@ -23,7 +23,7 @@ export default class hot_personHighlightPanelBadgeContent extends NavigationMixi
 
     render() {
         //code
-        return templates[this.type] != null ? templates[this.type] : nksPersonHighlightPanelBadgeContent;
+        return templates[this.type] != null ? templates[this.type] : hotPersonHighlightPanelBadgeContent;
     }
 
     connectedCallback() {

From 7f7ac34cf3edca43c6bb4d548f0b6b06d980f503 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:55:09 +0100
Subject: [PATCH 11/14] Tilgang til apex klasse

---
 .../HOT_Servicetjenesten.permissionset-meta.xml               | 4 ++++
 .../HOT_Servicetjenesten_Admin.permissionset-meta.xml         | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/force-app/main/default/permissionsets/HOT_Servicetjenesten.permissionset-meta.xml b/force-app/main/default/permissionsets/HOT_Servicetjenesten.permissionset-meta.xml
index 4289ea16..6b31fb08 100644
--- a/force-app/main/default/permissionsets/HOT_Servicetjenesten.permissionset-meta.xml
+++ b/force-app/main/default/permissionsets/HOT_Servicetjenesten.permissionset-meta.xml
@@ -72,6 +72,10 @@
         <apexClass>HOT_KrrInformationController</apexClass>
         <enabled>true</enabled>
     </classAccesses>
+    <classAccesses>
+        <apexClass>HOT_PersonAccessBadgesController</apexClass>
+        <enabled>true</enabled>
+    </classAccesses>
     <classAccesses>
         <apexClass>HOT_PersonBadgesController</apexClass>
         <enabled>true</enabled>
diff --git a/force-app/main/default/permissionsets/HOT_Servicetjenesten_Admin.permissionset-meta.xml b/force-app/main/default/permissionsets/HOT_Servicetjenesten_Admin.permissionset-meta.xml
index e786cb66..e2e42ab0 100644
--- a/force-app/main/default/permissionsets/HOT_Servicetjenesten_Admin.permissionset-meta.xml
+++ b/force-app/main/default/permissionsets/HOT_Servicetjenesten_Admin.permissionset-meta.xml
@@ -48,6 +48,10 @@
         <apexClass>HOT_KrrInformationController</apexClass>
         <enabled>true</enabled>
     </classAccesses>
+    <classAccesses>
+        <apexClass>HOT_PersonAccessBadgesController</apexClass>
+        <enabled>true</enabled>
+    </classAccesses>
     <classAccesses>
         <apexClass>HOT_PersonBadgesController</apexClass>
         <enabled>true</enabled>

From 6d3241ee633e73a08c2515188447d69b392f3726 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 11:57:56 +0100
Subject: [PATCH 12/14] =?UTF-8?q?Legger=20p=C3=A5=20person=20highlight=20k?=
 =?UTF-8?q?omponent=20p=C3=A5=20account=20og=20sto=20case?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...OT_STO_Case_Record_Page.flexipage-meta.xml | 58 ++--------------
 ...nestenAccountRecordPage.flexipage-meta.xml | 66 ++-----------------
 2 files changed, 8 insertions(+), 116 deletions(-)

diff --git a/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml b/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
index acb84d67..4ffc22e2 100644
--- a/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
+++ b/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
@@ -1,64 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <FlexiPage xmlns="http://soap.sforce.com/2006/04/metadata">
-    <flexiPageRegions>
-        <itemInstances>
-            <fieldInstance>
-                <fieldInstanceProperties>
-                    <name>uiBehavior</name>
-                    <value>readonly</value>
-                </fieldInstanceProperties>
-                <fieldItem>Record.AccountId</fieldItem>
-                <identifier>RecordAccountIdField</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <name>Facet-9addd4a4-f259-4ff0-9eeb-223ecc4b1373</name>
-        <type>Facet</type>
-    </flexiPageRegions>
-    <flexiPageRegions>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.Account.CRM_Person__r.CRM_FullName__c</fieldItem>
-                <identifier>RecordAccountCRM_Person_rCRM_FullName_cField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.Account.CRM_Person__r.Name</fieldItem>
-                <identifier>RecordAccountCRM_Person_rNameField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.Account.CRM_Person__r.INT_KrrMobilePhone__c</fieldItem>
-                <identifier>RecordAccountCRM_Person_rINT_KrrMobilePhone_cField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.Account.CRM_Person__r.INT_Citizenships__c</fieldItem>
-                <identifier>RecordAccountCRM_Person_rINT_Citizenships_cField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <name>Facet-8b7f4184-4878-4340-81a6-7628f7769a46</name>
-        <type>Facet</type>
-    </flexiPageRegions>
     <flexiPageRegions>
         <itemInstances>
             <componentInstance>
                 <componentInstanceProperties>
-                    <name>numVisibleActions</name>
-                    <value>3</value>
-                </componentInstanceProperties>
-                <componentInstanceProperties>
-                    <name>primaryField</name>
-                    <value>Facet-9addd4a4-f259-4ff0-9eeb-223ecc4b1373</value>
-                </componentInstanceProperties>
-                <componentInstanceProperties>
-                    <name>secondaryFields</name>
-                    <value>Facet-8b7f4184-4878-4340-81a6-7628f7769a46</value>
+                    <name>relationshipField</name>
+                    <value>Account.CRM_Person__c</value>
                 </componentInstanceProperties>
-                <componentName>record_flexipage:dynamicHighlights</componentName>
-                <identifier>record_flexipage_dynamicHighlights</identifier>
+                <componentName>hot_personHighlightPanel</componentName>
+                <identifier>c_hot_personHighlightPanel</identifier>
             </componentInstance>
         </itemInstances>
         <name>header</name>
diff --git a/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml b/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
index 8c273031..2ddcfb43 100644
--- a/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
+++ b/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
@@ -1,72 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <FlexiPage xmlns="http://soap.sforce.com/2006/04/metadata">
-    <flexiPageRegions>
-        <itemInstances>
-            <fieldInstance>
-                <fieldInstanceProperties>
-                    <name>uiBehavior</name>
-                    <value>required</value>
-                </fieldInstanceProperties>
-                <fieldItem>Record.Name</fieldItem>
-                <identifier>RecordNameField</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <name>Facet-0c4e474f-a696-4095-a67a-6f86c697fdce</name>
-        <type>Facet</type>
-    </flexiPageRegions>
-    <flexiPageRegions>
-        <itemInstances>
-            <fieldInstance>
-                <fieldInstanceProperties>
-                    <name>uiBehavior</name>
-                    <value>required</value>
-                </fieldInstanceProperties>
-                <fieldItem>Record.Name</fieldItem>
-                <identifier>RecordNameField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.CRM_Person__r.INT_KrrMobilePhone__c</fieldItem>
-                <identifier>RecordCRM_Person_rINT_KrrMobilePhone_cField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldInstanceProperties>
-                    <name>uiBehavior</name>
-                    <value>none</value>
-                </fieldInstanceProperties>
-                <fieldItem>Record.INT_PersonIdent__c</fieldItem>
-                <identifier>RecordINT_PersonIdent_cField</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <itemInstances>
-            <fieldInstance>
-                <fieldItem>Record.CRM_Person__r.INT_Citizenships__c</fieldItem>
-                <identifier>RecordCRM_Person_rINT_Citizenships_cField2</identifier>
-            </fieldInstance>
-        </itemInstances>
-        <name>Facet-4d871b21-856c-4623-94ac-49b03439058d</name>
-        <type>Facet</type>
-    </flexiPageRegions>
     <flexiPageRegions>
         <itemInstances>
             <componentInstance>
                 <componentInstanceProperties>
-                    <name>numVisibleActions</name>
-                    <value>3</value>
-                </componentInstanceProperties>
-                <componentInstanceProperties>
-                    <name>primaryField</name>
-                    <value>Facet-0c4e474f-a696-4095-a67a-6f86c697fdce</value>
-                </componentInstanceProperties>
-                <componentInstanceProperties>
-                    <name>secondaryFields</name>
-                    <value>Facet-4d871b21-856c-4623-94ac-49b03439058d</value>
+                    <name>relationshipField</name>
+                    <value>CRM_Person__c</value>
                 </componentInstanceProperties>
-                <componentName>record_flexipage:dynamicHighlights</componentName>
-                <identifier>record_flexipage_dynamicHighlights</identifier>
+                <componentName>hot_personHighlightPanel</componentName>
+                <identifier>c_hot_personHighlightPanel</identifier>
             </componentInstance>
         </itemInstances>
         <mode>Replace</mode>

From 41a015fbda842a668ec1405b462cc27886a1dbaf Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 12:04:11 +0100
Subject: [PATCH 13/14] Kommenterer ut knapper som ikke er i bruk

---
 .../hot_personHighlightPanelBot.html                          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
index f6d4833e..bad33703 100644
--- a/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
+++ b/force-app/main/default/lwc/hot_personHighlightPanelBot/hot_personHighlightPanelBot.html
@@ -1,6 +1,6 @@
 <template>
     <lightning-layout class="custom-padding-left-small button-container">
-        <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
+        <!-- <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
             <lightning-button
                 data-id="oebs"
                 label="OeBS"
@@ -19,7 +19,7 @@
                 class="slds-m-left_x-medium"
                 disabled={isDisabledButtons}
             ></lightning-button>
-        </lightning-layout-item>
+        </lightning-layout-item> -->
         <lightning-layout-item class="custom-padding-around-small custom-grid-vertical-align-center">
             <lightning-button
                 data-id="gosys"

From 9f28c874cf78f0cdb277e7dc7579d0b66a65c1f9 Mon Sep 17 00:00:00 2001
From: Rasmus Steine Olsen <rasmus.steine.olsen@nav.no>
Date: Mon, 3 Feb 2025 13:29:50 +0100
Subject: [PATCH 14/14] =?UTF-8?q?Fjerner=20gammel=20fullmakt/vergem=C3=A5l?=
 =?UTF-8?q?=20komponent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HOT_STO_Case_Record_Page.flexipage-meta.xml        | 10 ----------
 ...ervicetjenestenAccountRecordPage.flexipage-meta.xml | 10 ----------
 2 files changed, 20 deletions(-)

diff --git a/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml b/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
index 4ffc22e2..68f98471 100644
--- a/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
+++ b/force-app/main/default/flexipages/HOT_STO_Case_Record_Page.flexipage-meta.xml
@@ -575,16 +575,6 @@
         <type>Facet</type>
     </flexiPageRegions>
     <flexiPageRegions>
-        <itemInstances>
-            <componentInstance>
-                <componentInstanceProperties>
-                    <name>relationshipField</name>
-                    <value>Account.CRM_Person__c</value>
-                </componentInstanceProperties>
-                <componentName>hot_personBadgePanel</componentName>
-                <identifier>c_hot_personBadgePanel</identifier>
-            </componentInstance>
-        </itemInstances>
         <itemInstances>
             <componentInstance>
                 <componentInstanceProperties>
diff --git a/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml b/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
index 2ddcfb43..8b77d647 100644
--- a/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
+++ b/force-app/main/default/flexipages/HOT_ServicetjenestenAccountRecordPage.flexipage-meta.xml
@@ -152,16 +152,6 @@
         <type>Facet</type>
     </flexiPageRegions>
     <flexiPageRegions>
-        <itemInstances>
-            <componentInstance>
-                <componentInstanceProperties>
-                    <name>relationshipField</name>
-                    <value>CRM_Person__c</value>
-                </componentInstanceProperties>
-                <componentName>hot_personBadgePanel</componentName>
-                <identifier>c_hot_personBadgePanel</identifier>
-            </componentInstance>
-        </itemInstances>
         <itemInstances>
             <componentInstance>
                 <componentInstanceProperties>