TT#39754 Global: Implement dynamic page title

Change-Id: Ice88aaffb810daf422294601c0d66ff87c003fdd
7 years ago · 63b943336d
parent 9c1f6ae2e5
commit 63b943336d
4 changed files with 23 additions and 4 deletions
--- a/src/index.html
+++ b/src/index.html
@ -5,7 +5,7 @@
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
-    <title>Sipwise Customer Self Care</title>
+    <title></title>
    <link rel="icon" href="statics/favicon.ico" type="image/x-icon">
  </head>
  <body>
--- a/src/locales/en.json
+++ b/src/locales/en.json
@ -1,5 +1,5 @@
 {
-    "title": "Customer Self-Care Portal",
+    "title": "CSC",
    "rtcEngineDisconnected": "You can not start a call. Service ist currently unavailable.",
    "startCall": "Call",
    "startAudioCall": "Audio Only",
@ -58,7 +58,7 @@
    },
    "pages": {
        "login": {
-            "title": "Customer Self-Care Portal",
+            "title": "Subscriber Sign In",
            "button": "Sign In",
            "error": "Wrong username or password",
            "username": "Username",
--- a/src/router.js
+++ b/src/router.js
@ -1,8 +1,10 @@

+import _ from 'lodash'
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import { store } from './store'
 import routes from './routes'
+import { i18n } from './i18n'

 Vue.use(VueRouter);

@ -10,6 +12,20 @@ var router = new VueRouter({
    routes: routes
 });

+router.beforeEach((to, from, next) => {
+    let mainTitle = i18n.t('title');
+    let title = _.get(to, 'meta.title', '');
+    let subTitle = _.get(to, 'meta.subtitle', '');
+    if(mainTitle !== '') {
+        title = mainTitle + ' - ' + title;
+    }
+    if(subTitle !== '') {
+        title = title + " - " + subTitle;
+    }
+    document.title = title;
+    next();
+});
+
 router.beforeEach((to, from, next) => {
    if (!store.getters['user/isLogged'] && to.path !== '/login') {
        next({
--- a/src/routes.js
+++ b/src/routes.js
@ -120,7 +120,10 @@ export default [
    },
    {
        path: '/login',
-        component: Login
+        component: Login,
+        meta: {
+            title: i18n.t('pages.login.title')
+        }
    },
    {
        path: '/',