comparison 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
comparison
equal deleted inserted replaced
1233:c9c9c9cc61f6 1234:1a5564655f2a
7 <i class="ui-element d-print-none fa fa-bars"></i> 7 <i class="ui-element d-print-none fa fa-bars"></i>
8 </div> 8 </div>
9 <div :class="menuStyle"> 9 <div :class="menuStyle">
10 <div class="menupoints" v-if="this.showSidebar"> 10 <div class="menupoints" v-if="this.showSidebar">
11 <router-link to="/" class="text-body d-flex flex-row nav-link"> 11 <router-link to="/" class="text-body d-flex flex-row nav-link">
12 <i class="fa fa-map-o align-self-center navicon"></i>Riverbed Morphology 12 <i class="fa fa-map-o align-self-center navicon"></i>Map
13 </router-link> 13 </router-link>
14 <div class="d-flex flex-row nav-link"> 14 <div class="d-flex flex-row nav-link">
15 <i class="fa fa-ship align-self-center navicon"></i> 15 <i v-if="routeName == 'mainview'" class="fa fa-ship align-self-center navicon"></i>
16 <a 16 <a
17 class="text-body d-flex flex-row" 17 class="text-body d-flex flex-row"
18 v-if="routeName == 'mainview'" 18 v-if="routeName == 'mainview'"
19 href="#" 19 href="#"
20 @click="toggleContextBox('bottlenecks')" 20 @click="toggleContextBox('bottlenecks')"
21 >Bottlenecks</a> 21 >Bottlenecks</a>
22 </div> 22 </div>
23 <div v-if="isSysAdmin"> 23 <div v-if="isSysAdmin">
24 <hr> 24 <hr>
25 <div class="nav-link d-flex menupadding text-muted">Administration</div> 25 <div
26 v-if="routeName == 'mainview'"
27 class="nav-link d-flex menupadding text-muted"
28 >Administration</div>
26 </div> 29 </div>
27 <div v-if="isWaterwayAdmin"> 30 <div v-if="isWaterwayAdmin">
28 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link"> 31 <div v-if="routeName == 'mainview'" class="d-flex flex-row nav-link">
29 <i class="fa fa-upload align-self-center navicon"></i> 32 <i class="fa fa-upload align-self-center navicon"></i>
30 <a 33 <a
39 href="#" 42 href="#"
40 class="text-body" 43 class="text-body"
41 @click="toggleContextBox('staging')" 44 @click="toggleContextBox('staging')"
42 >Staging area</a> 45 >Staging area</a>
43 </div> 46 </div>
47 <div class="nav-link d-flex menupadding text-muted">Systemadministration</div>
44 <router-link class="text-body d-flex flex-row nav-link" to="usermanagement"> 48 <router-link class="text-body d-flex flex-row nav-link" to="usermanagement">
45 <i class="fa fa-address-card-o align-self-center navicon"></i>Users 49 <i class="fa fa-address-card-o align-self-center navicon"></i>Users
46 </router-link> 50 </router-link>
47 </div> 51 </div>
48 <div v-if="isSysAdmin"> 52 <div v-if="isSysAdmin">
50 class="text-body d-flex flex-row nav-link" 54 class="text-body d-flex flex-row nav-link"
51 to="systemconfiguration" 55 to="systemconfiguration"
52 > 56 >
53 <i class="fa fa-wrench align-self-center navicon"></i>Systemconfiguration 57 <i class="fa fa-wrench align-self-center navicon"></i>Systemconfiguration
54 </router-link> 58 </router-link>
55 <div class="nav-link d-flex menupadding text-muted">Systeminformation</div>
56 <router-link class="text-body d-flex flex-row nav-link" to="logs"> 59 <router-link class="text-body d-flex flex-row nav-link" to="logs">
57 <i class="fa fa-book align-self-center navicon"></i>Logs 60 <i class="fa fa-book align-self-center navicon"></i>Logs
58 </router-link> 61 </router-link>
59 <router-link class="text-body d-flex flex-row nav-link" to="importqueue"> 62 <router-link class="text-body d-flex flex-row nav-link" to="importqueue">
60 <i class="fa fa-exchange align-self-center navicon"></i>Importqueue 63 <i class="fa fa-exchange align-self-center navicon"></i>Importqueue