Mercurial > gemma
annotate client/src/components/Sidebar.vue @ 1375:fabfffa54926
fixed main menu style
Added space between icons and text.
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 27 Nov 2018 13:04:40 +0100 |
parents | ca33ad696594 |
children | dea40d4cba44 |
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:
1299
diff
changeset
|
2 <div :class="sidebarStyle"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
3 <div |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
4 @click="$store.commit('application/showSidebar', !showSidebar)" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
5 class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
6 > |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
7 <font-awesome-icon icon="bars"></font-awesome-icon> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
8 </div> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
9 <div class="menu text-nowrap text-left"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
10 <router-link to="/"> |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
12 Map |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
13 </router-link> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
14 <a |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
15 href="#" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
16 @click="toggleContextBox('bottlenecks')" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
17 :class="['secondary', { active: isActive('bottlenecks') }]" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
18 > |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
20 Bottlenecks |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
21 </a> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
22 <div v-if="isWaterwayAdmin"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
23 <a |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
24 href="#" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
25 @click="toggleContextBox('imports')" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
26 :class="['secondary', { active: isActive('imports') }]" |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
27 > |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
29 Import soundingresults |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
30 </a> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
31 <a |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
32 href="#" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
33 @click="toggleContextBox('staging')" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
34 :class="['secondary', { active: isActive('staging') }]" |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
35 > |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
37 Staging area |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
38 </a> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
39 <small class="text-muted pl-3">Systemadministration</small> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
40 <hr class="m-0"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
41 <router-link to="usermanagement"> |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
42 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
43 Users |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
44 </router-link> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
45 </div> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
46 <div v-if="isSysAdmin"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
47 <router-link to="systemconfiguration"> |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
48 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
49 Systemconfiguration |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
50 </router-link> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
51 <router-link to="logs"> |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
52 <font-awesome-icon icon="book" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
53 Logs |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
54 </router-link> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
55 <router-link to="importqueue"> |
1375
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
56 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> |
fabfffa54926
fixed main menu style
Markus Kottlaender <markus@intevation.de>
parents:
1362
diff
changeset
|
57 Importqueue |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
58 </router-link> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
59 </div> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
60 <hr class="m-0"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
61 <a href="#" @click="logoff"> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
62 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
63 Logout {{ user }} |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
64 </a> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
65 </div> |
1361
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
66 </div> |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
67 </template> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
68 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
69 <script> |
1362
ca33ad696594
remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1361
diff
changeset
|
70 /* 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
|
71 * 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:
1299
diff
changeset
|
72 * |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
73 * SPDX-License-Identifier: AGPL-3.0-or-later |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
74 * 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:
1299
diff
changeset
|
75 * |
ea3a89a1813a
remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents:
1299
diff
changeset
|
76 * Copyright (C) 2018 by via donau |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
77 * – Österreichische Wasserstraßen-Gesellschaft mbH |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
78 * 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:
1299
diff
changeset
|
79 * |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
80 * Author(s): |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
81 * Thomas Junk <thomas.junk@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
82 * Markus Kottländer <markus.kottlaender@intevation.de> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
83 */ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
84 import { mapGetters, mapState } from "vuex"; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
85 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
86 export default { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
87 name: "sidebar", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
88 props: ["routeName"], |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
89 computed: { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
90 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
91 ...mapState("user", ["user"]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
92 ...mapState("application", [ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
93 "showSidebar", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
94 "showSearchbarLastState", |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
95 "contextBoxContent", |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
96 "showContextBox" |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
97 ]), |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
98 sidebarStyle() { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
99 return [ |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
100 "ui-element position-relative sidebar rounded shadow-xs d-print-none mb-auto", |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
101 { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
102 sidebarcollapsed: !this.showSidebar, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
103 sidebarextended: this.showSidebar |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
104 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
105 ]; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
106 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
107 }, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
108 methods: { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
109 logoff() { |
1296
99c039e86624
replaced manual store cleanup on logout with central store reset
Markus Kottlaender <markus@intevation.de>
parents:
1294
diff
changeset
|
110 this.$store.commit("reset"); |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
111 this.$store.commit("user/clearAuth"); |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
112 this.$router.push("/login"); |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
113 }, |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
114 toggleContextBox(context) { |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
115 this.$router.push("/"); |
1282
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
116 this.$store.commit("application/showContextBox", true); |
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
117 this.$store.commit("application/contextBoxContent", context); |
a7dd8a3356fc
fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents:
1272
diff
changeset
|
118 this.$store.commit("application/showSearchbar", true); |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
119 }, |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
120 isActive(item) { |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
121 return ( |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
122 this.showContextBox && |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
123 this.contextBoxContent === item && |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
124 this.routeName == "mainview" |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
125 ); |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
126 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
127 } |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
128 }; |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
129 </script> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
130 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
131 <style lang="sass" scoped> |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
132 .menubutton |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
133 height: $icon-height |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
134 width: $icon-width |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
135 top: 0 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
136 left: 0 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
137 color: #666 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
138 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
139 .menu |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
140 a |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
141 display: block |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
142 text-align: left |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
143 padding: 0.5rem 1rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
144 color: #333 |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
145 text-decoration: none |
1299
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
146 svg path |
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
147 fill: #666 |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
148 &:hover |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
149 background-color: #f8f8f8 |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
150 &.router-link-exact-active |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
151 background-color: $color-info |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
152 color: #fff |
1299
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
153 svg path |
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
154 fill: #fff |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
155 &.secondary |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
156 font-size: 0.9rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
157 &.active |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
158 background: lighten($color-info, 55) |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
159 color: darken($color-info, 15) |
1299
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
160 svg path |
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
161 fill: darken($color-info, 15) |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
162 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
163 .sidebar |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
164 background-color: #ffffff |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
165 padding-top: $large-offset |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
166 opacity: $slight-transparent |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
167 transition: $transition-fast |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
168 overflow: hidden |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
169 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
170 .sidebarcollapsed |
1299
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
171 max-height: $icon-height |
2738a6ae9ad8
fontawesome 4 -> 5
Markus Kottlaender <markus@intevation.de>
parents:
1296
diff
changeset
|
172 max-width: $icon-width |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
173 |
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
174 .sidebarextended |
1289
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
175 max-height: 35rem |
e1480ad4b6b0
improved menu style
Markus Kottlaender <markus@intevation.de>
parents:
1282
diff
changeset
|
176 max-width: $sidebar-width |
1272
bc55ffaeb639
cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff
changeset
|
177 </style> |