Mercurial > gemma

comparison client/src/components/Sidebar.vue @ 1517:6eec1c324a64

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
font-awesome fixed width icons
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 06 Dec 2018 14:07:18 +0100
parents a6c2d4252bae
children 31c6c7bd6190
comparison
equal deleted inserted replaced
1516:6b3756676bbe 1517:6eec1c324a64
2 <div :class="sidebarStyle"> 2 <div :class="sidebarStyle">
3 <div 3 <div
4 @click="$store.commit('application/showSidebar', !showSidebar)" 4 @click="$store.commit('application/showSidebar', !showSidebar)"
5 class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center" 5 class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center"
6 > 6 >
7 <font-awesome-icon icon="bars"></font-awesome-icon> 7 <font-awesome-icon class="fa-fw" 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 11 <font-awesome-icon
12 class="fa-fw"
12 fixed-width 13 fixed-width
13 icon="map-marked-alt" 14 icon="map-marked-alt"
14 ></font-awesome-icon> 15 ></font-awesome-icon>
15 <span class="fix-trans-space" v-translate>Map</span> 16 <span class="fix-trans-space" v-translate>Map</span>
16 </router-link> 17 </router-link>
17 <a 18 <a
18 :class="['secondary', { active: isActive('bottlenecks') }]" 19 :class="['secondary', { active: isActive('bottlenecks') }]"
19 @click="toggleContextBox('bottlenecks')" 20 @click="toggleContextBox('bottlenecks')"
20 href="#" 21 href="#"
21 > 22 >
22 <font-awesome-icon fixed-width icon="ship"></font-awesome-icon> 23 <font-awesome-icon
24 class="fa-fw"
25 fixed-width
26 icon="ship"
27 ></font-awesome-icon>
23 <span class="fix-trans-space" v-translate>Bottlenecks</span> 28 <span class="fix-trans-space" v-translate>Bottlenecks</span>
24 </a> 29 </a>
25 <div v-if="isWaterwayAdmin"> 30 <div v-if="isWaterwayAdmin">
26 <a 31 <a
27 :class="['secondary', { active: isActive('imports') }]" 32 :class="['secondary', { active: isActive('imports') }]"
28 @click="toggleContextBox('imports')" 33 @click="toggleContextBox('imports')"
29 href="#" 34 href="#"
30 > 35 >
31 <font-awesome-icon fixed-width icon="upload"></font-awesome-icon> 36 <font-awesome-icon
37 class="fa-fw"
38 fixed-width
39 icon="upload"
40 ></font-awesome-icon>
32 <span class="fix-trans-space" v-translate 41 <span class="fix-trans-space" v-translate
33 >Import soundingresults</span 42 >Import soundingresults</span
34 > 43 >
35 </a> 44 </a>
36 <a 45 <a
37 :class="['secondary', { active: isActive('staging') }]" 46 :class="['secondary', { active: isActive('staging') }]"
38 @click="toggleContextBox('staging')" 47 @click="toggleContextBox('staging')"
39 href="#" 48 href="#"
40 > 49 >
41 <font-awesome-icon 50 <font-awesome-icon
51 class="fa-fw"
42 fixed-width 52 fixed-width
43 icon="clipboard-check" 53 icon="clipboard-check"
44 ></font-awesome-icon> 54 ></font-awesome-icon>
45 <span class="fix-trans-space" v-translate>Staging area</span> 55 <span class="fix-trans-space" v-translate>Staging area</span>
46 </a> 56 </a>
47 <small class="text-muted pl-3"> 57 <small class="text-muted pl-3">
48 <translate>Systemadministration</translate> 58 <translate>Systemadministration</translate>
49 </small> 59 </small>
50 <hr class="m-0" /> 60 <hr class="m-0" />
51 <router-link to="usermanagement"> 61 <router-link to="usermanagement">
52 <font-awesome-icon fixed-width icon="users-cog"></font-awesome-icon> 62 <font-awesome-icon
63 class="fa-fw"
64 fixed-width
65 icon="users-cog"
66 ></font-awesome-icon>
53 <span class="fix-trans-space" v-translate>Users</span> 67 <span class="fix-trans-space" v-translate>Users</span>
54 </router-link> 68 </router-link>
55 </div> 69 </div>
56 <div v-if="isSysAdmin"> 70 <div v-if="isSysAdmin">
57 <router-link to="systemconfiguration"> 71 <router-link to="systemconfiguration">
58 <font-awesome-icon fixed-width icon="wrench"></font-awesome-icon> 72 <font-awesome-icon
73 class="fa-fw"
74 fixed-width
75 icon="wrench"
76 ></font-awesome-icon>
59 <span class="fix-trans-space" v-translate>Configuration</span> 77 <span class="fix-trans-space" v-translate>Configuration</span>
60 </router-link> 78 </router-link>
61 <router-link to="logs"> 79 <router-link to="logs">
62 <font-awesome-icon fixed-width icon="book"></font-awesome-icon> 80 <font-awesome-icon
81 class="fa-fw"
82 fixed-width
83 icon="book"
84 ></font-awesome-icon>
63 <span class="fix-trans-space" v-translate>Logs</span> 85 <span class="fix-trans-space" v-translate>Logs</span>
64 </router-link> 86 </router-link>
65 <router-link to="importqueue"> 87 <router-link to="importqueue">
66 <font-awesome-icon fixed-width icon="tasks"></font-awesome-icon> 88 <font-awesome-icon
89 class="fa-fw"
90 fixed-width
91 icon="tasks"
92 ></font-awesome-icon>
67 <span class="fix-trans-space" v-translate>Importqueue</span> 93 <span class="fix-trans-space" v-translate>Importqueue</span>
68 </router-link> 94 </router-link>
69 <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE"> 95 <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE">
70 <font-awesome-icon fixed-width icon="clock"></font-awesome-icon> 96 <font-awesome-icon
97 class="fa-fw"
98 fixed-width
99 icon="clock"
100 ></font-awesome-icon>
71 <translate class="fix-trans-space">Importschedule</translate> 101 <translate class="fix-trans-space">Importschedule</translate>
72 </router-link> 102 </router-link>
73 </div> 103 </div>
74 <hr class="m-0" /> 104 <hr class="m-0" />
75 <a @click="logoff" href="#"> 105 <a @click="logoff" href="#">
76 <font-awesome-icon fixed-width icon="power-off"></font-awesome-icon> 106 <font-awesome-icon
107 class="fa-fw"
108 fixed-width
109 icon="power-off"
110 ></font-awesome-icon>
77 <span class="fix-trans-space" v-translate>Logout</span> {{ user }} 111 <span class="fix-trans-space" v-translate>Logout</span> {{ user }}
78 </a> 112 </a>
79 </div> 113 </div>
80 </div> 114 </div>
81 </template> 115 </template>