From 7550136e35bcd370f8ecb664db5f9b9f71228344 Mon Sep 17 00:00:00 2001
From: Douglas Barone <douglasvbarone@gmail.com>
Date: Wed, 13 Dec 2023 10:57:41 -0400
Subject: [PATCH] List firewalls

---
 src/server/services/PaFirewallService.ts |  9 +++++++
 src/server/trpc.ts                       |  6 ++++-
 src/web/views/AddFirewall.vue            | 30 +++++++++++++++++++++++-
 3 files changed, 43 insertions(+), 2 deletions(-)

diff --git a/src/server/services/PaFirewallService.ts b/src/server/services/PaFirewallService.ts
index 629cf7f..daeed18 100644
--- a/src/server/services/PaFirewallService.ts
+++ b/src/server/services/PaFirewallService.ts
@@ -138,6 +138,15 @@ export class PaFirewallService {
     })
   }
 
+  static async listFirewalls() {
+    const firewalls = await db.paHost.findMany()
+
+    return firewalls.map(firewall => ({
+      ip: firewall.ip,
+      name: firewall.name
+    }))
+  }
+
   async getIpStatus(ip: string) {
     const params = new URLSearchParams({
       key: this.key,
diff --git a/src/server/trpc.ts b/src/server/trpc.ts
index e951f19..5a0e6ab 100644
--- a/src/server/trpc.ts
+++ b/src/server/trpc.ts
@@ -81,7 +81,11 @@ export const appRouter = t.router({
       await PaFirewallService.addFirewall({ ip, username, password })
 
       return true
-    })
+    }),
+
+  listFirewalls: t.procedure.query(async () => {
+    return await PaFirewallService.listFirewalls()
+  })
 })
 
 // export type definition of API
diff --git a/src/web/views/AddFirewall.vue b/src/web/views/AddFirewall.vue
index c41052d..64cf608 100644
--- a/src/web/views/AddFirewall.vue
+++ b/src/web/views/AddFirewall.vue
@@ -64,11 +64,23 @@
         </v-form>
       </v-col>
     </v-row>
+    <v-card class="mt-10" title="Hosts cadastrados">
+      <v-card-text>
+        <v-chip
+          v-for="fw in firewalls"
+          :key="fw.ip"
+          class="mr-2"
+          color="primary"
+        >
+          {{ fw.ip }}
+        </v-chip>
+      </v-card-text>
+    </v-card>
   </v-container>
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from 'vue'
+import { ref, computed, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { VForm } from 'vuetify/lib/components/index.mjs'
 import { z } from 'zod'
@@ -114,4 +126,20 @@ async function submit() {
     loading.value = false
   }
 }
+
+const firewalls = ref<{ ip: string; name: string | null }[]>()
+
+async function getFirewalls() {
+  try {
+    const data = await trpc.listFirewalls.query()
+
+    firewalls.value = data
+  } catch (e) {
+    console.log(e)
+  }
+}
+
+onMounted(() => {
+  getFirewalls()
+})
 </script>