From 2e4b0cc5172b16c85dfc246b7c43f73493104834 Mon Sep 17 00:00:00 2001
From: Gustavo Bascope <gustavo.bascope@processmaker.com>
Date: Tue, 11 Jul 2023 14:51:15 -0400
Subject: [PATCH 1/3] Add title to participated flows tooltip

---
 .../js/processes/modeler/components/ProcessMapTooltip.vue      | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/resources/js/processes/modeler/components/ProcessMapTooltip.vue b/resources/js/processes/modeler/components/ProcessMapTooltip.vue
index 0afe994089..d392e126a3 100644
--- a/resources/js/processes/modeler/components/ProcessMapTooltip.vue
+++ b/resources/js/processes/modeler/components/ProcessMapTooltip.vue
@@ -39,6 +39,9 @@
         </p>
       </div>
       <div v-if="!tokenResult.hasOwnProperty('message') && tokenResult.is_sequence_flow">
+        <p class="tooltip-title">
+          <span class="text-info">{{ nodeName }}</span>
+        </p>
         <p class="tooltip-data">
           <span class="tooltip-data-title">
             {{ repeatMessage }}

From cd2907d5649671c0b251cfca2b80686f533f8d26 Mon Sep 17 00:00:00 2001
From: Gustavo Bascope <gustavo.bascope@processmaker.com>
Date: Tue, 11 Jul 2023 14:27:58 -0400
Subject: [PATCH 2/3] add new label to the map legend

Add the process map legend: Pending / Not Executed
---
 .../processes/modeler/partials/map-legend.blade.php    | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/views/processes/modeler/partials/map-legend.blade.php b/resources/views/processes/modeler/partials/map-legend.blade.php
index a946c49bd3..d3c868684b 100644
--- a/resources/views/processes/modeler/partials/map-legend.blade.php
+++ b/resources/views/processes/modeler/partials/map-legend.blade.php
@@ -8,6 +8,10 @@
       <span class="line completed-line"></span>
       {{ __('Completed') }}
     </p>
+    <p class="map-legend-label map-legend-label-margin">
+      <span class="line idle-line"></span>
+      {{ __('Pending / Not Executed') }}
+    </p>
   </div>
 </div>
 
@@ -17,6 +21,7 @@
     :root {
       --color-line-in-progress: #3FA6FF;
       --color-line-completed: #00BA7C;
+      --color-line-idle: #CCCCCC;
     }
 
     #map-legend.map-legend-card {
@@ -57,5 +62,10 @@
       border-right-style: solid;
       border-right-color: var(--color-line-completed);
     }
+    .idle-line {
+      border-right-style: solid;
+      border-right-color: var(--color-line-idle);
+    }
+
   </style>
 @endsection

From 14a08322734da71236d8a8e2adf11ac86e976eae Mon Sep 17 00:00:00 2001
From: Gustavo Bascope <gustavo.bascope@processmaker.com>
Date: Wed, 12 Jul 2023 15:37:25 -0400
Subject: [PATCH 3/3] Change the process map legend to the iframe

---
 resources/views/processes/modeler/inflight.blade.php          | 1 +
 .../views/processes/modeler/partials/map-legend.blade.php     | 4 ++--
 resources/views/requests/show.blade.php                       | 1 -
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/processes/modeler/inflight.blade.php b/resources/views/processes/modeler/inflight.blade.php
index 2c6ba08c8f..88356b2306 100644
--- a/resources/views/processes/modeler/inflight.blade.php
+++ b/resources/views/processes/modeler/inflight.blade.php
@@ -6,6 +6,7 @@
 
 @section('content')
   <div id="modeler-app"></div>
+  @include('processes.modeler.partials.map-legend')
 @endsection
 
 @section('css')
diff --git a/resources/views/processes/modeler/partials/map-legend.blade.php b/resources/views/processes/modeler/partials/map-legend.blade.php
index d3c868684b..ead2a3f8c7 100644
--- a/resources/views/processes/modeler/partials/map-legend.blade.php
+++ b/resources/views/processes/modeler/partials/map-legend.blade.php
@@ -26,8 +26,8 @@
 
     #map-legend.map-legend-card {
       position: absolute;
-      top: 70px;
-      right: 35px;
+      top: 30px;
+      right: 30px;
     }
 
     .map-legend-body {
diff --git a/resources/views/requests/show.blade.php b/resources/views/requests/show.blade.php
index 196a4456cf..569464910b 100644
--- a/resources/views/requests/show.blade.php
+++ b/resources/views/requests/show.blade.php
@@ -244,7 +244,6 @@ class="tab-pane card card-body border-top-0 p-3">
                       src="{{ route('modeler.inflight', ['process' => $request->process->id, 'request' => $request->id]) }}"
                       width="100%" height="640px" frameborder="0" style="border-radius: 4px;"
                       @load="onLoadIframe"></iframe>
-                    @include('processes.modeler.partials.map-legend')
                   </div>
                 </div>
               </div>