Egalware/cms_thermo_active
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dynamic document title

Browse Source
This commit is contained in:
Paolo Possanzini
2018-01-12 18:13:29 +01:00
parent 15bb752337
commit a1eaf04369
4 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Step/wwwroot/dist/build.js
Vendored
+3 -3
View File
File diff suppressed because one or more lines are too long
Step/wwwroot/src/app.routes.js
+7 -7
View File
@@ -1,13 +1,13 @@
import { Home, TestLoader, TestEmpty, TestHeader } from "./app.modules";
export let routes = [
{ path: "", component: Home, name: "home" },
{ path: "/production" },
{ path: "/tools" },
{ path: "/report" },
{ path: "/alarms" },
{ path: "/maintenance" },
{ path: "/utility" },
{ path: "", component: Home, name: "home", meta: { title: "Step - Dashboard" } },
{ path: "/production", meta: { title: "Step - Production" } },
{ path: "/tools", meta: { title: "Step - Tools" } },
{ path: "/report", meta: { title: "Step - Reports" } },
{ path: "/alarms", meta: { title: "Step - Alarms" } },
{ path: "/maintenance", meta: { title: "Step - Maintenance" } },
{ path: "/utility", meta: { title: "Step - Utility" } },
{ path: "/scada" },
{ path: "/test/loader", component: TestLoader, name: "testloader" },
{ path: "/test/empty", component: TestEmpty, name: "testloader" },
Step/wwwroot/src/main.js
+11
View File
@@ -18,6 +18,17 @@ Vue.use(VeeValidate); // forms validation for vuejs
let router = new VueRouter({ linkActiveClass: "inpath", linkExactActiveClass: "active" });
router.addRoutes(routes);
// manipulate the title page
router.beforeEach((to, from, next) => {
if (to.meta && to.meta.title) {
window.document.title = to.meta.title;
}
next();
});
import { store } from "./store";
Step/wwwroot/src/modules/app-footer.vue
+6 -6
View File
@@ -2,12 +2,12 @@
<footer>
<div class="container">
<button @click="openProgram('production')" class="oval main-production" :class="{ big:isInPath('production') && !state.isMainViewLiftedUp}"> </button>
<button @click="openProgram('tools')" class="oval tools-manager" :class="{ big:isInPath('tools') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('report')" class="oval report-manager" :class="{ big:isInPath('report') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('alarms')" class="oval alarms-manager" :class="{ big:isInPath('alarms') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('maintenance')" class="oval maintenance-manager" :class="{ big:isInPath('maintenance') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('utilities')" class="oval utilities" :class="{ big:isInPath('utilities') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/production')" class="oval main-production" :class="{ big:isInPath('production') && !state.isMainViewLiftedUp}"> </button>
<button @click="openProgram('/tools')" class="oval tools-manager" :class="{ big:isInPath('tools') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/report')" class="oval report-manager" :class="{ big:isInPath('report') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/alarms')" class="oval alarms-manager" :class="{ big:isInPath('alarms') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/maintenance')" class="oval maintenance-manager" :class="{ big:isInPath('maintenance') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/utilities')" class="oval utilities" :class="{ big:isInPath('utilities') && !state.isMainViewLiftedUp}"></button>
<button @click="openProgram('/test/header')" class="oval scada" :class="{ big:isInPath('/test/header') && !state.isMainViewLiftedUp}"></button>
</div>
<div class="machine-area">