From 453e21c7c939dead7c5b48eda147490e43021aaa Mon Sep 17 00:00:00 2001
From: Baptiste Mayelle <baptiste.mayelle@traefik.io>
Date: Mon, 19 Feb 2024 16:50:05 +0100
Subject: [PATCH]  fix: add ipallowlist in dashboard

---
 .../components/_commons/PanelMiddlewares.vue  | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/webui/src/components/_commons/PanelMiddlewares.vue b/webui/src/components/_commons/PanelMiddlewares.vue
index eccfa5346..ab80b4fd0 100644
--- a/webui/src/components/_commons/PanelMiddlewares.vue
+++ b/webui/src/components/_commons/PanelMiddlewares.vue
@@ -689,6 +689,54 @@
             </div>
           </q-card-section>
 
+          <!-- EXTRA FIELDS FROM MIDDLEWARES - [ipAllowList] - sourceRange -->
+          <q-card-section v-if="middleware.ipAllowList">
+            <div class="row items-start no-wrap">
+              <div class="col">
+                <div class="text-subtitle2">Source Range</div>
+                <q-chip
+                  v-for="(range, key) in exData(middleware).sourceRange" :key="key"
+                  dense
+                  class="app-chip app-chip-green">
+                  {{ range }}
+                </q-chip>
+              </div>
+            </div>
+          </q-card-section>
+          <!-- EXTRA FIELDS FROM MIDDLEWARES - [ipAllowList] - ipStrategy -->
+          <q-card-section v-if="middleware.ipAllowList">
+            <div class="row items-start">
+              <div class="col-12">
+                <div class="text-subtitle2">IP Strategy</div>
+              </div>
+              <div v-if="exData(middleware).ipStrategy && exData(middleware).ipStrategy.depth" class="col-12">
+                <q-chip
+                  dense
+                  class="app-chip app-chip-accent">Depth :</q-chip>
+                <q-chip
+                  dense
+                  class="app-chip app-chip-green">
+                  {{ exData(middleware).ipStrategy.depth }}
+                </q-chip>
+              </div>
+              <div v-if="exData(middleware).ipStrategy && exData(middleware).ipStrategy.excludedIPs" class="col-12">
+                <div class="flex">
+                  <q-chip
+                    dense
+                    class="app-chip app-chip-accent">
+                    Excluded IPs:
+                  </q-chip>
+                  <q-chip
+                    v-for="(excludedIPs, key) in exData(middleware).ipStrategy.excludedIPs" :key="key"
+                    dense
+                    class="app-chip app-chip-green">
+                    {{ excludedIPs }}
+                  </q-chip>
+                </div>
+              </div>
+            </div>
+          </q-card-section>
+
           <!-- EXTRA FIELDS FROM MIDDLEWARES - [ipWhiteList] - sourceRange -->
           <q-card-section v-if="middleware.ipWhiteList">
             <div class="row items-start no-wrap">