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>