Mercurial > gemma

annotate client/src/components/Sidebar.vue @ 2382:c28971cd70ce

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: indicator for imports waiting for review The main menu button and the staging area menu item now show an indicator for open imports
author Markus Kottlaender <markus@intevation.de>
date Mon, 25 Feb 2019 08:35:47 +0100
parents eebe0a8ddc82
children 8d025f85a3fe
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
1 <template>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
2 <div class="position-relative">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
3 <span class="indicator" v-if="!showSidebar && staging.length">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
4 {{ staging.length }}
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
5 </span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
6 <div :class="sidebarStyle">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
7 <div
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
8 @click="$store.commit('application/showSidebar', !showSidebar)"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
9 class="menubutton ui-element d-print-none p-2 bg-white rounded position-absolute d-flex justify-content-center"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
10 >
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
11 <font-awesome-icon class="fa-fw" icon="bars"></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
12 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
13 <div class="menu text-nowrap text-left">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
14 <router-link to="/">
1463
a6dd2a8183a4 sidebar: added spacer class to import schedule
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
15 <font-awesome-icon
1542
31c6c7bd6190 layout issues
Thomas Junk <thomas.junk@intevation.de>
parents: 1517
diff changeset
16 class="fa-fw mr-2"
1505
a6c2d4252bae refresh clears notifications
Thomas Junk <thomas.junk@intevation.de>
parents: 1463
diff changeset
17 fixed-width
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
18 icon="map-marked-alt"
1463
a6dd2a8183a4 sidebar: added spacer class to import schedule
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
19 ></font-awesome-icon>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
20 <span class="fix-trans-space" v-translate>Map</span>
2329
514193fd0120 refac: improve routing structure. We now have /bottlenecks, /stretches, /review routes
Thomas Junk <thomas.junk@intevation.de>
parents: 2282
diff changeset
21 </router-link>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
22 <router-link to="/bottlenecks">
1753
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1725
diff changeset
23 <font-awesome-icon
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1725
diff changeset
24 class="fa-fw mr-2"
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1725
diff changeset
25 fixed-width
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
26 icon="ship"
1753
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1725
diff changeset
27 ></font-awesome-icon>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
28 <span class="fix-trans-space" v-translate>Bottlenecks</span>
1753
68bd990dd8e5 feat: added import dialogs for approved gauge meas. and waterway profiles
Thomas Junk <thomas.junk@intevation.de>
parents: 1725
diff changeset
29 </router-link>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
30 <div v-if="isWaterwayAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
31 <router-link to="/review" class="position-relative">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
32 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
33 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
34 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
35 icon="clipboard-check"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
36 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
37 <span class="fix-trans-space" v-translate>Staging area</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
38 <span class="indicator" v-if="showSidebar && staging.length">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
39 {{ staging.length }}
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
40 </span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
41 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
42 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
43 <div v-if="isSysAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
44 <router-link to="/stretches">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
45 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
46 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
47 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
48 icon="road"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
49 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
50 <span class="fix-trans-space" v-translate>Define stretches</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
51 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
52 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
53 <div v-if="isWaterwayAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
54 <small class="text-muted pl-3"> <translate>Import</translate> </small>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
55 <hr class="m-0" />
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
56 <router-link to="/importsoundingresults">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
57 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
58 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
59 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
60 icon="upload"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
61 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
62 <span class="fix-trans-space" v-translate
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
63 >Import soundingresults</span
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
64 >
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
65 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
66 <router-link to="/importapprovedgaugemeasurement">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
67 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
68 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
69 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
70 icon="upload"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
71 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
72 <span class="fix-trans-space" v-translate
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
73 >Import approved gaugemeasurements</span
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
74 >
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
75 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
76 <router-link to="/importwaterwayprofiles">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
77 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
78 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
79 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
80 icon="upload"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
81 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
82 <span class="fix-trans-space" v-translate
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
83 >Import waterway profiles</span
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
84 >
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
85 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
86 <router-link to="/importschedule">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
87 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
88 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
89 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
90 icon="clock"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
91 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
92 <translate class="fix-trans-space">Imports</translate>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
93 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
94 <small class="text-muted pl-3">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
95 <translate>Systemadministration</translate>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
96 </small>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
97 <hr class="m-0" />
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
98 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
99 <div v-if="isSysAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
100 <router-link to="/usermanagement">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
101 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
102 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
103 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
104 icon="users-cog"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
105 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
106 <span class="fix-trans-space" v-translate>Users</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
107 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
108 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
109 <div v-if="isWaterwayAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
110 <router-link to="/systemconfiguration">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
111 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
112 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
113 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
114 icon="wrench"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
115 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
116 <span class="fix-trans-space" v-translate>Configuration</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
117 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
118 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
119 <div v-if="isSysAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
120 <router-link to="/logs">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
121 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
122 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
123 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
124 icon="book"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
125 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
126 <span class="fix-trans-space" v-translate>Logs</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
127 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
128 </div>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
129 <div v-if="isWaterwayAdmin">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
130 <router-link to="/importqueue">
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
131 <font-awesome-icon
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
132 class="fa-fw mr-2"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
133 fixed-width
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
134 icon="tasks"
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
135 ></font-awesome-icon>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
136 <span class="fix-trans-space" v-translate>Importqueue</span>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
137 </router-link>
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
138 </div>
1463
a6dd2a8183a4 sidebar: added spacer class to import schedule
Thomas Junk <thomas.junk@intevation.de>
parents: 1455
diff changeset
139 <hr class="m-0" />
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
140 <a @click="logoff" href="#" class="logout">
1517
6eec1c324a64 font-awesome fixed width icons
Thomas Junk <thomas.junk@intevation.de>
parents: 1505
diff changeset
141 <font-awesome-icon
1542
31c6c7bd6190 layout issues
Thomas Junk <thomas.junk@intevation.de>
parents: 1517
diff changeset
142 class="fa-fw mr-2"
1517
6eec1c324a64 font-awesome fixed width icons
Thomas Junk <thomas.junk@intevation.de>
parents: 1505
diff changeset
143 fixed-width
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
144 icon="power-off"
1517
6eec1c324a64 font-awesome fixed width icons
Thomas Junk <thomas.junk@intevation.de>
parents: 1505
diff changeset
145 ></font-awesome-icon>
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
146 <span class="fix-trans-space" v-translate>Logout</span> {{ user }}
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
147 </a>
1777
e70b7b8e7b74 wrong rights rigthed, so they are right now right
Thomas Junk <thomas.junk@intevation.de>
parents: 1757
diff changeset
148 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
149 </div>
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
150 </div>
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
151 </template>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
152
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
153 <script>
1362
ca33ad696594 remove the first empyty lines
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1361
diff changeset
154 /* This is Free Software under GNU Affero General Public License v >= 3.0
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
155 * without warranty, see README.md and license for details.
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
156 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
157 * SPDX-License-Identifier: AGPL-3.0-or-later
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
158 * License-Filename: LICENSES/AGPL-3.0.txt
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
159 *
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
160 * Copyright (C) 2018 by via donau
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
161 * – Österreichische Wasserstraßen-Gesellschaft mbH
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
162 * Software engineering by Intevation GmbH
1361
ea3a89a1813a remove trailing whitespace, add headers for Makefile, add the missed authors
Fadi Abbud <fadi.abbud@intevation.de>
parents: 1299
diff changeset
163 *
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
164 * Author(s):
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
165 * Thomas Junk <thomas.junk@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
166 * Markus Kottländer <markus.kottlaender@intevation.de>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
167 */
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
168 import { mapGetters, mapState } from "vuex";
1701
f4bd67daaaff feat: force login on invalid session
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
169 import { logOff } from "@/lib/session.js";
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
170
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
171 export default {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
172 name: "sidebar",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
173 props: ["routeName"],
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
174 computed: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
175 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]),
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
176 ...mapState("user", ["user"]),
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
177 ...mapState("imports", ["staging"]),
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
178 ...mapState("application", [
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
179 "showSidebar",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
180 "showSearchbarLastState",
1289
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
181 "contextBoxContent",
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
182 "showContextBox"
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
183 ]),
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
184 sidebarStyle() {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
185 return [
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
186 "ui-element position-relative sidebar rounded shadow-xs d-print-none mb-auto",
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
187 {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
188 sidebarcollapsed: !this.showSidebar,
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
189 sidebarextended: this.showSidebar
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
190 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
191 ];
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
192 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
193 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
194 methods: {
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
195 logoff() {
1701
f4bd67daaaff feat: force login on invalid session
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
196 logOff();
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
197 },
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
198 toggleContextBox(context) {
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1613
diff changeset
199 if (this.$route.path !== "/") this.$router.push("/");
2282
2e40909a975d clean searchbar when context is changed
Thomas Junk <thomas.junk@intevation.de>
parents: 2277
diff changeset
200 this.$store.commit("application/searchQuery", "");
1282
a7dd8a3356fc fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
201 this.$store.commit("application/showContextBox", true);
a7dd8a3356fc fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
202 this.$store.commit("application/contextBoxContent", context);
a7dd8a3356fc fixed contextBox animations
Markus Kottlaender <markus@intevation.de>
parents: 1272
diff changeset
203 this.$store.commit("application/showSearchbar", true);
1289
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
204 },
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
205 isActive(item) {
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
206 return (
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
207 this.showContextBox &&
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
208 this.contextBoxContent === item &&
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
209 this.routeName == "mainview"
e1480ad4b6b0 improved menu style
Markus Kottlaender <markus@intevation.de>
parents: 1282
diff changeset
210 );
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
211 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
212 }
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
213 };
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
214 </script>
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
215
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
216 <style lang="scss" scoped>
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
217 .menubutton {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
218 height: 2rem;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
219 width: 2rem;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
220 top: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
221 left: 0;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
222 color: #666;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
223 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
224
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
225 .indicator {
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
226 font-size: 11px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
227 line-height: 11px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
228 padding: 2px 4px 1px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
229 position: absolute;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
230 top: 18px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
231 left: 0px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
232 z-index: 10;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
233 color: #fff;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
234 background: #17a2b8;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
235 border-top-right-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
236 border-bottom-left-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
237 }
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
238
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
239 .menu a {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
240 display: block;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
241 text-align: left;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
242 padding: 0.5rem 1rem;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
243 color: #333;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
244 text-decoration: none;
2382
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
245 .indicator {
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
246 left: auto;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
247 right: 10px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
248 top: 10px;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
249 border-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review
Markus Kottlaender <markus@intevation.de>
parents: 2354
diff changeset
250 }
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
251 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
252
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
253 .menu a svg path {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
254 fill: #666;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
255 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
256
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
257 .menu a:hover {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
258 background-color: #f8f8f8;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
259 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
260
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
261 .menu a.router-link-exact-active {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
262 background-color: #17a2b8;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
263 color: #fff;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
264 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
265
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
266 .menu a.router-link-exact-active svg path {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
267 fill: #fff;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
268 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
269
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
270 .menu a.secondary.active {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
271 background: #ebfafd;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
272 color: #0f6674;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
273 }
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
274
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
275 .menu a.secondary.active svg path {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
276 fill: #0f6674;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
277 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
278
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
279 .sidebar {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
280 background-color: #ffffff;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
281 padding-top: $large-offset;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
282 opacity: $slight-transparent;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
283 transition: $transition-fast;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
284 overflow: hidden;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
285 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
286
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
287 .sidebarcollapsed {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
288 max-height: $icon-height;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
289 max-width: $icon-width;
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
290 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
291
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
292 .sidebarextended {
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
293 max-width: $sidebar-width;
1455
33dda08d67be unified layout for adminsection
Thomas Junk <thomas.junk@intevation.de>
parents: 1449
diff changeset
294 min-width: $sidebar-width;
1449
bb47531bdd22 sass to scss
Thomas Junk <thomas.junk@intevation.de>
parents: 1429
diff changeset
295 }
1272
bc55ffaeb639 cleaned up client/src directory
Markus Kottlaender <markus@intevation.de>
parents:
diff changeset
296 </style>