Mercurial > gemma
diff client/src/components/Pane.vue @ 3072:0233845cadb7
client: improved splitscreen mechanis
Added possibility to define lifecycle hooks for components in panes. Created Pane component.
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 17 Apr 2019 10:53:13 +0200 |
parents | |
children | b6cc4838d2c0 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/components/Pane.vue Wed Apr 17 10:53:13 2019 +0200 @@ -0,0 +1,40 @@ +<template> + <div :id="pane.id" class="pane"> + <component + :is="pane.component" + :key="pane.id" + :paneCreated="pane.created" + :paneMounted="pane.mounted" + :paneUpdated="pane.updated" + :paneDestroyed="pane.destroyed" + /> + </div> +</template> + +<script> +/* This is Free Software under GNU Affero General Public License v >= 3.0 + * without warranty, see README.md and license for details. + * + * SPDX-License-Identifier: AGPL-3.0-or-later + * License-Filename: LICENSES/AGPL-3.0.txt + * + * Copyright (C) 2018 by via donau + * – Österreichische Wasserstraßen-Gesellschaft mbH + * Software engineering by Intevation GmbH + * + * Author(s): + * Markus Kottländer <markus.kottlaender@intevation.de> + */ + +export default { + props: ["pane"], + components: { + // all components that are supposed to be displayed in a pane must be registered here + Map: () => import("./map/Map"), + Fairwayprofile: () => import("./fairway/Fairwayprofile"), + AvailableFairwayDepth: () => import("./fairway/AvailableFairwayDepth"), + Waterlevel: () => import("./gauge/Waterlevel"), + HydrologicalConditions: () => import("./gauge/HydrologicalConditions") + } +}; +</script>