From 85e5f42cccf270a12dc63d7ce526208a483f4427 Mon Sep 17 00:00:00 2001
From: MohamedElmdary <engm5081@gmail.com>
Date: Sun, 14 Apr 2024 14:00:31 +0200
Subject: [PATCH 1/2] feat: Add support for num_gpu in gridproxy client

---
 packages/gridproxy_client/src/builders/nodes.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/gridproxy_client/src/builders/nodes.ts b/packages/gridproxy_client/src/builders/nodes.ts
index 75dd7830a1..0b0baa3daf 100644
--- a/packages/gridproxy_client/src/builders/nodes.ts
+++ b/packages/gridproxy_client/src/builders/nodes.ts
@@ -72,6 +72,7 @@ export interface NodesQuery {
   healthy: boolean;
   sortBy: SortBy;
   sortOrder: SortOrder;
+  numGpu: number;
 }
 
 const NODES_MAPPER: BuilderMapper<NodesQuery> = {
@@ -114,6 +115,7 @@ const NODES_MAPPER: BuilderMapper<NodesQuery> = {
   healthy: "healthy",
   sortBy: "sort_by",
   sortOrder: "sort_order",
+  numGpu: "num_gpu",
 };
 
 const NODES_VALIDATOR: BuilderValidator<NodesQuery> = {
@@ -165,6 +167,7 @@ const NODES_VALIDATOR: BuilderValidator<NodesQuery> = {
   healthy: assertBoolean,
   sortBy: assertString,
   sortOrder: assertString,
+  numGpu: assertInt,
 };
 
 export class NodesBuilder extends AbstractBuilder<NodesQuery> {

From fd307d3bf1870ed104142053defda2634a97c5d2 Mon Sep 17 00:00:00 2001
From: MohamedElmdary <engm5081@gmail.com>
Date: Sun, 14 Apr 2024 15:36:00 +0200
Subject: [PATCH 2/2] feat: Add ui for filter to follow same filters ui

---
 packages/playground/src/views/nodes.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/packages/playground/src/views/nodes.vue b/packages/playground/src/views/nodes.vue
index c7a009a3c5..e093730a45 100644
--- a/packages/playground/src/views/nodes.vue
+++ b/packages/playground/src/views/nodes.vue
@@ -258,6 +258,28 @@
             </template>
           </TfFilter>
 
+          <TfFilter
+            query-route="num-gpu"
+            v-model="filters.numGpu"
+            :rules="[
+              validators.isNumeric('This field accepts numbers only.'),
+              validators.min('The number of gpus should be larger than zero.', 1),
+              validators.validateResourceMaxNumber('This value is out of range.'),
+            ]"
+          >
+            <template #input="{ props }">
+              <VTextField density="compact" label="Num GPU" variant="outlined" v-model="filters.numGpu" v-bind="props">
+                <template #append-inner>
+                  <VTooltip text="Filter by the number of gpus in the node.">
+                    <template #activator="{ props }">
+                      <VIcon icon="mdi-information-outline" v-bind="props" />
+                    </template>
+                  </VTooltip>
+                </template>
+              </VTextField>
+            </template>
+          </TfFilter>
+
           <TfFilter
             query-route="min-ssd"
             v-model="filters.minSSD"
@@ -460,6 +482,7 @@ export default {
       gpu: false,
       publicIPs: "",
       dedicated: false,
+      numGpu: "",
     });
 
     const loading = ref<boolean>(true);
@@ -506,6 +529,7 @@ export default {
             dedicated: filters.value.dedicated || undefined,
             sortBy: SortBy.Status,
             sortOrder: SortOrder.Asc,
+            numGpu: +filters.value.numGpu || undefined,
           },
           { loadFarm: true },
         );