From d3591a2fc2b4f61261a801b3cb4028ce9b282e9f Mon Sep 17 00:00:00 2001
From: Carlo Venusino <cvenusino@sipwise.com>
Date: Mon, 31 Aug 2020 10:37:51 +0200
Subject: [PATCH] TT#91101 CSC: As a Customer, I want to add new CF
 implementation to main menu

Change-Id: I212fadec0be4a9920c009802d3e5ffaa2db7af8d
---
 src/components/layouts/Default.vue         |  7 +++
 src/components/layouts/MainMenu.vue        |  6 ++
 src/components/layouts/NewFeaturesMenu.vue | 64 ++++++++++++++++++++++
 src/locales/en.json                        |  8 +++
 4 files changed, 85 insertions(+)
 create mode 100644 src/components/layouts/NewFeaturesMenu.vue

diff --git a/src/components/layouts/Default.vue b/src/components/layouts/Default.vue
index 2ca7c847..fb3ac2ea 100644
--- a/src/components/layouts/Default.vue
+++ b/src/components/layouts/Default.vue
@@ -144,6 +144,10 @@
             :is-pbx-enabled="isPbxEnabled"
             :is-pbx-configuration="isPbxConfiguration"
         />
+        <csc-new-features-menu
+            slot="left"
+            :menu-minimized="menuMinimized"
+        />
         <router-view />
         <csc-send-fax
             ref="sendFax"
@@ -217,6 +221,7 @@
         QFab
     } from 'quasar-framework'
     import CscMainMenu from "./MainMenu"
+    import CscNewFeaturesMenu from "./NewFeaturesMenu"
     import CscLanguageMenu from "./CscLanguageMenu"
     import CscUserMenu from "./CscUserMenu"
     import {
@@ -249,6 +254,7 @@
         ],
         components: {
             CscMainMenu,
+            CscNewFeaturesMenu,
             CscLanguageMenu,
             QLayout,
             QToolbar,
@@ -551,6 +557,7 @@
     .page.page-call-active
         padding-bottom 120px
     #main-menu
+    #new-features-menu
         padding 0
         .q-item
             padding-top $flex-gutter-xs * 1.4
diff --git a/src/components/layouts/MainMenu.vue b/src/components/layouts/MainMenu.vue
index d8d88300..94d4e506 100644
--- a/src/components/layouts/MainMenu.vue
+++ b/src/components/layouts/MainMenu.vue
@@ -254,6 +254,7 @@
         QItemMain,
         QCollapsible
     } from 'quasar-framework'
+    import router from '../../router'
     export default {
         name: 'csc-main-menu',
         data () {
@@ -279,6 +280,11 @@
             ...mapGetters('user', [
                 'isRtcEngineUiVisible'
             ])
+        },
+        methods: {
+            openNewCallForward () {
+                router.push({path:'/user/new-call-forward'})
+            }
         }
     }
 </script>
diff --git a/src/components/layouts/NewFeaturesMenu.vue b/src/components/layouts/NewFeaturesMenu.vue
new file mode 100644
index 00000000..695465a4
--- /dev/null
+++ b/src/components/layouts/NewFeaturesMenu.vue
@@ -0,0 +1,64 @@
+<template>
+    <q-list
+        id="new-features-menu"
+        no-border
+        link
+        inset-delimiter
+    >
+        <q-list-header
+            v-if="!isMenuMinimized"
+        >
+            {{$t('navigation.newFeatures.header.title')}}
+        </q-list-header>
+        <q-side-link
+            item
+            to="/user/new-call-forward"
+        >
+            <q-item-side
+                icon="phone forwarded"
+            />
+            <q-item-main
+                :label="$t('navigation.callForward.title')"
+            />
+        </q-side-link>
+    </q-list>
+</template>
+
+<script>
+    import {
+        QToolbar,
+        QToolbarTitle,
+        QList,
+        QListHeader,
+        QSideLink,
+        QItemSide,
+        QItemMain
+    } from 'quasar-framework'
+    export default {
+        name: 'csc-new-features-menu',
+        data () {
+            return {
+                isMenuMinimized: false
+            }
+        },
+        components: {
+            QToolbar,
+            QToolbarTitle,
+            QList,
+            QListHeader,
+            QSideLink,
+            QItemSide,
+            QItemMain
+        },
+        props: [
+            'menuMinimized'
+        ],
+        watch: {
+            menuMinimized(state){
+                this.isMenuMinimized = state;
+            }
+        }
+    }
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus"></style>
diff --git a/src/locales/en.json b/src/locales/en.json
index b272c1b0..ea8cf69c 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -119,6 +119,14 @@
         },
         "conference": {
             "title": "Join conference"
+        },
+        "newFeatures": {
+            "header": {
+                "title": "New features"
+            },
+            "callForward": {
+                "title": "Call Forward"
+            }
         }
     },
     "pages": {