From 6f75693b315951c888c032790acac07dc68afaac Mon Sep 17 00:00:00 2001
From: Florinda <dalia.florinda@accenture.com>
Date: Wed, 30 Oct 2024 10:32:16 +0100
Subject: [PATCH] updates history exec

---
 src/views/pages/OldScenarioExec.vue  |  2 +-
 src/views/pages/ScenarioExecList.vue | 18 ++++++++++++++++--
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/views/pages/OldScenarioExec.vue b/src/views/pages/OldScenarioExec.vue
index 1ed6ba6..397e8f8 100644
--- a/src/views/pages/OldScenarioExec.vue
+++ b/src/views/pages/OldScenarioExec.vue
@@ -23,7 +23,7 @@
             <Panel class="mt-6">
                 <template #header>
                 <div class="flex items-center gap-2">
-                    <span class="font-bold">Hermione Response</span>
+                    <span class="font-bold">Hermione Response of Execution ID {{execution_id.id}}</span>
                 </div>
                 </template>
                 <template #icons>
diff --git a/src/views/pages/ScenarioExecList.vue b/src/views/pages/ScenarioExecList.vue
index 5b7fe77..a5f4019 100644
--- a/src/views/pages/ScenarioExecList.vue
+++ b/src/views/pages/ScenarioExecList.vue
@@ -14,7 +14,16 @@
                 </Button> -->
         </div>
         <h2 class="text-xl font-bold mt-6">Executions List</h2>
-        <DataTable :value="scenario_execution_store.scenariosExecution" :loading="loading_data" class="mt-6">
+        <DataTable :value="scenario_execution_store.scenariosExecution" 
+        :loading="loading_data" 
+        class="mt-6"
+        :rows="10"                
+        paginator                 
+        :paginatorTemplate="paginatorTemplate" 
+        :totalRecords="scenario_execution_store.scenariosExecution.length" 
+        :first="first"            
+        @page="onPage"  
+        >
             <Column field="id" header="Execution ID" />
             <Column field="scenario.name" header="Name" />
             <Column field="" header="Execution Date" />
@@ -46,7 +55,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { ScenarioExecutionStore } from '../../stores/ScenarioExecutionStore.js';
 
 
-
+const first = ref(0);
 const router = useRouter();
 const route = useRoute();
 const value = ref('');
@@ -76,6 +85,11 @@ const goToScenarioExec = (execScenarioItem) => {
     });
 };
 
+function onPage(event) {
+    first.value = event.first; 
+}
+
+
 
 </script>