gemma: client/src/components/Sidebar.vue annotate

annotate client/src/components/Sidebar.vue @ 2383:8d025f85a3fe

client: made indicator for open imports show up immediatly The indicator in the main menu button relies on the staged imports to be loaded, which formerly only happended when opening the respective staging area box. Now they are loaded in the mounted hook of the sidebar component. Maybe this kind of calls should be made in a more central place.

author	Markus Kottlaender <markus@intevation.de>
date	Mon, 25 Feb 2019 08:47:59 +0100
parents	c28971cd70ce
children	e120631797f6 fd248ede0251

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";
2383 8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	170 import { displayError } from "@/lib/errors";
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	171
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	172 export default {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	173 name: "sidebar",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	174 props: ["routeName"],
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	175 computed: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	176 ...mapGetters("user", ["isSysAdmin", "isWaterwayAdmin"]),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	177 ...mapState("user", ["user"]),
2382 c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	178 ...mapState("imports", ["staging"]),
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	179 ...mapState("application", [
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	180 "showSidebar",
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	181 "showSearchbarLastState",
1289 e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	182 "contextBoxContent",
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	183 "showContextBox"
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	184 ]),
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	185 sidebarStyle() {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	186 return [
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	187 "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	188 {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	189 sidebarcollapsed: !this.showSidebar,
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	190 sidebarextended: this.showSidebar
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 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	195 methods: {
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	196 logoff() {
1701 f4bd67daaaff feat: force login on invalid session Thomas Junk <thomas.junk@intevation.de> parents: 1650 diff changeset	197 logOff();
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	198 },
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	199 toggleContextBox(context) {
1650 90211725e4a9 highlighing feature for staging area Thomas Junk <thomas.junk@intevation.de> parents: 1613 diff changeset	200 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	201 this.$store.commit("application/searchQuery", "");
1282 a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	202 this.$store.commit("application/showContextBox", true);
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	203 this.$store.commit("application/contextBoxContent", context);
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1272 diff changeset	204 this.$store.commit("application/showSearchbar", true);
1289 e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	205 },
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	206 isActive(item) {
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	207 return (
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	208 this.showContextBox &&
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	209 this.contextBoxContent === item &&
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	210 this.routeName == "mainview"
e1480ad4b6b0 improved menu style Markus Kottlaender <markus@intevation.de> parents: 1282 diff changeset	211 );
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	212 }
2383 8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	213 },
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	214 mounted() {
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	215 this.$store.dispatch("imports/getStaging").catch(error => {
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	216 const { status, data } = error.response;
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	217 displayError({
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	218 title: "Backend Error",
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	219 message: `${status}: ${data.message \|\| data}`
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	220 });
8d025f85a3fe client: made indicator for open imports show up immediatly Markus Kottlaender <markus@intevation.de> parents: 2382 diff changeset	221 });
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	222 }
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	223 };
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	224 </script>
bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	225
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	226 <style lang="scss" scoped>
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	227 .menubutton {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	228 height: 2rem;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	229 width: 2rem;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	230 top: 0;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	231 left: 0;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	232 color: #666;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	233 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	234
2382 c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	235 .indicator {
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	236 font-size: 11px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	237 line-height: 11px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	238 padding: 2px 4px 1px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	239 position: absolute;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	240 top: 18px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	241 left: 0px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	242 z-index: 10;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	243 color: #fff;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	244 background: #17a2b8;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	245 border-top-right-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	246 border-bottom-left-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	247 }
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	248
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	249 .menu a {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	250 display: block;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	251 text-align: left;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	252 padding: 0.5rem 1rem;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	253 color: #333;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	254 text-decoration: none;
2382 c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	255 .indicator {
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	256 left: auto;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	257 right: 10px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	258 top: 10px;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	259 border-radius: 0.25rem;
c28971cd70ce client: indicator for imports waiting for review Markus Kottlaender <markus@intevation.de> parents: 2354 diff changeset	260 }
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	261 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	262
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	263 .menu a svg path {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	264 fill: #666;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	265 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	266
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	267 .menu a:hover {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	268 background-color: #f8f8f8;
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
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	271 .menu a.router-link-exact-active {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	272 background-color: #17a2b8;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	273 color: #fff;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	274 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	275
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	276 .menu a.router-link-exact-active svg path {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	277 fill: #fff;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	278 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	279
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	280 .menu a.secondary.active {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	281 background: #ebfafd;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	282 color: #0f6674;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	283 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	284
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	285 .menu a.secondary.active svg path {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	286 fill: #0f6674;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	287 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	288
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	289 .sidebar {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	290 background-color: #ffffff;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	291 padding-top: $large-offset;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	292 opacity: $slight-transparent;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	293 transition: $transition-fast;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	294 overflow: hidden;
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
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	297 .sidebarcollapsed {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	298 max-height: $icon-height;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	299 max-width: $icon-width;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	300 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	301
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	302 .sidebarextended {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	303 max-width: $sidebar-width;
1455 33dda08d67be unified layout for adminsection Thomas Junk <thomas.junk@intevation.de> parents: 1449 diff changeset	304 min-width: $sidebar-width;
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1429 diff changeset	305 }
1272 bc55ffaeb639 cleaned up client/src directory Markus Kottlaender <markus@intevation.de> parents: diff changeset	306 </style>

Mercurial > gemma

annotate client/src/components/Sidebar.vue @ 2383:8d025f85a3fe