Mercurial > gemma

annotate client/src/App.vue @ 1208:8df4ebbc5c3f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
staging area
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 19 Nov 2018 13:22:19 +0100
parents 5ba14f7f5bdc
children f14293893430
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
3
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
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">
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
5 <div class="topbar d-flex">
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
6 <div class="mr-auto d-flex">
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
7 <Sidebar :routeName="routeName"></Sidebar>
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
8 <div class="d-flex flex-column" style="max-width: 600px;">
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
9 <Search v-if="routeName == 'mainview'"></Search>
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
10 <Bottlenecks v-if="routeName == 'mainview'"></Bottlenecks>
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
11 <Imports v-if="routeName == 'mainview'"></Imports>
1208
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1205
diff changeset
12 <Staging v-if="routeName == 'mainview'"></Staging>
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
13 </div>
1202
68fb4af05b73 fix: prevent identify tool from jumping during page load
Thomas Junk <thomas.junk@intevation.de>
parents: 1196
diff changeset
14 </div>
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
15 <div class="ml-auto d-flex">
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
16 <Layers v-if="routeName == 'mainview'"></Layers>
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
17 <Identify v-if="routeName == 'mainview'"></Identify>
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1196
diff changeset
18 </div>
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
19 </div>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
20 </div>
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
21 <div class="flex-fill"></div>
626
d4fa28bfa6ec fix: layout minor fixes of buttons and menu
Thomas Junk <thomas.junk@intevation.de>
parents: 621
diff changeset
22 <div class="bottomcontainer d-flex flex-row align-items-end">
816
cd79f62794dd client: prepare survey selection
Bernhard Reiter <bernhard@intevation.de>
parents: 713
diff changeset
23 <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
24 <Pdftool v-if="routeName == 'mainview'"></Pdftool>
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1139
diff changeset
25 <Drawtool v-if="routeName == 'mainview'"></Drawtool>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
26 </div>
1126
a047a2735b9c moved zoom buttons to better location and fix animation duration
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
27 <Zoom v-if="routeName == 'mainview'"></Zoom>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
28 </div>
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
29 <div class="d-flex flex-column">
1073
7845c599f4c9 feat: zoombuttons
Thomas Junk <thomas.junk@intevation.de>
parents: 1055
diff changeset
30 <router-view/>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
31 </div>
581
fb5d9d5ff320 refac: UI redesign
Thomas Junk <thomas.junk@intevation.de>
parents: 553
diff changeset
32 </div>
3
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
33 </template>
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
34
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
35 <style lang="sass" scoped>
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
36 .topcontainer
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
37 height: 10vh
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
38
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
39 .bottomcontainer
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
40 height: 10vh
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
41
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
42 .userinterface
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
43 position: absolute
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
44 top: 0
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
45 left: 0
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 z-index: 4
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
49 pointer-events: none
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
50
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
51 .topbar
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
52 padding-top: $offset
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
53 margin-left: $offset
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
54 margin-right: $offset
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
55
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
56 #app
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
57 height: 100vh
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
58 width: 100vw
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
59 font-family: "Avenir", Helvetica, Arial, sans-serif
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
60 -webkit-font-smoothing: antialiased
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
61 -moz-osx-font-smoothing: grayscale
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
62 text-align: center
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
63 color: #2c3e50
3
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
64 </style>
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
65
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
66 <script>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
67 /*
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
68 * 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
69 * without warranty, see README.md and license for details.
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
70 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
71 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
72 * License-Filename: LICENSES/AGPL-3.0.txt
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
73 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
74 * Copyright (C) 2018 by via donau
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
75 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
76 * Software engineering by Intevation GmbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
77 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
78 * Author(s):
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
79 * Thomas Junk <thomas.junk@intevation.de>
1055
1ff8c072df18 WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents: 1033
diff changeset
80 * Markus Kottländer <markus.kottlaender@intevation.de>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
81 */
1122
a4c74a95c177 minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
82 import { mapState } from "vuex";
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
83
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
84 export default {
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
85 name: "app",
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
86 computed: {
1122
a4c74a95c177 minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
87 ...mapState("user", ["isAuthenticated"]),
649
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
88 routeName() {
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
89 const routeName = this.$route.name;
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
90 return routeName;
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
91 }
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
92 },
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
93 components: {
1140
2e06bc53b002 separating line/polygon/cut tools in UI
Markus Kottlaender <markus@intevation.de>
parents: 1139
diff changeset
94 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
95 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
96 Pdftool: () => import("./pdftool/Pdftool"),
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
97 Zoom: () => import("./zoom/zoom"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
98 Identify: () => import("./identify/Identify"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
99 Layers: () => import("./layers/Layers"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
100 Sidebar: () => import("./application/Sidebar"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
101 Search: () => import("./application/Search"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
102 Bottlenecks: () => import("./bottlenecks/Bottlenecks"),
1208
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1205
diff changeset
103 Imports: () => import("./imports/Imports.vue"),
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1205
diff changeset
104 Staging: () => import("./staging/Staging.vue")
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
105 }
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
106 };
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
107 </script>