annotate client/src/application/Sidebar.vue @ 1213:9d93968db2cd

replaced custom css with bootstrap classes
author Markus Kottlaender <markus@intevation.de>
date Mon, 19 Nov 2018 14:13:01 +0100
parents 8df4ebbc5c3f
children 1c7806728172
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
585
ef307bd6b5d8 refac: restructured client application
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: 585
diff changeset
2 <div :class="sidebarStyle">
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
3 <div
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
4 @click="$store.commit('application/showSidebar', !showSidebar)"
1213
9d93968db2cd replaced custom css with bootstrap classes
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
5 class="menubutton rounded position-absolute d-flex justify-content-center"
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
6 >
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
7 <i class="ui-element d-print-none fa fa-bars"></i>
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
8 </div>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 585
diff changeset
9 <div :class="menuStyle">
1123
d9e6a1f6f394 moved all collapse flags for UI elements to store
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
10 <div class="menupoints" v-if="this.showSidebar">
629
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
11 <router-link to="/" class="text-body d-flex flex-row nav-link">
1142
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
12 <i class="fa fa-map-o align-self-center navicon"></i>Riverbed Morphology
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
13 </router-link>
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
14 <a
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
15 class="text-body d-flex flex-row nav-link"
1142
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
16 v-if="routeName == 'mainview'"
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
17 href="#"
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
18 @click="toggleBottlenecks"
1142
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
19 >Bottlenecks</a>
629
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
20 <div v-if="isSysAdmin">
1142
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
21 <hr>
629
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
22 <div class="nav-link d-flex menupadding text-muted">Administration</div>
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
23 <router-link class="text-body d-flex flex-row nav-link" to="usermanagement">
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
24 <i class="fa fa-address-card-o align-self-center navicon"></i>Users
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
25 </router-link>
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
26 </div>
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
27 <div v-if="isWaterwayAdmin">
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
28 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link">
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
29 <i class="fa fa-upload align-self-center navicon"></i>
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
30 <a
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
31 href="#"
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
32 class="text-body"
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
33 @click="toggleImportSoundingResults"
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
34 >Import soundingresults</a>
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
35 </div>
1208
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
36 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link">
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
37 <i class="fa fa-list-ol align-self-center navicon"></i>
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
38 <a
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
39 href="#"
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
40 class="text-body"
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
41 @click="$store.commit('application/showStagingArea', !showStagingArea);"
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
42 >Staging area</a>
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
43 </div>
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
44 <!-- <router-link class="text-body d-flex flex-row nav-link" to="imports">
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
45 <i class="fa fa-upload align-self-center navicon"></i>Imports
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
46 </router-link>-->
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
47 </div>
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
48 <div v-if="isSysAdmin">
1142
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
49 <router-link
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
50 class="text-body d-flex flex-row nav-link"
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
51 to="systemconfiguration"
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
52 >
dc3f0277628a feat: Importqueue listing (Proof of concept)
Thomas Junk <thomas.junk@intevation.de>
parents: 1123
diff changeset
53 <i class="fa fa-wrench align-self-center navicon"></i>Systemconfiguration
853
fb39ec3b95a8 systemconfig WIP
Thomas Junk <thomas.junk@intevation.de>
parents: 713
diff changeset
54 </router-link>
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
55 <div class="nav-link d-flex menupadding text-muted">Systeminformation</div>
713
badbc0207418 feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents: 668
diff changeset
56 <router-link class="text-body d-flex flex-row nav-link" to="logs">
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
57 <i class="fa fa-book align-self-center navicon"></i>Logs
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
58 </router-link>
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
59 <router-link class="text-body d-flex flex-row nav-link" to="importqueue">
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
60 <i class="fa fa-exchange align-self-center navicon"></i>Importqueue
713
badbc0207418 feat: systeminformation feature added
Thomas Junk <thomas.junk@intevation.de>
parents: 668
diff changeset
61 </router-link>
629
8278b2fb0c33 refac: UI refactorization
Thomas Junk <thomas.junk@intevation.de>
parents: 627
diff changeset
62 </div>
1146
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
63 <hr>
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
64 <a href="#" @click="logoff" class="text-body d-flex flex-row nav-link">
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
65 <i class="fa fa-power-off align-self-center navicon"></i>
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
66 Logout {{ user }}
1146
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
67 </a>
621
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 585
diff changeset
68 </div>
b17a4482d07d feat: UI adaptation of 4 slots
Thomas Junk <thomas.junk@intevation.de>
parents: 585
diff changeset
69 </div>
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
70 </div>
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
71 </template>
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
72
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
73 <script>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
74 /*
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
75 * This is Free Software under GNU Affero General Public License v >= 3.0
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
76 * without warranty, see README.md and license for details.
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
77 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
78 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
79 * License-Filename: LICENSES/AGPL-3.0.txt
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
80 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
81 * Copyright (C) 2018 by via donau
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
82 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
83 * Software engineering by Intevation GmbH
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
84 *
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
85 * Author(s):
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
86 * Thomas Junk <thomas.junk@intevation.de>
1055
1ff8c072df18 WIP: Bottleneck list/table
Markus Kottlaender <markus@intevation.de>
parents: 1019
diff changeset
87 * Markus Kottländer <markus.kottlaender@intevation.de>
1019
ca628dce90dd Licensing information added
Thomas Junk <thomas.junk@intevation.de>
parents: 888
diff changeset
88 */
1123
d9e6a1f6f394 moved all collapse flags for UI elements to store
Markus Kottlaender <markus@intevation.de>
parents: 1093
diff changeset
89 import { mapGetters, mapState } from "vuex";
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
90
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
91 export default {
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
92 name: "sidebar",
1093
31b36ef00784 fix: bottleneck list and zoom buttons are now only displayed in main view
Markus Kottlaender <markus@intevation.de>
parents: 1079
diff changeset
93 props: ["routeName"],
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
94 computed: {
1173
3035ddd3d1a8 feat: importqueue
Thomas Junk <thomas.junk@intevation.de>
parents: 1171
diff changeset
95 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]),
1146
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
96 ...mapState("user", ["user"]),
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
97 ...mapState("application", [
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
98 "showSidebar",
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
99 "showBottlenecks",
1207
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
100 "showImportSoundingResults",
1208
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
101 "showStagingArea",
1207
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
102 "showSearchbarLastState"
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
103 ]),
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
104 menuStyle() {
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
105 return {
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
106 menu: true,
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
107 nav: true,
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
108 "flex-column": true
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
109 };
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
110 },
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
111 sidebarStyle() {
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
112 return [
1213
9d93968db2cd replaced custom css with bootstrap classes
Markus Kottlaender <markus@intevation.de>
parents: 1208
diff changeset
113 "ui-element position-relative sidebar rounded shadow d-print-none mb-auto",
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
114 {
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
115 sidebarcollapsed: !this.showSidebar,
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
116 sidebarextended: this.showSidebar
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
117 }
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
118 ];
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
119 }
1146
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
120 },
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
121 methods: {
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
122 logoff() {
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
123 this.$store.commit("user/clearAuth");
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
124 this.$store.commit("application/showSidebar", false);
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
125 this.$store.commit("application/showUsermenu", false);
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
126 this.$store.commit("application/showSplitscreen", false);
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
127 this.$router.push("/login");
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
128 },
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
129 toggleBottlenecks() {
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
130 this.$store.commit("application/showBottlenecks", !this.showBottlenecks);
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
131 this.$store.commit("application/showImportSoundingResults", false);
1207
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
132 if (this.showBottlenecks) {
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
133 this.$store.commit("application/showSearchbar", true);
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
134 } else {
1208
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
135 this.$store.commit(
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
136 "application/showSearchbar",
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
137 this.showSearchbarLastState
8df4ebbc5c3f staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1207
diff changeset
138 );
1207
70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before
Markus Kottlaender <markus@intevation.de>
parents: 1204
diff changeset
139 }
1204
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
140 },
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
141 toggleImportSoundingResults() {
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
142 this.$store.commit(
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
143 "application/showImportSoundingResults",
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
144 !this.showImportSoundingResults
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
145 );
ddfdf440da24 made searchbar contextual
Markus Kottlaender <markus@intevation.de>
parents: 1183
diff changeset
146 this.$store.commit("application/showBottlenecks", false);
1146
74e180ad3d6b fairway profile UI improvements
Markus Kottlaender <markus@intevation.de>
parents: 1143
diff changeset
147 }
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
148 }
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
149 };
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
150 </script>
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
151
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
152 <style lang="sass" scoped>
1183
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
153
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
154 a:hover
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
155 text-decoration: none
1d4801145a2d import soundingresults context now map instead administration
Thomas Junk <thomas.junk@intevation.de>
parents: 1173
diff changeset
156
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
157 .menupoints
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
158 text-align: left
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
159
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
160 .menubutton
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
161 background-color: white
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
162 padding: $small-offset
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
163 height: $icon-height
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
164 width: $icon-width
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
165 top: 0
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
166 left: 0
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
167
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
168 .router-link-exact-active
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
169 background-color: #f2f2f2
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
170
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
171 .navicon
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
172 margin-right: $small-offset
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
173
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
174 .menu
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
175 padding-top: $small-offset
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
176
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
177 .sidebar
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
178 background-color: #ffffff
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
179 padding-top: $large-offset
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
180 opacity: $slight-transparent
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
181
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
182 .sidebarcollapsed
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
183 height: 30px
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
184 width: 30px
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
185 transition: $transition-fast
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
186
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
187 .sidebarextended
1171
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
188 height: $sidebar-height
d61be0d972d8 fixed searchbar overlapping issue
Markus Kottlaender <markus@intevation.de>
parents: 1169
diff changeset
189 width: $sidebar-width
1169
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component
Markus Kottlaender <markus@intevation.de>
parents: 1146
diff changeset
190 min-width: $sidebar-width
585
ef307bd6b5d8 refac: restructured client application
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
191 </style>