Mercurial > gemma
annotate client/src/App.vue @ 1240:9b0a7b3ea297
inport sounding results
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 20 Nov 2018 17:37:30 +0100 |
parents | 957907eaaa72 |
children | c14353e2cdb9 |
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"> |
1217
ba8cd80d68b6
made more use of bootstrap classes instead of custom css
Markus Kottlaender <markus@intevation.de>
parents:
1210
diff
changeset
|
4 <div class="topbar d-flex pt-3 mx-3"> |
1210
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
5 <div class="mr-auto d-flex"> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
6 <Sidebar :routeName="routeName"></Sidebar> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
7 <div class="d-flex flex-column" style="max-width: 600px;"> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
8 <Search v-if="routeName == 'mainview'"></Search> |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
9 <Contextbox v-if="routeName == 'mainview'"></Contextbox> |
1202
68fb4af05b73
fix: prevent identify tool from jumping during page load
Thomas Junk <thomas.junk@intevation.de>
parents:
1196
diff
changeset
|
10 </div> |
1210
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
11 </div> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
12 <div class="ml-auto d-flex"> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
13 <Layers v-if="routeName == 'mainview'"></Layers> |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
14 <Identify v-if="routeName == 'mainview'"></Identify> |
1196 | 15 </div> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
16 </div> |
1171
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
17 <div class="flex-fill"></div> |
1210
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
18 <div class="d-flex flex-row align-items-end"> |
816
cd79f62794dd
client: prepare survey selection
Bernhard Reiter <bernhard@intevation.de>
parents:
713
diff
changeset
|
19 <Morphtool v-if="routeName == 'mainview'"></Morphtool> |
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> |
1140
2e06bc53b002
separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents:
1139
diff
changeset
|
21 <Drawtool v-if="routeName == 'mainview'"></Drawtool> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
22 </div> |
1126
a047a2735b9c
moved zoom buttons to better location and fix animation duration
Markus Kottlaender <markus@intevation.de>
parents:
1122
diff
changeset
|
23 <Zoom v-if="routeName == 'mainview'"></Zoom> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
24 </div> |
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
25 <div class="d-flex flex-column"> |
1073 | 26 <router-view/> |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
27 </div> |
581 | 28 </div> |
3 | 29 </template> |
30 | |
1171
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
31 <style lang="sass" scoped> |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
32 .userinterface |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
33 position: absolute |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
34 top: 0 |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
35 left: 0 |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
36 height: 100vh |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
37 width: 100vw |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
38 z-index: 4 |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
39 pointer-events: none |
621
b17a4482d07d
feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents:
590
diff
changeset
|
40 |
1196 | 41 .topbar |
1210
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
42 position: relative |
f14293893430
fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents:
1208
diff
changeset
|
43 z-index: 2 |
1196 | 44 |
1171
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
45 #app |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
46 height: 100vh |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
47 width: 100vw |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
48 font-family: "Avenir", Helvetica, Arial, sans-serif |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
49 -webkit-font-smoothing: antialiased |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
50 -moz-osx-font-smoothing: grayscale |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
51 text-align: center |
d61be0d972d8
fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents:
1169
diff
changeset
|
52 color: #2c3e50 |
3 | 53 </style> |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
54 |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
55 <script> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
56 /* |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
57 * 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
|
58 * without warranty, see README.md and license for details. |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
59 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
60 * SPDX-License-Identifier: AGPL-3.0-or-later |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
61 * License-Filename: LICENSES/AGPL-3.0.txt |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
62 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
63 * Copyright (C) 2018 by via donau |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
64 * – Österreichische Wasserstraßen-Gesellschaft mbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
65 * Software engineering by Intevation GmbH |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
66 * |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
67 * Author(s): |
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
68 * Thomas Junk <thomas.junk@intevation.de> |
1055
1ff8c072df18
WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents:
1033
diff
changeset
|
69 * Markus Kottländer <markus.kottlaender@intevation.de> |
1019
ca628dce90dd
Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents:
962
diff
changeset
|
70 */ |
1122
a4c74a95c177
minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents:
1093
diff
changeset
|
71 import { mapState } from "vuex"; |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
72 |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
73 export default { |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
74 name: "app", |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
75 computed: { |
1122
a4c74a95c177
minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents:
1093
diff
changeset
|
76 ...mapState("user", ["isAuthenticated"]), |
649
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
77 routeName() { |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
78 const routeName = this.$route.name; |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
79 return routeName; |
83081ba6c9c1
feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents:
641
diff
changeset
|
80 } |
553
f41c74b8af9c
fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents:
551
diff
changeset
|
81 }, |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
82 components: { |
1140
2e06bc53b002
separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents:
1139
diff
changeset
|
83 Drawtool: () => import("./drawtool/Drawtool"), |
1084
4a0b62876a5f
refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents:
1073
diff
changeset
|
84 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
|
85 Pdftool: () => import("./pdftool/Pdftool"), |
1196 | 86 Zoom: () => import("./zoom/zoom"), |
87 Identify: () => import("./identify/Identify"), | |
88 Layers: () => import("./layers/Layers"), | |
89 Sidebar: () => import("./application/Sidebar"), | |
90 Search: () => import("./application/Search"), | |
1230
957907eaaa72
implemented context sensitive box below search bar (see: issue224)
Markus Kottlaender <markus@intevation.de>
parents:
1217
diff
changeset
|
91 Contextbox: () => import("./application/Contextbox") |
551
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
92 } |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
93 }; |
89bc8111563a
refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents:
542
diff
changeset
|
94 </script> |