gemma: client/src/application/Sidebar.vue annotate

annotate client/src/application/Sidebar.vue @ 1234:1a5564655f2a

refac: Sidebar reorganized In order to make context switches between administrative tasks which are map related and those which are system related, we now have a category "administration" and "systemadministration". The Riverbedmorphology does nothing than display the map, so it is renamed to that (map). In case the context of "systemadministration" is chosen, the "map" brings you just back to the map.

author	Thomas Junk <thomas.junk@intevation.de>
date	Tue, 20 Nov 2018 09:54:53 +0100
parents	957907eaaa72
children	36e8470daba2

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)"
1217 ba8cd80d68b6 made more use of bootstrap classes instead of custom css Markus Kottlaender <markus@intevation.de> parents: 1216 diff changeset	5 class="menubutton p-2 bg-white 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">
1234 1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	12 <i class="fa fa-map-o align-self-center navicon"></i>Map
1142 dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	13 </router-link>
1216 1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	14 <div class="d-flex flex-row nav-link">
1234 1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	15 <i v-if="routeName == 'mainview'" class="fa fa-ship align-self-center navicon"></i>
1216 1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	16 <a
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	17 class="text-body d-flex flex-row"
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	18 v-if="routeName == 'mainview'"
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	19 href="#"
1230 957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	20 @click="toggleContextBox('bottlenecks')"
1216 1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	21 >Bottlenecks</a>
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	22 </div>
629 8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 627 diff changeset	23 <div v-if="isSysAdmin">
1142 dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	24 <hr>
1234 1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	25 <div
1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	26 v-if="routeName == 'mainview'"
1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	27 class="nav-link d-flex menupadding text-muted"
1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	28 >Administration</div>
1173 3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	29 </div>
3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	30 <div v-if="isWaterwayAdmin">
1183 1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	31 <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	32 <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	33 <a
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	34 href="#"
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	35 class="text-body"
1230 957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	36 @click="toggleContextBox('imports')"
1183 1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	37 >Import soundingresults</a>
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	38 </div>
1208 8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	39 <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	40 <i class="fa fa-list-ol align-self-center navicon"></i>
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	41 <a
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	42 href="#"
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	43 class="text-body"
1230 957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	44 @click="toggleContextBox('staging')"
1208 8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	45 >Staging area</a>
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	46 </div>
1234 1a5564655f2a refac: Sidebar reorganized Thomas Junk <thomas.junk@intevation.de> parents: 1230 diff changeset	47 <div class="nav-link d-flex menupadding text-muted">Systemadministration</div>
1216 1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	48 <router-link class="text-body d-flex flex-row nav-link" to="usermanagement">
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	49 <i class="fa fa-address-card-o align-self-center navicon"></i>Users
1c7806728172 bottleneck icon Thomas Junk <thomas.junk@intevation.de> parents: 1213 diff changeset	50 </router-link>
1173 3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	51 </div>
3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	52 <div v-if="isSysAdmin">
1142 dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	53 <router-link
dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	54 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	55 to="systemconfiguration"
dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	56 >
dc3f0277628a feat: Importqueue listing (Proof of concept) Thomas Junk <thomas.junk@intevation.de> parents: 1123 diff changeset	57 <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	58 </router-link>
713 badbc0207418 feat: systeminformation feature added Thomas Junk <thomas.junk@intevation.de> parents: 668 diff changeset	59 <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	60 <i class="fa fa-book align-self-center navicon"></i>Logs
3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	61 </router-link>
3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	62 <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	63 <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	64 </router-link>
629 8278b2fb0c33 refac: UI refactorization Thomas Junk <thomas.junk@intevation.de> parents: 627 diff changeset	65 </div>
1146 74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	66 <hr>
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	67 <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	68 <i class="fa fa-power-off align-self-center navicon"></i>
3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	69 Logout {{ user }}
1146 74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	70 </a>
621 b17a4482d07d feat: UI adaptation of 4 slots Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	71 </div>
b17a4482d07d feat: UI adaptation of 4 slots Thomas Junk <thomas.junk@intevation.de> parents: 585 diff changeset	72 </div>
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	73 </div>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	74 </template>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	75
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	76 <script>
1019 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 * 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	79 * without warranty, see README.md and license for details.
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 * SPDX-License-Identifier: AGPL-3.0-or-later
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	82 * License-Filename: LICENSES/AGPL-3.0.txt
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	83 *
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	84 * Copyright (C) 2018 by via donau
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	85 * – Österreichische Wasserstraßen-Gesellschaft mbH
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	86 * Software engineering by Intevation GmbH
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	87 *
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	88 * Author(s):
ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	89 * Thomas Junk <thomas.junk@intevation.de>
1055 1ff8c072df18 WIP: Bottleneck list/table Markus Kottlaender <markus@intevation.de> parents: 1019 diff changeset	90 * Markus Kottländer <markus.kottlaender@intevation.de>
1019 ca628dce90dd Licensing information added Thomas Junk <thomas.junk@intevation.de> parents: 888 diff changeset	91 */
1123 d9e6a1f6f394 moved all collapse flags for UI elements to store Markus Kottlaender <markus@intevation.de> parents: 1093 diff changeset	92 import { mapGetters, mapState } from "vuex";
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	93
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	94 export default {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	95 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	96 props: ["routeName"],
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	97 computed: {
1173 3035ddd3d1a8 feat: importqueue Thomas Junk <thomas.junk@intevation.de> parents: 1171 diff changeset	98 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]),
1146 74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	99 ...mapState("user", ["user"]),
1183 1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	100 ...mapState("application", [
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	101 "showSidebar",
1230 957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	102 "showSearchbarLastState",
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	103 "showInContextBox"
1183 1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	104 ]),
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	105 menuStyle() {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	106 return {
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	107 menu: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	108 nav: true,
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	109 "flex-column": true
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 },
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	112 sidebarStyle() {
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	113 return [
1213 9d93968db2cd replaced custom css with bootstrap classes Markus Kottlaender <markus@intevation.de> parents: 1208 diff changeset	114 "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	115 {
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	116 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	117 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	118 }
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	119 ];
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	120 }
1146 74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	121 },
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	122 methods: {
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	123 logoff() {
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	124 this.$store.commit("user/clearAuth");
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	125 this.$store.commit("application/showSidebar", false);
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	126 this.$store.commit("application/showUsermenu", false);
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	127 this.$store.commit("application/showSplitscreen", false);
74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	128 this.$router.push("/login");
1204 ddfdf440da24 made searchbar contextual Markus Kottlaender <markus@intevation.de> parents: 1183 diff changeset	129 },
1230 957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	130 toggleContextBox(context) {
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	131 this.$store.commit(
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	132 "application/showInContextBox",
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	133 this.showInContextBox === context ? null : context
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	134 );
957907eaaa72 implemented context sensitive box below search bar (see: issue224) Markus Kottlaender <markus@intevation.de> parents: 1217 diff changeset	135 if (this.showInContextBox === context) {
1207 70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before Markus Kottlaender <markus@intevation.de> parents: 1204 diff changeset	136 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	137 } else {
1208 8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	138 this.$store.commit(
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	139 "application/showSearchbar",
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	140 this.showSearchbarLastState
8df4ebbc5c3f staging area Thomas Junk <thomas.junk@intevation.de> parents: 1207 diff changeset	141 );
1207 70116d392387 close bottleneck list: made searchbar collapse only if it was collapsed before Markus Kottlaender <markus@intevation.de> parents: 1204 diff changeset	142 }
1146 74e180ad3d6b fairway profile UI improvements Markus Kottlaender <markus@intevation.de> parents: 1143 diff changeset	143 }
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	144 }
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	145 };
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	146 </script>
ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	147
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	148 <style lang="sass" scoped>
1183 1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	149
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	150 a:hover
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	151 text-decoration: none
1d4801145a2d import soundingresults context now map instead administration Thomas Junk <thomas.junk@intevation.de> parents: 1173 diff changeset	152
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	153 .menupoints
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	154 text-align: left
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	155
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	156 .menubutton
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	157 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	158 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	159 top: 0
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	160 left: 0
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	161
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	162 .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	163 background-color: #f2f2f2
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	164
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	165 .navicon
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	166 margin-right: $small-offset
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 .menu
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	169 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	170
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	171 .sidebar
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	172 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	173 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	174 opacity: $slight-transparent
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	175
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	176 .sidebarcollapsed
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	177 height: 30px
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	178 width: 30px
a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	179 transition: $transition-fast
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	180
1169 a9e455c017cb moved sidebar button into Sidebar component and Sidebar component into Topbar component Markus Kottlaender <markus@intevation.de> parents: 1146 diff changeset	181 .sidebarextended
1171 d61be0d972d8 fixed searchbar overlapping issue Markus Kottlaender <markus@intevation.de> parents: 1169 diff changeset	182 height: $sidebar-height
d61be0d972d8 fixed searchbar overlapping issue Markus Kottlaender <markus@intevation.de> parents: 1169 diff changeset	183 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	184 min-width: $sidebar-width
585 ef307bd6b5d8 refac: restructured client application Thomas Junk <thomas.junk@intevation.de> parents: diff changeset	185 </style>

Mercurial > gemma

annotate client/src/application/Sidebar.vue @ 1234:1a5564655f2a