Mercurial > gemma
annotate client/src/App.vue @ 1088:9e3ba050a7f7
client: improve file header (minor)
* Remove trailing spaces.
* Add BER as additional author.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Mon, 29 Oct 2018 17:53:48 +0100 |
parents | 4a0b62876a5f |
children | 31b36ef00784 |
rev | line source |
---|---|
3 | 1 <template> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
2 <div id="app" class="main"> |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface"> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
4 <div class="topcontainer"> |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
5 <Topbar :routeName="routeName"></Topbar> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
6 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
7 <div class="midcontainer d-flex flex-row"> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
8 <div class="leftcontainer"> |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
9 <Sidebar></Sidebar> |
1073 | 10 <Zoom></Zoom> |
1055
1ff8c072df18
WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents:
1033
diff
changeset
|
11 <Bottlenecks></Bottlenecks> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
12 </div> |
1073 | 13 <div class="middle"></div> |
14 <div class="rightcontainer"></div> | |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
15 </div> |
626
d4fa28bfa6ec
fix: layout minor fixes of buttons and menu
Thomas Junk <thomas.junk@intevation.de>
parents:
621
diff
changeset
|
16 <div class="bottomcontainer d-flex flex-row align-items-end"> |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
17 <Userbar></Userbar> |
816
cd79f62794dd
client: prepare survey selection
Bernhard Reiter <bernhard@intevation.de>
parents:
713
diff
changeset
|
18 <Morphtool v-if="routeName == 'mainview'"></Morphtool> |
713
badbc0207418
feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents:
649
diff
changeset
|
19 <Linetool v-if="routeName == 'mainview'"></Linetool> |
1033
fd7059f7cbdc
added UI for PDF export (with static PDFs)
Markus Kottlaender <markus@intevation.de>
parents:
1019
diff
changeset
|
20 <Pdftool v-if="routeName == 'mainview'"></Pdftool> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
21 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
22 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
23 <div class="d-flex flex-column"> |
1073 | 24 <router-view/> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
25 </div> |
581 | 26 </div> |
3 | 27 </template> |
28 | |
29 <style lang="scss"> | |
161
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
30 html { |
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
31 height: 100%; |
539
924490b3395b
refac: Loginmask reworked
Thomas Junk <thomas.junk@intevation.de>
parents:
161
diff
changeset
|
32 width: 100%; |
924490b3395b
refac: Loginmask reworked
Thomas Junk <thomas.junk@intevation.de>
parents:
161
diff
changeset
|
33 margin: 0 auto; |
161
b7ac2e4f9c5c
feat: collapsible sidebar
Thomas Junk <thomas.junk@intevation.de>
parents:
30
diff
changeset
|
34 } |
17
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
35 body { |
542
505656a9947f
refac: layout refactored
Thomas Junk <thomas.junk@intevation.de>
parents:
539
diff
changeset
|
36 height: 100%; |
505656a9947f
refac: layout refactored
Thomas Junk <thomas.junk@intevation.de>
parents:
539
diff
changeset
|
37 width: 100%; |
17
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
38 background-color: #efefef !important; |
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
39 } |
7d242100af46
Adjusted the look and feel of the login page according to ISC
Thomas Junk <thomas.junk@intevation.de>
parents:
13
diff
changeset
|
40 |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
41 .topcontainer { |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
42 height: 10vh; |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
43 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
44 |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
45 .bottomcontainer { |
626
d4fa28bfa6ec
fix: layout minor fixes of buttons and menu
Thomas Junk <thomas.junk@intevation.de>
parents:
621
diff
changeset
|
46 height: 10vh; |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
47 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
48 |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
49 .midcontainer { |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
50 height: 80vh; |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
51 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
52 |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
53 .rightcontainer { |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
54 width: 20vw; |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
55 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
56 |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
57 .leftcontainer { |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
58 width: 20vw; |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
59 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
60 |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
61 .middle { |
631
13bccabbf7c5
fix: usermenu or sidebar trigger arrangement of user/userdetailsview
Thomas Junk <thomas.junk@intevation.de>
parents:
626
diff
changeset
|
62 width: 60vw; |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
63 } |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
64 |
581 | 65 .userinterface { |
66 position: absolute; | |
67 top: 0; | |
68 left: 0; | |
69 height: 100vh; | |
70 width: 100vw; | |
71 z-index: 4; | |
72 pointer-events: none; | |
73 } | |
74 | |
3 | 75 #app { |
581 | 76 height: 100vh; |
77 width: 100vw; | |
3 | 78 font-family: "Avenir", Helvetica, Arial, sans-serif; |
79 -webkit-font-smoothing: antialiased; | |
80 -moz-osx-font-smoothing: grayscale; | |
81 text-align: center; | |
82 color: #2c3e50; | |
83 } | |
84 </style> | |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
85 |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
86 <script> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
87 /* |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
88 * This is Free Software under GNU Affero General Public License v >= 3.0 |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
89 * without warranty, see README.md and license for details. |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
90 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
91 * SPDX-License-Identifier: AGPL-3.0-or-later |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
92 * License-Filename: LICENSES/AGPL-3.0.txt |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
93 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
94 * Copyright (C) 2018 by via donau |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
95 * – Österreichische Wasserstraßen-Gesellschaft mbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
96 * Software engineering by Intevation GmbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
97 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
98 * Author(s): |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
99 * Thomas Junk <thomas.junk@intevation.de> |
1055
1ff8c072df18
WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents:
1033
diff
changeset
|
100 * Markus Kottländer <markus.kottlaender@intevation.de> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
101 */ |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
102 import { mapGetters } from "vuex"; |
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
103 |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
104 export default { |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
105 name: "app", |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
106 computed: { |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
107 ...mapGetters("user", ["isAuthenticated"]), |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
108 routeName() { |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
109 const routeName = this.$route.name; |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
110 return routeName; |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
111 } |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
112 }, |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
113 components: { |
1084
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
114 Sidebar: () => import("./application/Sidebar"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
115 Bottlenecks: () => import("./bottlenecks/Bottlenecks"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
116 Topbar: () => import("./application/Topbar"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
117 Userbar: () => import("./application/Userbar"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
118 Linetool: () => import("./linetool/Linetool"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
119 Morphtool: () => import("./morphtool/Morphtool"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
120 Pdftool: () => import("./pdftool/Pdftool"), |
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
121 Zoom: () => import("./zoom/zoom") |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
122 } |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
123 }; |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
124 </script> |