From ecb92818f4cbff2c3b9837c5f93b6eacc0adef93 Mon Sep 17 00:00:00 2001
From: AlaaElattar <alaamahmoud.1223@gmail.com>
Date: Tue, 20 Feb 2024 15:01:59 +0200
Subject: [PATCH 1/2] support reserving standbyNodes from dedicated machines

---
 .../src/dashboard/dedicated_nodes_view.vue    | 51 +++++++++++++------
 1 file changed, 36 insertions(+), 15 deletions(-)

diff --git a/packages/playground/src/dashboard/dedicated_nodes_view.vue b/packages/playground/src/dashboard/dedicated_nodes_view.vue
index 51855a7d6b..784d6aec09 100644
--- a/packages/playground/src/dashboard/dedicated_nodes_view.vue
+++ b/packages/playground/src/dashboard/dedicated_nodes_view.vue
@@ -162,7 +162,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NodeStatus } from "@threefold/gridproxy_client";
+import { type GridNode, NodeStatus, type Pagination } from "@threefold/gridproxy_client";
 import { CertificationType } from "@threefold/gridproxy_client";
 import { ref } from "vue";
 
@@ -190,6 +190,11 @@ const tabParams = {
     rentedBy: profileManager.profile?.twinId,
     retCount: true,
   },
+  2: {
+    rentable: true,
+    status: NodeStatus.Standby,
+    retCount: true,
+  },
 };
 
 const size = ref(window.env.PAGE_SIZE);
@@ -209,8 +214,24 @@ const updateActiveTabValue = (newValue: number) => {
   loadNodes();
 };
 
+async function listNodes(params: any) {
+  const response = await gridProxyClient.nodes.list({
+    ...params,
+    size: size.value,
+    page: page.value,
+    totalSru: convert(filters.value.minSSD),
+    totalMru: convert(filters.value.minRAM),
+    totalHru: convert(filters.value.minHDD),
+    totalCru: +filters.value.minCPU || undefined,
+    gpuVendorName: filters.value.gpuVendorName || undefined,
+    gpuDeviceName: filters.value.gpuDeviceName || undefined,
+    hasGpu: filters.value.gpu || undefined,
+  });
+  return response || [];
+}
+
 async function loadNodes() {
-  const params = tabParams[activeTab.value as keyof typeof tabParams];
+  let params = tabParams[activeTab.value as keyof typeof tabParams];
 
   if (!params) {
     return;
@@ -223,20 +244,20 @@ async function loadNodes() {
   }
 
   loading.value = true;
-
+  let data: Pagination<GridNode[]>;
   try {
-    const data = await gridProxyClient.nodes.list({
-      ...params,
-      size: size.value,
-      page: page.value,
-      totalSru: convert(filters.value.minSSD),
-      totalMru: convert(filters.value.minRAM),
-      totalHru: convert(filters.value.minHDD),
-      totalCru: +filters.value.minCPU || undefined,
-      gpuVendorName: filters.value.gpuVendorName || undefined,
-      gpuDeviceName: filters.value.gpuDeviceName || undefined,
-      hasGpu: filters.value.gpu || undefined,
-    });
+    if (activeTab.value === 0) {
+      const onlineNodes = await listNodes(params);
+      params = tabParams[2];
+      const standbyNodes = await listNodes(params);
+      const allNodes = onlineNodes.data.concat(standbyNodes.data);
+      data = {
+        count: (onlineNodes.count ?? 0) + (standbyNodes.count ?? 0),
+        data: allNodes,
+      };
+    } else {
+      data = await listNodes(params);
+    }
 
     if (data.count === 0) {
       loading.value = false;

From 26baf5941f56360693b9306ffe2206f7d99c8d73 Mon Sep 17 00:00:00 2001
From: AlaaElattar <alaamahmoud.1223@gmail.com>
Date: Wed, 21 Feb 2024 10:00:15 +0200
Subject: [PATCH 2/2] return params to const

---
 packages/playground/src/dashboard/dedicated_nodes_view.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/playground/src/dashboard/dedicated_nodes_view.vue b/packages/playground/src/dashboard/dedicated_nodes_view.vue
index 784d6aec09..bc33d87595 100644
--- a/packages/playground/src/dashboard/dedicated_nodes_view.vue
+++ b/packages/playground/src/dashboard/dedicated_nodes_view.vue
@@ -231,7 +231,7 @@ async function listNodes(params: any) {
 }
 
 async function loadNodes() {
-  let params = tabParams[activeTab.value as keyof typeof tabParams];
+  const params = tabParams[activeTab.value as keyof typeof tabParams];
 
   if (!params) {
     return;
@@ -248,8 +248,7 @@ async function loadNodes() {
   try {
     if (activeTab.value === 0) {
       const onlineNodes = await listNodes(params);
-      params = tabParams[2];
-      const standbyNodes = await listNodes(params);
+      const standbyNodes = await listNodes(tabParams[2]);
       const allNodes = onlineNodes.data.concat(standbyNodes.data);
       data = {
         count: (onlineNodes.count ?? 0) + (standbyNodes.count ?? 0),