PMCORE-2673 'Default Cases menu option' field does not work

fix code style

add legacy frame

resources/assets/js/home/Home.vue

@@ -22,6 +22,7 @@
                 ref="component"
                 :filters="filters"
                 :id="pageId"
+                :pageUri="pageUri"
                 :name="pageName"
                 @onSubmitFilter="onSubmitFilter"
                 @onRemoveFilter="onRemoveFilter"
@@ -46,6 +47,7 @@ import CaseDetail from "./CaseDetail";
 import XCase from "./XCase";
 import TaskReassignments from "./TaskReassignments";
 import AdvancedSearch from "./AdvancedSearch";
+import LegacyFrame from "./LegacyFrame";
 
 import api from "./../api/index";
 
@@ -64,6 +66,7 @@ export default {
         Paused,
         Unassigned,
         CaseDetail,
+        LegacyFrame
     },
     data() {
         return {
@@ -78,7 +81,19 @@ export default {
             sidebarWidth: "310px",
             pageId: null,
             pageName: null,
+            pageUri: null,
             filters: null,
+            menuMap: {
+                CASES_MY_CASES: "MyCases",
+                CASES_SEARCH: "advanced-search",
+                CASES_INBOX: "todo",
+                CASES_DRAFT: "draft",
+                CASES_PAUSED: "paused",
+                CASES_SELFSERVICE: "unassigned",
+                CONSOLIDATED_CASES: "batch-routing",
+                CASES_TO_REASSIGN: "task-reassignments",
+                CASES_FOLDERS: "my-documents"
+            }
         };
     },
     mounted() {
@@ -86,7 +101,10 @@ export default {
         window.addEventListener("resize", this.onResize);
         this.getMenu();
         this.listenerIframe();
-        window.setInterval(this.setCounter, parseInt(window.config.FORMATS.casesListRefreshTime) * 1000);
+        window.setInterval(
+            this.setCounter,
+            parseInt(window.config.FORMATS.casesListRefreshTime) * 1000
+        );
     },
     methods: {
         /**
@@ -94,12 +112,18 @@ export default {
          */
         listenerIframe() {
             let that = this,
-                eventMethod = window.addEventListener? "addEventListener": "attachEvent",
+                eventMethod = window.addEventListener
+                    ? "addEventListener"
+                    : "attachEvent",
                 eventer = window[eventMethod],
-	            messageEvent = eventMethod === "attachEvent"? "onmessage": "message";
+                messageEvent =
+                    eventMethod === "attachEvent" ? "onmessage" : "message";
 
             eventer(messageEvent, function(e) {
-                if (e.data === "redirect=todo" || e.message === "redirect=todo"){ 
+                if (
+                    e.data === "redirect=todo" ||
+                    e.message === "redirect=todo"
+                ) {
                     that.page = "todo";
                 }
             });
@@ -111,6 +135,7 @@ export default {
             api.menu
                 .get()
                 .then((response) => {
+                    this.setDefaultCasesMenu(response.data);
                     this.menu = this.mappingMenu(response.data);
                     this.setCounter();
                 })
@@ -118,6 +143,18 @@ export default {
                     console.error(e);
                 });
         },
+        /**
+         * Set default cases menu option
+         */
+        setDefaultCasesMenu(data) {
+            let menuItem = _.find(data, function(o) {
+                return o.id === window.config._nodeId;
+            });
+            if (menuItem && menuItem.href) {
+                this.page = this.menuMap[window.config._nodeId] || "MyCases";
+                this.$router.push(menuItem.href);
+            }
+        },
         /**
          * Do a mapping of vue view for menus
          * @returns array
@@ -126,22 +163,13 @@ export default {
             var i,
                 j,
                 newData = data,
-                auxId,
+                auxId;
-                viewVue = {
-                    CASES_MY_CASES: "MyCases",
-                    CASES_SEARCH: "advanced-search",
-                    CASES_INBOX: "todo",
-                    CASES_DRAFT: "draft",
-                    CASES_PAUSED: "paused",
-                    CASES_SELFSERVICE: "unassigned",
-                    CONSOLIDATED_CASES: "batch-routing",
-                    CASES_TO_REASSIGN: "task-reassignments",
-                    CASES_FOLDERS: "my-documents",
-                };
             for (i = 0; i < data.length; i += 1) {
                 auxId = data[i].id || "";
-                if (auxId !== "" && viewVue[auxId]) {
+                if (auxId !== "" && this.menuMap[auxId]) {
-                    newData[i].id = viewVue[auxId];
+                    newData[i].id = this.menuMap[auxId];
+                } else if (newData[i].href) {
+                    newData[i].id  = "LegacyFrame";
                 }
             }
             return newData;
@@ -151,10 +179,12 @@ export default {
                 this.page = "advanced-search";
                 this.filters = item.item.filters;
                 this.pageId = item.item.id;
+                this.pageUri = item.item.href;
                 this.pageName = item.item.title;
             } else {
                 this.filters = [];
                 this.pageId = null;
+                this.pageUri = item.item.href;
                 this.page = item.item.id || "MyCases";
                 if (this.$refs["component"] && this.$refs["component"].updateView) {
                     this.$refs["component"].updateView();
@@ -276,7 +306,7 @@ export default {
         onUpdateFilters(filters) {
             this.filters = filters;
         }
-    },
+    }
 };
 </script>
 

resources/assets/js/home/LegacyFrame.vue

@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <iframe
+      :width="width"
+      ref="xIFrame"
+      frameborder="0"
+      :src="pageUri"
+      :height="height"
+      allowfullscreen
+    ></iframe>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "LegacyFrame",
+  components: {},
+  props: {
+    pageUri: String,
+  },
+  mounted() {
+    this.height = window.innerHeight - this.diffHeight;
+  },
+  data() {
+    return {
+      height: "100%",
+      width: "100%",
+      diffHeight: 10
+    };
+  },
+  methods: {
+    classBtn(cls) {
+      return "btn v-btn-request " + cls;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

resources/assets/js/home/MyCases.vue

@@ -126,6 +126,11 @@ export default {
     },
     mounted() {
         this.getHeaders();
+        // force to open start cases modal
+        // if the user has start case as a default case menu option
+        if (window.config._nodeId === "CASES_START_CASE") {
+            this.$refs["newRequest"].show();
+        }
     },
     watch: {},
     computed: {

workflow/engine/menus/cases.php

@@ -65,7 +65,7 @@ $G_TMP_MENU->AddIdRawOption(
 $G_TMP_MENU->AddIdRawOption(
     'CASES_SENT',
     'casesListExtJs?action=sent',
-    G::LoadTranslation('ID_SENT'),
+    G::LoadTranslation('ID_MY_CASES'),
     'icon-cases-outbox.png'
 );
 $G_TMP_MENU->AddIdRawOption(

workflow/engine/methods/cases/viena_init.php

@@ -131,6 +131,8 @@ $userCanAccess = 1;
 global $translation;
 
 $pmDynaform = new PmDynaform();
+ScriptVariables::add('defaultOption', $defaultOption);
+ScriptVariables::add('_nodeId', isset($confDefaultOption) ? $confDefaultOption : "PM_USERS");
 ScriptVariables::add('SYS_CREDENTIALS', $pmDynaform->getCredentials());
 ScriptVariables::add('SYS_SERVER', System::getHttpServerHostnameRequestsFrontEnd());
 ScriptVariables::add('SYS_WORKSPACE', config("system.workspace"));