comparison client/src/components/Sidebar.vue @ 1542:31c6c7bd6190

layout issues
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 10 Dec 2018 12:48:37 +0100
parents 6eec1c324a64
children a0833dc8b1c1
comparison
equal deleted inserted replaced
1541:03fcad10104a 1542:31c6c7bd6190
7 <font-awesome-icon class="fa-fw" 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 class="fa-fw mr-2"
13 fixed-width 13 fixed-width
14 icon="map-marked-alt" 14 icon="map-marked-alt"
15 ></font-awesome-icon> 15 ></font-awesome-icon>
16 <span class="fix-trans-space" v-translate>Map</span> 16 <span class="fix-trans-space" v-translate>Map</span>
17 </router-link> 17 </router-link>
19 :class="['secondary', { active: isActive('bottlenecks') }]" 19 :class="['secondary', { active: isActive('bottlenecks') }]"
20 @click="toggleContextBox('bottlenecks')" 20 @click="toggleContextBox('bottlenecks')"
21 href="#" 21 href="#"
22 > 22 >
23 <font-awesome-icon 23 <font-awesome-icon
24 class="fa-fw" 24 class="fa-fw mr-2"
25 fixed-width 25 fixed-width
26 icon="ship" 26 icon="ship"
27 ></font-awesome-icon> 27 ></font-awesome-icon>
28 <span class="fix-trans-space" v-translate>Bottlenecks</span> 28 <span class="fix-trans-space" v-translate>Bottlenecks</span>
29 </a> 29 </a>
32 :class="['secondary', { active: isActive('imports') }]" 32 :class="['secondary', { active: isActive('imports') }]"
33 @click="toggleContextBox('imports')" 33 @click="toggleContextBox('imports')"
34 href="#" 34 href="#"
35 > 35 >
36 <font-awesome-icon 36 <font-awesome-icon
37 class="fa-fw" 37 class="fa-fw mr-2"
38 fixed-width 38 fixed-width
39 icon="upload" 39 icon="upload"
40 ></font-awesome-icon> 40 ></font-awesome-icon>
41 <span class="fix-trans-space" v-translate 41 <span class="fix-trans-space" v-translate
42 >Import soundingresults</span 42 >Import soundingresults</span
46 :class="['secondary', { active: isActive('staging') }]" 46 :class="['secondary', { active: isActive('staging') }]"
47 @click="toggleContextBox('staging')" 47 @click="toggleContextBox('staging')"
48 href="#" 48 href="#"
49 > 49 >
50 <font-awesome-icon 50 <font-awesome-icon
51 class="fa-fw" 51 class="fa-fw mr-2"
52 fixed-width 52 fixed-width
53 icon="clipboard-check" 53 icon="clipboard-check"
54 ></font-awesome-icon> 54 ></font-awesome-icon>
55 <span class="fix-trans-space" v-translate>Staging area</span> 55 <span class="fix-trans-space" v-translate>Staging area</span>
56 </a> 56 </a>
58 <translate>Systemadministration</translate> 58 <translate>Systemadministration</translate>
59 </small> 59 </small>
60 <hr class="m-0" /> 60 <hr class="m-0" />
61 <router-link to="usermanagement"> 61 <router-link to="usermanagement">
62 <font-awesome-icon 62 <font-awesome-icon
63 class="fa-fw" 63 class="fa-fw mr-2"
64 fixed-width 64 fixed-width
65 icon="users-cog" 65 icon="users-cog"
66 ></font-awesome-icon> 66 ></font-awesome-icon>
67 <span class="fix-trans-space" v-translate>Users</span> 67 <span class="fix-trans-space" v-translate>Users</span>
68 </router-link> 68 </router-link>
69 </div> 69 </div>
70 <div v-if="isSysAdmin"> 70 <div v-if="isSysAdmin">
71 <router-link to="systemconfiguration"> 71 <router-link to="systemconfiguration">
72 <font-awesome-icon 72 <font-awesome-icon
73 class="fa-fw" 73 class="fa-fw mr-2"
74 fixed-width 74 fixed-width
75 icon="wrench" 75 icon="wrench"
76 ></font-awesome-icon> 76 ></font-awesome-icon>
77 <span class="fix-trans-space" v-translate>Configuration</span> 77 <span class="fix-trans-space" v-translate>Configuration</span>
78 </router-link> 78 </router-link>
79 <router-link to="logs"> 79 <router-link to="logs">
80 <font-awesome-icon 80 <font-awesome-icon
81 class="fa-fw" 81 class="fa-fw mr-2"
82 fixed-width 82 fixed-width
83 icon="book" 83 icon="book"
84 ></font-awesome-icon> 84 ></font-awesome-icon>
85 <span class="fix-trans-space" v-translate>Logs</span> 85 <span class="fix-trans-space" v-translate>Logs</span>
86 </router-link> 86 </router-link>
87 <router-link to="importqueue"> 87 <router-link to="importqueue">
88 <font-awesome-icon 88 <font-awesome-icon
89 class="fa-fw" 89 class="fa-fw mr-2"
90 fixed-width 90 fixed-width
91 icon="tasks" 91 icon="tasks"
92 ></font-awesome-icon> 92 ></font-awesome-icon>
93 <span class="fix-trans-space" v-translate>Importqueue</span> 93 <span class="fix-trans-space" v-translate>Importqueue</span>
94 </router-link> 94 </router-link>
95 <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE"> 95 <router-link to="importschedule" v-if="this.$options.IMPORTSCHEDULE">
96 <font-awesome-icon 96 <font-awesome-icon
97 class="fa-fw" 97 class="fa-fw mr-2"
98 fixed-width 98 fixed-width
99 icon="clock" 99 icon="clock"
100 ></font-awesome-icon> 100 ></font-awesome-icon>
101 <translate class="fix-trans-space">Importschedule</translate> 101 <translate class="fix-trans-space">Importschedule</translate>
102 </router-link> 102 </router-link>
103 </div> 103 </div>
104 <hr class="m-0" /> 104 <hr class="m-0" />
105 <a @click="logoff" href="#"> 105 <a @click="logoff" href="#">
106 <font-awesome-icon 106 <font-awesome-icon
107 class="fa-fw" 107 class="fa-fw mr-2"
108 fixed-width 108 fixed-width
109 icon="power-off" 109 icon="power-off"
110 ></font-awesome-icon> 110 ></font-awesome-icon>
111 <span class="fix-trans-space" v-translate>Logout</span> {{ user }} 111 <span class="fix-trans-space" v-translate>Logout</span> {{ user }}
112 </a> 112 </a>