Mercurial > gemma
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 |