From 208290994266f7325921da44ea81e36620be19b9 Mon Sep 17 00:00:00 2001
From: Carlo Venusino <cvenusino@sipwise.com>
Date: Thu, 20 Feb 2020 21:11:36 +0100
Subject: [PATCH] TT#75750 As a Customer, I want to see the subscriber's
 primary number

Change-Id: I50473770f19ea1f85990311a45b49fd4f7aff045
---
 .../pages/NewCallForward/CscCallForward.vue   | 29 ---------
 .../pages/NewCallForward/NewCallForward.vue   | 64 +++++++++++++++++++
 src/locales/en.json                           |  4 ++
 src/routes.js                                 |  4 +-
 src/store/index.js                            |  2 +
 src/store/new-call-forward.js                 | 13 ++++
 6 files changed, 85 insertions(+), 31 deletions(-)
 delete mode 100644 src/components/pages/NewCallForward/CscCallForward.vue
 create mode 100644 src/components/pages/NewCallForward/NewCallForward.vue
 create mode 100644 src/store/new-call-forward.js

diff --git a/src/components/pages/NewCallForward/CscCallForward.vue b/src/components/pages/NewCallForward/CscCallForward.vue
deleted file mode 100644
index bf5dde4e..00000000
--- a/src/components/pages/NewCallForward/CscCallForward.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <csc-page>
-        New CallForward entry point
-    </csc-page>
-</template>
-
-<script>
-    import { mapState, mapGetters } from 'vuex'
-    // import {
-    //     startLoading,
-    //     stopLoading,
-    //     showToast,
-    //     showGlobalError
-    // } from '../../../helpers/ui'
-    // import CscPage from '../../CscPage'
-    export default {
-        data () {},
-        components: {},
-        created() {},
-        computed: {
-            ...mapState('callForward', []),
-            ...mapGetters('callForward', [])
-        },
-        watch: {}
-    }
-</script>
-
-<style lang="stylus" rel="stylesheet/stylus">
-</style>
diff --git a/src/components/pages/NewCallForward/NewCallForward.vue b/src/components/pages/NewCallForward/NewCallForward.vue
new file mode 100644
index 00000000..a3db692f
--- /dev/null
+++ b/src/components/pages/NewCallForward/NewCallForward.vue
@@ -0,0 +1,64 @@
+<template>
+    <csc-page
+        class="csc-simple-page"
+    >
+        <div
+            class="row"
+        >
+            <div
+                class="col col-xs-12 col-md-6"
+            >
+                <q-field
+                    class="csc-form-field"
+                >
+                    <q-toggle
+                        :label="toggleLabel"
+                        :value="primaryNumberEnabled"
+                        :left-label="true"
+                        @input="togglePrimaryNumber()"
+
+                    />
+                </q-field>
+            </div>
+        </div>
+    </csc-page>
+</template>
+
+<script>
+    import { mapState, mapGetters } from 'vuex'
+    import {
+        QField,
+        QToggle
+    } from 'quasar-framework'
+    import CscPage from '../../CscPage'
+    export default {
+        data () {
+            return {};
+        },
+        components: {
+            CscPage,
+            QField,
+            QToggle
+        },
+        created() {},
+        computed: {
+            ...mapState('newCallForward', []),
+            ...mapGetters('newCallForward', [
+                'subscriberDisplayName'
+            ]),
+            primaryNumberEnabled(){
+                return true;
+            },
+            toggleLabel(){
+                return `${this.$t('pages.newCallForward.primarNumberEnabled')} ${this.subscriberDisplayName}`;
+            }
+        },
+        methods: {
+            togglePrimaryNumber(){}
+        },
+        watch: {}
+    }
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus">
+</style>
diff --git a/src/locales/en.json b/src/locales/en.json
index e23bf7ed..f56f3ead 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -209,6 +209,10 @@
             "timeChangedToast": "Reminder: Time changed to {time}",
             "recurrenceChangedToast": "Reminder: Recurrence changed to \"{recurrence}\""
         },
+        "newCallForward": {
+            "primarNumberEnabled": "All calls go to the primary number",
+            "primarNumberDisabled": "No call goes to"
+        },
         "callForward": {
             "titles": {
                 "always": "Always",
diff --git a/src/routes.js b/src/routes.js
index ba598254..21999aae 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -6,7 +6,7 @@ import ConferenceLayout from './components/layouts/Conference'
 import DefaultLayout from './components/layouts/Default'
 import Home from './components/pages/Home'
 import Conversations from './components/pages/Conversations/Conversations'
-import CallForward from './components/pages/NewCallForward/CscCallForward'
+import NewCallForward from './components/pages/NewCallForward/NewCallForward'
 import CallForwardAlways from './components/pages/CallForward/Always'
 import CallForwardCompanyHours from './components/pages/CallForward/CompanyHours'
 import CallForwardAfterHours from './components/pages/CallForward/AfterHours'
@@ -48,7 +48,7 @@ export default [
             },
             {
                 path: 'new-call-forward',
-                component: CallForward
+                component: NewCallForward
             },
             {
                 path: 'call-forward/always',
diff --git a/src/store/index.js b/src/store/index.js
index fe23605d..2177f3c3 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -5,6 +5,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import CallBlockingModule from './call-blocking'
 import CallForwardModule from './call-forward'
+import NewCallForwardModule from './new-call-forward'
 import CallModule, {errorVisibilityTimeout} from './call'
 import ConversationsModule from './conversations'
 
@@ -39,6 +40,7 @@ export const store = new Vuex.Store({
     modules: {
         callBlocking: CallBlockingModule,
         callForward: CallForwardModule,
+        newCallForward: NewCallForwardModule,
         call: CallModule,
         conversations: ConversationsModule,
         reminder: ReminderModule,
diff --git a/src/store/new-call-forward.js b/src/store/new-call-forward.js
new file mode 100644
index 00000000..7ae69224
--- /dev/null
+++ b/src/store/new-call-forward.js
@@ -0,0 +1,13 @@
+'use strict';
+
+
+export default {
+    namespaced: true,
+    getters: {
+        subscriberDisplayName(state, getters, rootState, rootGetters) {
+            return rootGetters['user/getUsername'];
+        }
+    },
+    mutations: {},
+    actions: {}
+};