Mercurial > gemma

annotate client/src/App.vue @ 1251:d1903250390b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
splitted mophtool into two components one shows the survey results and the other the info bar when a bottleneck is selected (and no profile is shown)
author Markus Kottlaender <markus@intevation.de>
date Wed, 21 Nov 2018 12:10:12 +0100
parents 104d41ea7c15
children 13abf612cd9d
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">
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">
1249
104d41ea7c15 restyling of boxes to save screen space
Markus Kottlaender <markus@intevation.de>
parents: 1247
diff changeset
13 <Pdftool v-if="routeName == 'mainview'"></Pdftool>
1210
f14293893430 fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
14 <Layers v-if="routeName == 'mainview'"></Layers>
f14293893430 fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
15 <Identify v-if="routeName == 'mainview'"></Identify>
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents: 1230
diff changeset
16 <Toolbar v-if="routeName == 'mainview'"></Toolbar>
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
17 </div>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
18 </div>
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
19 <div class="flex-fill"></div>
1210
f14293893430 fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
20 <div class="d-flex flex-row align-items-end">
816
cd79f62794dd client: prepare survey selection
Bernhard Reiter <bernhard@intevation.de>
parents: 713
diff changeset
21 <Morphtool v-if="routeName == 'mainview'"></Morphtool>
1251
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents: 1249
diff changeset
22 <Infobar v-if="routeName == 'mainview'"></Infobar>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
23 </div>
1126
a047a2735b9c moved zoom buttons to better location and fix animation duration
Markus Kottlaender <markus@intevation.de>
parents: 1122
diff changeset
24 <Zoom v-if="routeName == 'mainview'"></Zoom>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
25 </div>
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
26 <div class="d-flex flex-column">
1073
7845c599f4c9 feat: zoombuttons
Thomas Junk <thomas.junk@intevation.de>
parents: 1055
diff changeset
27 <router-view/>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
28 </div>
581
fb5d9d5ff320 refac: UI redesign
Thomas Junk <thomas.junk@intevation.de>
parents: 553
diff changeset
29 </div>
3
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
30 </template>
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
31
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
32 <style lang="sass" scoped>
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
33 .userinterface
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
34 position: absolute
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
35 top: 0
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
36 left: 0
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
37 height: 100vh
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
38 width: 100vw
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
39 z-index: 4
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
40 pointer-events: none
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 590
diff changeset
41
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
42 .topbar
1210
f14293893430 fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
43 position: relative
f14293893430 fix: zoombuttons z-index
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
44 z-index: 2
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
45
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
46 #app
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
47 height: 100vh
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
48 width: 100vw
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
49 font-family: "Avenir", Helvetica, Arial, sans-serif
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
50 -webkit-font-smoothing: antialiased
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
51 -moz-osx-font-smoothing: grayscale
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
52 text-align: center
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
53 color: #2c3e50
3
1597506a2241 merge with vue-cli
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
54 </style>
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
55
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
56 <script>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
57 /*
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
58 * 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
59 * without warranty, see README.md and license for details.
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
60 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
61 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
62 * License-Filename: LICENSES/AGPL-3.0.txt
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
63 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
64 * Copyright (C) 2018 by via donau
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
65 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
66 * Software engineering by Intevation GmbH
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 * Author(s):
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
69 * Thomas Junk <thomas.junk@intevation.de>
1055
1ff8c072df18 WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents: 1033
diff changeset
70 * Markus Kottländer <markus.kottlaender@intevation.de>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 962
diff changeset
71 */
1122
a4c74a95c177 minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
72 import { mapState } from "vuex";
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
73
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
74 export default {
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
75 name: "app",
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
76 computed: {
1122
a4c74a95c177 minor store refactoring
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
77 ...mapState("user", ["isAuthenticated"]),
649
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
78 routeName() {
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
79 const routeName = this.$route.name;
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
80 return routeName;
83081ba6c9c1 feat: Linetool added
Thomas Junk <thomas.junk@intevation.de>
parents: 641
diff changeset
81 }
553
f41c74b8af9c fix: Sidebar/Topmenu only visible when logged in
Thomas Junk <thomas.junk@intevation.de>
parents: 551
diff changeset
82 },
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
83 components: {
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"),
1251
d1903250390b splitted mophtool into two components
Markus Kottlaender <markus@intevation.de>
parents: 1249
diff changeset
85 Infobar: () => import("./morphtool/Infobar"),
1084
4a0b62876a5f refac: Enable webpack code splitting to reduce bundlesize for app component
Thomas Junk <thomas.junk@intevation.de>
parents: 1073
diff changeset
86 Pdftool: () => import("./pdftool/Pdftool"),
1196
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
87 Zoom: () => import("./zoom/zoom"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
88 Identify: () => import("./identify/Identify"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
89 Layers: () => import("./layers/Layers"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
90 Sidebar: () => import("./application/Sidebar"),
a397b52981b8 html cleanup
Markus Kottlaender <markus@intevation.de>
parents: 1171
diff changeset
91 Search: () => import("./application/Search"),
1247
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents: 1230
diff changeset
92 Contextbox: () => import("./application/Contextbox"),
c14353e2cdb9 repositioning of buttons (issue225)
Markus Kottlaender <markus@intevation.de>
parents: 1230
diff changeset
93 Toolbar: () => import("./toolbar/Toolbar")
551
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
94 }
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
95 };
89bc8111563a refac: Layout adjustments
Thomas Junk <thomas.junk@intevation.de>
parents: 542
diff changeset
96 </script>