From d2fc0c5713fb23817ff0d586f12055f53ab9c3c7 Mon Sep 17 00:00:00 2001
From: elsiosanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Tue, 25 Feb 2020 18:22:12 -0400
Subject: [PATCH] Support mobile (#359)

---
 .../ADempiere/Field/chatTextLong.vue          |  2 +-
 src/views/ADempiere/Window/index.vue          | 68 +++++++++++++++++--
 2 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/src/components/ADempiere/Field/chatTextLong.vue b/src/components/ADempiere/Field/chatTextLong.vue
index 7d04ca37..5a347f4a 100644
--- a/src/components/ADempiere/Field/chatTextLong.vue
+++ b/src/components/ADempiere/Field/chatTextLong.vue
@@ -137,7 +137,7 @@ export default {
       })
     },
     preHandleChange(value) {
-      var comment = this.editor.getHtml(value)
+      var comment = value
       if (this.clean) {
         this.$store.dispatch('setchatText', comment)
           .then((responseComment) => {
diff --git a/src/views/ADempiere/Window/index.vue b/src/views/ADempiere/Window/index.vue
index 77a4865b..c8bff0c0 100644
--- a/src/views/ADempiere/Window/index.vue
+++ b/src/views/ADempiere/Window/index.vue
@@ -15,7 +15,7 @@
                     <div class="small-4 columns">
                       <div class="w">
                         <div class="open-left" />
-                        <div class="open-datatable-aside">
+                        <div :class="styleTableNavigation">
                           <el-button
                             v-show="!isPanel"
                             :icon="iconShowedRecordNavigation"
@@ -25,7 +25,7 @@
                             @click="handleChangeShowedRecordNavigation(false)"
                           />
                           <el-button
-                            v-show="!isPanel"
+                            v-show="!isPanel && !isMobile"
                             :icon="iconIsShowedAside"
                             circle
                             class="el-button-window"
@@ -73,8 +73,53 @@
                           :tabs-list="windowMetadata.tabsListParent"
                           class="tab-window"
                         />
-                        <div :class="classIsContainerInfo">
-                          <el-button v-show="!show" type="info" icon="el-icon-info" circle style="float: right;" class="el-button-window" @click="conteInfo" />
+                        <div v-if="isMobile">
+                          <el-card class="box-card">
+                            <el-tabs v-model="activeInfo" @tab-click="handleClick">
+                              <el-tab-pane
+                                name="listChatEntries"
+                              >
+                                <span slot="label">
+                                  <i class="el-icon-s-comment" />
+                                  {{ $t('window.containerInfo.notes') }}
+                                </span>
+                                <div>
+                                  <chat-entries />
+                                </div>
+                              </el-tab-pane>
+                              <el-tab-pane
+                                name="listRecordLogs"
+                              >
+                                <span slot="label">
+                                  <svg-icon icon-class="tree-table" />
+                                  {{ $t('window.containerInfo.changeLog') }}
+                                </span>
+                                <div
+                                  key="change-log-loaded"
+                                >
+                                  <record-logs />
+                                </div>
+                              </el-tab-pane>
+                              <el-tab-pane
+                                v-if="getIsWorkflowLog"
+                                name="listWorkflowLogs"
+                              >
+                                <span slot="label">
+                                  <i class="el-icon-s-help" />
+                                  {{ $t('window.containerInfo.workflowLog') }}
+                                </span>
+                                <div
+                                  v-if="getIsWorkflowLog"
+                                  key="workflow-log-loaded"
+                                >
+                                  <workflow-logs />
+                                </div>
+                              </el-tab-pane>
+                            </el-tabs>
+                          </el-card>
+                        </div>
+                        <div style="right: 0%; top: 40%; position: absolute;">
+                          <el-button v-show="!show && !isMobile" type="info" icon="el-icon-info" circle style="float: right;" class="el-button-window" @click="conteInfo" />
                         </div>
                         <div class="small-4 columns">
                           <div class="wrapper">
@@ -340,8 +385,14 @@ export default {
         overflow: 'hidden'
       }
     },
+    styleTableNavigation() {
+      if (this.isShowedRecordNavigation && (this.isMobile)) {
+        return 'open-datatable-aside-mobile'
+      }
+      return 'open-datatable-aside'
+    },
     splitAreaStyle() {
-      if (this.isShowedTabsChildren) {
+      if (this.isShowedTabsChildren || (this.isMobile)) {
         return {
           overflow: 'auto'
         }
@@ -623,6 +674,13 @@ export default {
     z-index: 5;
     right: 1%!important;
   }
+  .open-datatable-aside-mobile {
+    position: absolute;
+    top: 41%;
+    display: grid;
+    z-index: 5;
+    right: 1%!important;
+  }
   .close-datatable {
     position: absolute;
     top: 45%;