From cc051d713449851736055b166975748d53e70838 Mon Sep 17 00:00:00 2001
From: Florinda <dalia.florinda@accenture.com>
Date: Tue, 19 Nov 2024 10:10:00 +0100
Subject: [PATCH] popup single RE + project button + exec list filter

---
 src/components/SingleClassViewer.vue | 21 +++++++++++++++++----
 src/layout/AppLayout.vue             |  1 +
 src/layout/AppProfileMenu.vue        |  2 +-
 src/layout/AppTopbar.vue             | 14 ++++++++------
 4 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/SingleClassViewer.vue b/src/components/SingleClassViewer.vue
index e65de51..c51db35 100644
--- a/src/components/SingleClassViewer.vue
+++ b/src/components/SingleClassViewer.vue
@@ -32,7 +32,7 @@
                 <div class="flex justify-end">
                     <Button label="Execute RE Class" 
                     severity="secondary" 
-                    rounded @click="doREClass" 
+                    rounded @click="openToastRE" 
                     v-tooltip.left="'Execute reverse engeenering for the class selected'"
                     :disabled="loadingStore.re_loading">
                         
@@ -109,6 +109,7 @@ import TabList from 'primevue/tablist';
 import TabPanel from 'primevue/tabpanel';
 import TabPanels from 'primevue/tabpanels';
 import Tabs from 'primevue/tabs';
+import { useConfirm } from 'primevue/useconfirm';
 import { useToast } from 'primevue/usetoast';
 import { defineProps, onMounted, reactive, ref, toRefs } from 'vue';
 import { HighCode } from 'vue-highlight-code';
@@ -119,7 +120,6 @@ import { useLayout } from './useLayout';
 
 
 
-
 //66f55e4b2894530b1c154f69
 const props = defineProps({
 className: {
@@ -127,7 +127,7 @@ className: {
     required: true
 }
 });
-
+const confirm = useConfirm();
 const { className } = toRefs(props);
 const  classDetails  = ref(null);
 const  classLoaded  = ref(false);
@@ -162,8 +162,21 @@ onMounted(() => {
 
 });
 
+const openToastRE = () => {
+    confirm.require({
+        message: 'Do you want to proceed for the Reverse Engeeniring for this class?',
+        header: 'RE Confirmation',
+        icon: 'pi pi-exclamation-triangle',
+        accept: () => {
+            doREClass();
+        }
+});
+}
+
 const doREClass = () => {
 
+    
+
     commonRevRequest.fullClassQualifiedName = className.value;
     commonRevRequest.applicationName = userPrefStore.getSelApp.internal_name;
     commonRevRequest.applicationProjectName = userPrefStore.selectedProject.internal_name;
@@ -209,7 +222,7 @@ const doREClass = () => {
 
 axios.get('/java-re-module/getProgressRevSingleClass/'+processId).then(response => {
 
-    //console.log("Polling response : ", response);
+    console.log("Polling response : ", response);
 
     if(response.data.status === "DONE"){
         console.log("status done")
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index 759f4f0..ae7b34c 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -85,6 +85,7 @@ const isOutsideClicked = (event) => {
         </div>
         <div class="layout-mask"></div>
     </div>
+    <ConfirmDialog />
     <Toast />
 </template>
 
diff --git a/src/layout/AppProfileMenu.vue b/src/layout/AppProfileMenu.vue
index a69c798..9ea572a 100644
--- a/src/layout/AppProfileMenu.vue
+++ b/src/layout/AppProfileMenu.vue
@@ -5,7 +5,7 @@
             <span v-if="user">
                 {{ user.name + " " + user.surname }}
             </span> 
-            <button @click="redirectProject()" class="p-button p-button-outlined">Projects</button>
+            <!-- <button @click="redirectProject()" class="p-button p-button-outlined">Projects</button> -->
             <button @click="auth.logout()" class="p-button p-button-danger p-button-outlined">Logout</button>
         </div>
     </div>
diff --git a/src/layout/AppTopbar.vue b/src/layout/AppTopbar.vue
index 51a4623..19ca88d 100644
--- a/src/layout/AppTopbar.vue
+++ b/src/layout/AppTopbar.vue
@@ -23,8 +23,6 @@ const props = defineProps(['page']);
 const userPrefStore = UserPrefStore();
 const scenario_store = ScenarioStore();
 const loadingStore = LoadingStore()
-
-
 const selectedApp = ref(userPrefStore.getSelApp);
 
 const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
@@ -40,6 +38,10 @@ async function updateApplication() {
 
 }
 
+function redirectProject() {
+    router.push('/projects'); // Specifica il percorso per la pagina "Projects"
+}
+
 function  appUpdated() {
     selectedApp.value = userPrefStore.getSelApp;
 }
@@ -105,9 +107,10 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
            
             </div>
             <div class="topbar-project">
-                    <span v-if="userPrefStore.user.selectedProject">
-                        <small>PROJECT:</small> {{ userPrefStore.user.selectedProject.fe_name }}
-                    </span> 
+                <button @click="redirectProject()" class="p-button p-button-outlined" v-tooltip="'Click to change the project'">{{ userPrefStore.user.selectedProject.fe_name }}</button>
+                    <!-- <span v-if="userPrefStore.user.selectedProject">
+                         <small>PROJECT:</small> {{ userPrefStore.user.selectedProject.fe_name }}
+                    </span>  -->
                 </div>
             <Dropdown 
                         v-model="selectedApp"
@@ -115,7 +118,6 @@ watch(() => userPrefStore.getSelApp, appUpdated, { immediate: true });
                         optionLabel="fe_name"
                         placeholder="Select an Application"
                         class="dropdown-list menu-list"
-                      
                         @change="updateApplication()"
                         :disabled="isDropdownDisabled"
                     />