Mercurial > gemma
annotate client/src/components/App.vue @ 4837:3b0ec9b56d7c
Merged
author | Sascha Wilde <wilde@intevation.de> |
---|---|
date | Fri, 08 Nov 2019 13:10:56 +0100 |
parents | 1fd771b08ced |
children | 5555b77b8c4e |
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"> |
4350
e4e32c77ed83
identify: improve legend. Keepalive keeps nash sutcliffe in component
Thomas Junk <thomas.junk@intevation.de>
parents:
4321
diff
changeset
|
20 <keep-alive> |
e4e32c77ed83
identify: improve legend. Keepalive keeps nash sutcliffe in component
Thomas Junk <thomas.junk@intevation.de>
parents:
4321
diff
changeset
|
21 <Identify v-if="isMapVisible" /> |
e4e32c77ed83
identify: improve legend. Keepalive keeps nash sutcliffe in component
Thomas Junk <thomas.junk@intevation.de>
parents:
4321
diff
changeset
|
22 </keep-alive> |
2596
8774054959a7
client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2566
diff
changeset
|
23 <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
|
24 </div> |
2596
8774054959a7
client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2566
diff
changeset
|
25 <Toolbar v-if="isMapVisible" /> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
26 </div> |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1291
diff
changeset
|
27 </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
|
28 <MapPopup /> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
29 </div> |
2553
99dc71e012ad
client: removed unnecessary html
Markus Kottlaender <markus@intevation.de>
parents:
2552
diff
changeset
|
30 <router-view /> |
2596
8774054959a7
client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2566
diff
changeset
|
31 <vue-snotify /> |
2384
c06b001dc26b
client: improved popup implementation
Markus Kottlaender <markus@intevation.de>
parents:
2378
diff
changeset
|
32 <Popup /> |
3553
869505c5087b
client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents:
3298
diff
changeset
|
33 <KeyboardHandler /> |
3857
6ce80daf8413
Hydrological conditions: render svg in offscreen element
Thomas Junk <thomas.junk@intevation.de>
parents:
3553
diff
changeset
|
34 <div |
6ce80daf8413
Hydrological conditions: render svg in offscreen element
Thomas Junk <thomas.junk@intevation.de>
parents:
3553
diff
changeset
|
35 id="offScreen" |
6ce80daf8413
Hydrological conditions: render svg in offscreen element
Thomas Junk <thomas.junk@intevation.de>
parents:
3553
diff
changeset
|
36 style="position: absolute; z-index: -1; top: 600px;" |
6ce80daf8413
Hydrological conditions: render svg in offscreen element
Thomas Junk <thomas.junk@intevation.de>
parents:
3553
diff
changeset
|
37 ></div> |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1291
diff
changeset
|
38 </div> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
39 </template> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
40 |
2705
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
41 <style lang="sass" scoped> |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
42 #app |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
43 height: 100% |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
44 width: 100% |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
45 font-family: "Avenir", Helvetica, Arial, sans-serif |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
46 -webkit-font-smoothing: antialiased |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
47 -moz-osx-font-smoothing: grayscale |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
48 text-align: center |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
49 color: #2c3e50 |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
50 |
2705
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
51 .userinterface |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
52 position: absolute |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
53 top: 0 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
54 left: 0 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
55 right: 0 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
56 bottom: 0 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
57 z-index: 4 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
58 pointer-events: none |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
59 |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
60 .boxes |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
61 position: relative |
eb3d7a429eb0
client: styling: fix z-index issues
Markus Kottlaender <markus@intevation.de>
parents:
2596
diff
changeset
|
62 z-index: 10 |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
63 </style> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
64 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 <script> |
1362
ca33ad696594
remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1361
diff
changeset
|
66 /* 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
|
67 * 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
|
68 * |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 * SPDX-License-Identifier: AGPL-3.0-or-later |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
70 * 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
|
71 * |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1291
diff
changeset
|
72 * Copyright (C) 2018 by via donau |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 * – Österreichische Wasserstraßen-Gesellschaft mbH |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 * 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
|
75 * |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
76 * Author(s): |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 * Thomas Junk <thomas.junk@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 * Markus Kottländer <markus.kottlaender@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
79 */ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 import { mapState } from "vuex"; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 export default { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 name: "app", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 computed: { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 ...mapState("user", ["isAuthenticated"]), |
2283
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
86 ...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
|
87 isMapVisible() { |
3298
ec27ee21f7bc
client: define sections: added route and support in context box
Markus Kottlaender <markus@intevation.de>
parents:
3233
diff
changeset
|
88 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
|
89 this.$route.name |
2399 | 90 ); |
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
|
91 }, |
2283
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
92 searchContainer() { |
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
93 return [ |
4774
1fd771b08ced
import_overview: added 'changed' column
Thomas Junk <thomas.junk@intevation.de>
parents:
4350
diff
changeset
|
94 "ml-1", |
2283
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
95 { |
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
96 wide: this.showSearchbar |
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
97 } |
1169f18a0f11
make room for searchbar
Thomas Junk <thomas.junk@intevation.de>
parents:
1585
diff
changeset
|
98 ]; |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 }, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 components: { |
4321
6dfbf534818b
Improve naming and rename fairway/Profiles to fairway/BottleneckDialogue
Thomas Junk <thomas.junk@intevation.de>
parents:
3857
diff
changeset
|
102 Profiles: () => import("./fairway/BottleneckDialogue"), |
2596
8774054959a7
client: added Gauges dialog/tool to show waterlevel diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2566
diff
changeset
|
103 Gauges: () => import("./gauge/Gauges"), |
1558
0ded4c56978e
refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents:
1480
diff
changeset
|
104 Pdftool: () => import("./Pdftool"), |
2370
7fe2f5d334dc
client: improved identify tool readability
Markus Kottlaender <markus@intevation.de>
parents:
2322
diff
changeset
|
105 Identify: () => import("./identify/Identify"), |
1558
0ded4c56978e
refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents:
1480
diff
changeset
|
106 Layers: () => import("./layers/Layers"), |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
107 Sidebar: () => import("./Sidebar"), |
1558
0ded4c56978e
refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents:
1480
diff
changeset
|
108 Search: () => import("./Search"), |
0ded4c56978e
refac: component filestructure. remove admin/map hierarchy
Thomas Junk <thomas.junk@intevation.de>
parents:
1480
diff
changeset
|
109 Contextbox: () => import("./Contextbox"), |
2384
c06b001dc26b
client: improved popup implementation
Markus Kottlaender <markus@intevation.de>
parents:
2378
diff
changeset
|
110 Toolbar: () => import("./toolbar/Toolbar"), |
2549
9bf6b767a56a
client: refactored and improved splitscreen for diagrams
Markus Kottlaender <markus@intevation.de>
parents:
2534
diff
changeset
|
111 Popup: () => import("./Popup"), |
3233
9a02b770c2e6
show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents:
3204
diff
changeset
|
112 AvailableFairwayDepthDialogue: () => |
9a02b770c2e6
show_statistics: refac to fairwayavailability
Thomas Junk <thomas.junk@intevation.de>
parents:
3204
diff
changeset
|
113 import("./fairway/AvailableFairwayDepthDialogue.vue"), |
3553
869505c5087b
client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents:
3298
diff
changeset
|
114 MapPopup: () => import("./map/MapPopup"), |
869505c5087b
client: fairway profile: close compare view with ESC key
Markus Kottlaender <markus@intevation.de>
parents:
3298
diff
changeset
|
115 KeyboardHandler: () => import("./KeyboardHandler") |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
116 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
117 }; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
118 </script> |