Mercurial > gemma

annotate client/src/components/App.vue @ 3644:9e91b416d5bb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: cross profile: display arrow in diagram consciously diceded to not draw it in the svg so it will not be exported to pdf since there it does not make sense without the map
author Markus Kottlaender <markus@intevation.de>
date Wed, 12 Jun 2019 17:10:49 +0200
parents 869505c5087b
children 6ce80daf8413
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
2 <div id="app" class="main">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
3 <div v-if="isAuthenticated" class="d-flex flex-column userinterface">
2705
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
4 <div class="boxes d-flex p-2">
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
5 <div class="mr-auto d-flex">
2983
2e7c0f9cff24 client: removed unnecessary component property
Markus Kottlaender <markus@intevation.de>
parents: 2968
diff changeset
6 <Sidebar />
2283
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
7 <div :class="searchContainer">
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
8 <Search v-if="isMapVisible" />
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
9 <Contextbox v-if="isMapVisible" />
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
10 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
11 </div>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
12 <div class="ml-auto d-flex">
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
13 <div class="d-flex flex-column align-items-end">
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
14 <Profiles v-if="isMapVisible" />
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
15 <Gauges v-if="isMapVisible" />
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
16 <Pdftool v-if="isMapVisible" />
3233
9a02b770c2e6 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3204
diff changeset
17 <AvailableFairwayDepthDialogue v-if="isMapVisible" />
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
18 </div>
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
19 <div class="d-flex flex-column align-items-end">
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
20 <Identify v-if="isMapVisible" />
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
21 <Layers v-if="isMapVisible" />
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
22 </div>
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
23 <Toolbar v-if="isMapVisible" />
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
24 </div>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
25 </div>
3204
1253fe15e3e3 client: identify: implemented popup when clicking the map and the intention is not clear...
Markus Kottlaender <markus@intevation.de>
parents: 3182
diff changeset
26 <MapPopup />
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
27 </div>
2553
99dc71e012ad client: removed unnecessary html
Markus Kottlaender <markus@intevation.de>
parents: 2552
diff changeset
28 <router-view />
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
29 <vue-snotify />
2384
c06b001dc26b client: improved popup implementation
Markus Kottlaender <markus@intevation.de>
parents: 2378
diff changeset
30 <Popup />
3553
869505c5087b client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents: 3298
diff changeset
31 <KeyboardHandler />
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
32 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
33 </template>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
34
2705
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
35 <style lang="sass" scoped>
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
36 #app
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
37 height: 100%
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
38 width: 100%
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
39 font-family: "Avenir", Helvetica, Arial, sans-serif
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
40 -webkit-font-smoothing: antialiased
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
41 -moz-osx-font-smoothing: grayscale
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
42 text-align: center
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
43 color: #2c3e50
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
44
2705
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
45 .userinterface
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
46 position: absolute
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
47 top: 0
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
48 left: 0
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
49 right: 0
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
50 bottom: 0
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
51 z-index: 4
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
52 pointer-events: none
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
53
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
54 .boxes
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
55 position: relative
eb3d7a429eb0 client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents: 2596
diff changeset
56 z-index: 10
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
57 </style>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
58
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
59 <script>
1362
ca33ad696594 remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1361
diff changeset
60 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
61 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
62 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
63 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
64 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
65 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
66 * Copyright (C) 2018 by via donau
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
67 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
68 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1291
diff changeset
69 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
70 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
71 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
72 * Markus Kottländer <markus.kottlaender@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
73 */
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
74 import { mapState } from "vuex";
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
75
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
76 export default {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
77 name: "app",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
78 computed: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
79 ...mapState("user", ["isAuthenticated"]),
2283
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
80 ...mapState("application", ["contextBoxContent", "showSearchbar"]),
2378
c69432c1c4ac router: fixed frontend routing. renamed routes. changed display according to new route names
Thomas Junk <thomas.junk@intevation.de>
parents: 2370
diff changeset
81 isMapVisible() {
3298
ec27ee21f7bc client: define sections: added route and support in context box
Markus Kottlaender <markus@intevation.de>
parents: 3233
diff changeset
82 return /importconfiguration|importoverview|stretches|sections|review|bottlenecks|mainview/.test(
2983
2e7c0f9cff24 client: removed unnecessary component property
Markus Kottlaender <markus@intevation.de>
parents: 2968
diff changeset
83 this.$route.name
2399
Thomas Junk <thomas.junk@intevation.de>
parents: 2384
diff changeset
84 );
2378
c69432c1c4ac router: fixed frontend routing. renamed routes. changed display according to new route names
Thomas Junk <thomas.junk@intevation.de>
parents: 2370
diff changeset
85 },
2283
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
86 searchContainer() {
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
87 return [
2534
bb5286acfee2 client: reduced spacings between and inside boxes and more compact main menu
Markus Kottlaender <markus@intevation.de>
parents: 2440
diff changeset
88 "ml-2",
2283
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
89 {
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
90 wide: this.showSearchbar
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
91 }
1169f18a0f11 make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents: 1585
diff changeset
92 ];
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
93 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
94 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
95 components: {
1558
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
96 Profiles: () => import("./fairway/Profiles"),
2596
8774054959a7 client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2566
diff changeset
97 Gauges: () => import("./gauge/Gauges"),
1558
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
98 Pdftool: () => import("./Pdftool"),
2370
7fe2f5d334dc client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents: 2322
diff changeset
99 Identify: () => import("./identify/Identify"),
1558
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
100 Layers: () => import("./layers/Layers"),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
101 Sidebar: () => import("./Sidebar"),
1558
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
102 Search: () => import("./Search"),
0ded4c56978e refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents: 1480
diff changeset
103 Contextbox: () => import("./Contextbox"),
2384
c06b001dc26b client: improved popup implementation
Markus Kottlaender <markus@intevation.de>
parents: 2378
diff changeset
104 Toolbar: () => import("./toolbar/Toolbar"),
2549
9bf6b767a56a client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents: 2534
diff changeset
105 Popup: () => import("./Popup"),
3233
9a02b770c2e6 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3204
diff changeset
106 AvailableFairwayDepthDialogue: () =>
9a02b770c2e6 show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents: 3204
diff changeset
107 import("./fairway/AvailableFairwayDepthDialogue.vue"),
3553
869505c5087b client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents: 3298
diff changeset
108 MapPopup: () => import("./map/MapPopup"),
869505c5087b client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents: 3298
diff changeset
109 KeyboardHandler: () => import("./KeyboardHandler")
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
110 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
111 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
112 </script>