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

annotate client/src/components/Contextbox.vue @ 2455:54c9fe587fe6

Subdivide SQL function to prepare for improved error handling The context of an error (e.g. the function in which it occured) can be inferred by the database client. Not doing all in one statement will render the context more meaningful.

author	Tom Gottfried <tom@intevation.de>
date	Fri, 01 Mar 2019 18:38:02 +0100
parents	999bb511ef67
children	a542045f28a6

rev	line source
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	1 <template>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	2 <div :class="style">
ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	3 <Bottlenecks v-if="contextBoxContent === 'bottlenecks'"></Bottlenecks>
ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	4 <Staging v-if="contextBoxContent === 'staging'"></Staging>
1797 67340ceecc5f feat: define sections and stretches etd Thomas Junk <thomas.junk@intevation.de> parents: 1625 diff changeset	5 <Stretches v-if="contextBoxContent === 'stretches'"></Stretches>
2399 e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	6 <ImportOverview
e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	7 v-if="contextBoxContent === 'importoverview'"
e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	8 ></ImportOverview>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	9 </div>
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	10 </template>
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	11
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	12 <script>
1362 ca33ad696594 remove the first empyty lines Fadi Abbud <fadi.abbud@intevation.de> parents: 1299 diff changeset	13 /* This is Free Software under GNU Affero General Public License v >= 3.0
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	14 * without warranty, see README.md and license for details.
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	15 *
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	16 * SPDX-License-Identifier: AGPL-3.0-or-later
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	17 * License-Filename: LICENSES/AGPL-3.0.txt
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	18 *
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	19 * Copyright (C) 2018 by via donau
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	20 * – Österreichische Wasserstraßen-Gesellschaft mbH
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	21 * Software engineering by Intevation GmbH
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	22 *
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	23 * Author(s):
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	24 * Markus Kottländer <markus.kottlaender@intevation.de>
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	25 */
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	26 import { mapState } from "vuex";
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	27
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	28 export default {
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	29 name: "contextbox",
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	30 components: {
2399 e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	31 Bottlenecks: () => import("@/components/Bottlenecks"),
e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	32 Stretches: () => import("@/components/ImportStretches.vue"),
e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	33 ImportOverview: () =>
e120631797f6 wip Thomas Junk <thomas.junk@intevation.de> parents: 2387 diff changeset	34 import("@/components/importoverview/ImportOverview.vue")
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	35 },
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	36 computed: {
1282 a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	37 ...mapState("application", [
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	38 "showSearchbarLastState",
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	39 "contextBoxContent",
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	40 "showContextBox"
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	41 ]),
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	42 style() {
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	43 return [
1282 a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	44 "ui-element shadow-xs contextbox",
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	45 {
1282 a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	46 contextboxcollapsed: !this.showContextBox,
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	47 contextboxextended: this.showContextBox,
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	48 "rounded-bottom": this.contextBoxContent !== "imports",
a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	49 rounded: this.contextBoxContent === "imports"
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	50 }
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	51 ];
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	52 }
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	53 },
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	54 methods: {
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	55 close() {
2282 2e40909a975d clean searchbar when context is changed Thomas Junk <thomas.junk@intevation.de> parents: 2154 diff changeset	56 this.$store.commit("application/searchQuery", "");
1282 a7dd8a3356fc fixed contextBox animations Markus Kottlaender <markus@intevation.de> parents: 1278 diff changeset	57 this.$store.commit("application/showContextBox", false);
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	58 this.$store.commit(
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	59 "application/showSearchbar",
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	60 this.showSearchbarLastState
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	61 );
2329 514193fd0120 refac: improve routing structure. We now have /bottlenecks, /stretches, /review routes Thomas Junk <thomas.junk@intevation.de> parents: 2282 diff changeset	62 this.$router.push("/");
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	63 }
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	64 }
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	65 };
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	66 </script>
aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	67
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	68 <style lang="scss" scoped>
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	69 .contextbox {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	70 position: relative;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	71 background-color: #ffffff;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	72 opacity: $slight-transparent;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	73 transition: max-width 0.3s, max-height 0.3s;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	74 overflow: hidden;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	75 background: #fff;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	76 }
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	77 .contextbox > div:last-child {
2440 999bb511ef67 staging: layout logs Thomas Junk <thomas.junk@intevation.de> parents: 2427 diff changeset	78 width: 660px;
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	79 }
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	80
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	81 .contextboxcollapsed {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	82 max-width: 0;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	83 max-height: 0;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	84 }
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	85
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	86 .contextboxextended {
2440 999bb511ef67 staging: layout logs Thomas Junk <thomas.junk@intevation.de> parents: 2427 diff changeset	87 max-width: 660px;
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	88 }
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	89
1449 bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	90 .close-contextbox {
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	91 position: absolute;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	92 z-index: 2;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	93 right: 0;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	94 top: 7px;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	95 height: $icon-width;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	96 width: $icon-height;
bb47531bdd22 sass to scss Thomas Junk <thomas.junk@intevation.de> parents: 1403 diff changeset	97 }
1276 aec9ed491dad more cleanup in client/src Markus Kottlaender <markus@intevation.de> parents: diff changeset	98 </style>

Mercurial > gemma

annotate client/src/components/Contextbox.vue @ 2455:54c9fe587fe6