Mercurial > gemma

comparison client/src/components/Sidebar.vue @ 1427:350e9a168bc8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: improve translation of sidebar * Use general css fix to the vue-gettext removing leading white-space problem for the sidebar. This way only one place needs to be changed.
author Bernhard Reiter <bernhard@intevation.de>
date Thu, 29 Nov 2018 16:14:01 +0100
parents 3af7ad9717e2
children f4b3fb43b311
comparison
equal deleted inserted replaced
1426:acb4e493775e 1427:350e9a168bc8
7 <font-awesome-icon icon="bars"></font-awesome-icon> 7 <font-awesome-icon icon="bars"></font-awesome-icon>
8 </div> 8 </div>
9 <div class="menu text-nowrap text-left"> 9 <div class="menu text-nowrap text-left">
10 <router-link to="/"> 10 <router-link to="/">
11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon> 11 <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>
12 <translate>Map</translate> 12 <span v-translate class="fix-trans-space">Map</span>
13 </router-link> 13 </router-link>
14 <a 14 <a
15 href="#" 15 href="#"
16 @click="toggleContextBox('bottlenecks')" 16 @click="toggleContextBox('bottlenecks')"
17 :class="['secondary', { active: isActive('bottlenecks') }]" 17 :class="['secondary', { active: isActive('bottlenecks') }]"
18 > 18 >
19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon> 19 <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>
20 <translate>Bottlenecks</translate> 20 <span v-translate class="fix-trans-space">Bottlenecks</span>
21 </a> 21 </a>
22 <div v-if="isWaterwayAdmin"> 22 <div v-if="isWaterwayAdmin">
23 <a 23 <a
24 href="#" 24 href="#"
25 @click="toggleContextBox('imports')" 25 @click="toggleContextBox('imports')"
26 :class="['secondary', { active: isActive('imports') }]" 26 :class="['secondary', { active: isActive('imports') }]"
27 > 27 >
28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon> 28 <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>
29 <translate>Import soundingresults</translate> 29 <span v-translate class="fix-trans-space">Import soundingresults</span>
30 </a> 30 </a>
31 <a 31 <a
32 href="#" 32 href="#"
33 @click="toggleContextBox('staging')" 33 @click="toggleContextBox('staging')"
34 :class="['secondary', { active: isActive('staging') }]" 34 :class="['secondary', { active: isActive('staging') }]"
35 > 35 >
36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon> 36 <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>
37 <translate>Staging area</translate> 37 <span v-translate class="fix-trans-space">Staging area</span>
38 </a> 38 </a>
39 <small class="text-muted pl-3"> 39 <small class="text-muted pl-3">
40 <translate>Systemadministration</translate> 40 <translate>Systemadministration</translate>
41 </small> 41 </small>
42 <hr class="m-0"> 42 <hr class="m-0">
43 <router-link to="usermanagement"> 43 <router-link to="usermanagement">
44 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon> 44 <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>
45 <translate>Users</translate> 45 <span v-translate class="fix-trans-space">Users</span>
46 </router-link> 46 </router-link>
47 </div> 47 </div>
48 <div v-if="isSysAdmin"> 48 <div v-if="isSysAdmin">
49 <router-link to="systemconfiguration"> 49 <router-link to="systemconfiguration">
50 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon> 50 <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>
51 <translate>Systemconfiguration</translate> 51 <span v-translate class="fix-trans-space">Configuration</span>
52 </router-link> 52 </router-link>
53 <router-link to="logs"> 53 <router-link to="logs">
54 <font-awesome-icon icon="book" fixed-width></font-awesome-icon> 54 <font-awesome-icon icon="book" fixed-width></font-awesome-icon>
55 <translate>Logs</translate> 55 <span v-translate class="fix-trans-space">Logs</span>
56 </router-link> 56 </router-link>
57 <router-link to="importqueue"> 57 <router-link to="importqueue">
58 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon> 58 <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>
59 <translate>Importqueue</translate> 59 <span v-translate class="fix-trans-space">Importqueue</span>
60 </router-link> 60 </router-link>
61 </div> 61 </div>
62 <hr class="m-0"> 62 <hr class="m-0">
63 <a href="#" @click="logoff"> 63 <a href="#" @click="logoff">
64 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon> 64 <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon>
65 <translate>Logout</translate> 65 <span v-translate class="fix-trans-space">Logout</span>
66 {{ user }} 66 {{ user }}
67 </a> 67 </a>
68 </div> 68 </div>
69 </div> 69 </div>
70 </template> 70 </template>
144 display: block 144 display: block
145 text-align: left 145 text-align: left
146 padding: 0.5rem 1rem 146 padding: 0.5rem 1rem
147 color: #333 147 color: #333
148 text-decoration: none 148 text-decoration: none
149 svg 149 svg path
150 margin-right: 0.5rem 150 fill: #666
151 path
152 fill: #666
153 &:hover 151 &:hover
154 background-color: #f8f8f8 152 background-color: #f8f8f8
155 &.router-link-exact-active 153 &.router-link-exact-active
156 background-color: $color-info 154 background-color: $color-info
157 color: #fff 155 color: #fff