TT#75750 As a Customer, I want to see the subscriber's primary number

Change-Id: I50473770f19ea1f85990311a45b49fd4f7aff045

src/components/pages/NewCallForward/CscCallForward.vue

@@ -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>

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>

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",

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',

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,

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: {}
+};