From cab2942c4e32029b7bdc9df85a30dbedd9ec8e34 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Tue, 5 Jan 2021 11:52:18 +0100
Subject: [PATCH] web: fix [object Object] being shown for policy_execution

closes #449
---
 web/src/pages/events/EventInfo.ts | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/events/EventInfo.ts b/web/src/pages/events/EventInfo.ts
index ba093252f..d7142b09b 100644
--- a/web/src/pages/events/EventInfo.ts
+++ b/web/src/pages/events/EventInfo.ts
@@ -20,6 +20,12 @@ export class EventInfo extends LitElement {
                     display: block;
                     white-space: pre-wrap;
                 }
+                .pf-l-flex {
+                    justify-content: space-between;
+                }
+                .pf-l-flex__item {
+                    min-width: 25%;
+                }
             `
         );
     }
@@ -96,10 +102,14 @@ export class EventInfo extends LitElement {
                 </div>`;
         case "policy_execution":
             return html`<div class="pf-l-flex">
+                    <div class="pf-l-flex__item">
+                        <h3>${gettext("Binding")}</h3>
+                        ${this.getModelInfo(this.event.context.binding as EventContext)}
+                    </div>
                     <div class="pf-l-flex__item">
                         <h3>${gettext("Request")}</h3>
                         <ul class="pf-c-list">
-                            <li>${gettext("Object")}: ${(this.event.context.request as EventContext).obj as string}</li>
+                            <li>${gettext("Object")}: ${this.getModelInfo((this.event.context.request as EventContext).obj as EventContext)}</li>
                             <li><span>${gettext("Context")}: <code>${JSON.stringify((this.event.context.request as EventContext).context)}</code></span></li>
                         </ul>
                     </div>