From b0aa27db31432e7b121cfc56035d2780c1749767 Mon Sep 17 00:00:00 2001
From: Marco Cameriero <me@marcocameriero.net>
Date: Mon, 30 Nov 2020 17:04:03 +0100
Subject: [PATCH] Display Proxy Protocol version for backend services in web
 dashboard.

---
 .../src/components/_commons/PanelServiceDetails.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/webui/src/components/_commons/PanelServiceDetails.vue b/webui/src/components/_commons/PanelServiceDetails.vue
index d1aa57bbe..c6ac60cef 100644
--- a/webui/src/components/_commons/PanelServiceDetails.vue
+++ b/webui/src/components/_commons/PanelServiceDetails.vue
@@ -67,6 +67,19 @@
         </div>
       </q-card-section>
 
+      <q-card-section v-if="data.loadBalancer && data.loadBalancer.proxyProtocol">
+        <div class="row items-start no-wrap">
+          <div class="col">
+            <div class="text-subtitle2">Proxy Protocol</div>
+            <q-chip
+              dense
+              class="app-chip app-chip-name">
+              Version {{ data.loadBalancer.proxyProtocol.version }}
+            </q-chip>
+          </div>
+        </div>
+      </q-card-section>
+
       <q-separator v-if="sticky" />
       <StickyServiceDetails v-if="sticky" :sticky="sticky" :dense="dense"/>
     </q-scroll-area>