From 460f6b9ada7cfbd7683a333b4dcb529140592660 Mon Sep 17 00:00:00 2001
From: elsiosanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Fri, 28 Feb 2020 02:18:20 -0400
Subject: [PATCH] Support in the style of Workflow Status Bar (#375)

* Support in the style of Workflow Status Bar

* add style to .el-step_arrow

* change in the style

* unnecessary request
---
 src/components/ADempiere/Panel/index.vue      | 10 +++---
 .../ADempiere/WorkflowStatusBar/index.vue     | 32 +++++++++++++++++--
 src/views/ADempiere/Window/index.vue          | 23 +++++++++----
 3 files changed, 52 insertions(+), 13 deletions(-)

diff --git a/src/components/ADempiere/Panel/index.vue b/src/components/ADempiere/Panel/index.vue
index 00e13358..ec511768 100644
--- a/src/components/ADempiere/Panel/index.vue
+++ b/src/components/ADempiere/Panel/index.vue
@@ -615,10 +615,12 @@ export default {
       return groupsList
     },
     setTagsViewTitle(actionValue) {
-      this.$store.dispatch('listDocumentStatus', {
-        recordUuid: this.$route.query.action,
-        recordId: this.$route.params.recordId
-      })
+      if (!this.isEmptyValue(this.$route.params.recordId)) {
+        this.$store.dispatch('listDocumentStatus', {
+          recordUuid: this.$route.query.action,
+          recordId: this.$route.params.recordId
+        })
+      }
       if (actionValue === 'create-new' || this.isEmptyValue(actionValue)) {
         this.tagTitle.action = this.$t('tagsView.newRecord')
       } else if (actionValue === 'advancedQuery') {
diff --git a/src/components/ADempiere/WorkflowStatusBar/index.vue b/src/components/ADempiere/WorkflowStatusBar/index.vue
index d038c022..1f71fe7d 100644
--- a/src/components/ADempiere/WorkflowStatusBar/index.vue
+++ b/src/components/ADempiere/WorkflowStatusBar/index.vue
@@ -38,7 +38,7 @@
           </el-tag>
           <p v-if="isEmptyValue(descriptionDocumentActions)"> {{ getValue.description }} </p>
           <p v-else> {{ descriptionDocumentActions }} </p>
-          <el-button slot="reference" type="text" :autofocus="true" class="title"> {{ node.name }} </el-button>
+          <el-link slot="reference" :autofocus="true" :underline="false" class="title"> {{ node.name }} </el-link>
         </el-popover>
         <span v-else> {{ node.name }} </span>
       </template>
@@ -226,6 +226,21 @@ export default {
     align-items: center;
     width: 50%;
   }
+  .el-step.is-simple .el-step__arrow {
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    /* flex-grow: 1; */
+    display: flex;
+    display: -ms-flexbox;
+    margin-top: -9px !important;
+    /* margin-bottom: -7px; */
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+  }
   .el-step.is-simple .el-step__main {
     position: relative;
     display: -webkit-box;
@@ -242,8 +257,21 @@ export default {
   }
   .title {
     color: #000000;
-    text-size-adjust: 20px;
+    text-size-adjust: 14px;
     font-size: 100%;
     font-weight: 605!important;
   }
+  .el-step.is-simple .el-step__title {
+    font-size: 14px;
+    line-height: 20px;
+  }
+  .el-step.is-simple:last-of-type .el-step__arrow {
+    display: flex;
+  }
+  .el-step.is-simple .el-step__head {
+    width: auto;
+    font-size: 0;
+    padding-right: 10px;
+    margin-bottom: -5px !important;
+  }
 </style>
diff --git a/src/views/ADempiere/Window/index.vue b/src/views/ADempiere/Window/index.vue
index 51630d03..42204397 100644
--- a/src/views/ADempiere/Window/index.vue
+++ b/src/views/ADempiere/Window/index.vue
@@ -58,15 +58,17 @@
                   <resize-observer @notify="handleResize" />
                   <Split v-shortkey="['f8']" direction="vertical" @onDrag="onDrag" @shortkey.native="handleChangeShowedRecordNavigation(!isShowedRecordNavigation)">
                     <SplitArea :size="sizeAreaStyle" :style="splitAreaStyle">
-                      <el-header style="height: 50px; background: #F5F7FA">
+                      <el-header :style="gettersNodeList ? 'height: 45px; background: #F5F7FA' : 'height: 40px'">
                         <el-container>
                           <el-aside width="100%" style="width: 78vw;overflow: hidden;">
-                            <workflow-status-bar
-                              :style-steps="styleStepsSimple"
-                              :container-uuid="windowMetadata.currentTabUuid"
-                              :parent-uuid="windowUuid"
-                              :panel-type="panelType"
-                            />
+                            <el-scrollbar>
+                              <workflow-status-bar
+                                :style-steps="styleStepsSimple"
+                                :container-uuid="windowMetadata.currentTabUuid"
+                                :parent-uuid="windowUuid"
+                                :panel-type="panelType"
+                              />
+                            </el-scrollbar>
                           </el-aside>
                           <el-main>
                             <context-menu
@@ -525,6 +527,13 @@ export default {
         }
       })
       return record
+    },
+    gettersNodeList() {
+      var node = this.$store.getters.getNodeWorkflow
+      if (!this.isEmptyValue(node.workflowsList)) {
+        return true
+      }
+      return false
     }
   },
   watch: {