add: embed pgweb

frontend/src/App.vue

@@ -18,5 +18,7 @@ export default {
     padding: 0;
     box-sizing: border-box;
     height: 100%;
+    display: flex;
+    flex-direction: column;
 }
 </style>

frontend/src/components/ActiveSchemaScreen.vue

@@ -2,13 +2,8 @@
     <div>
         <h1 style="font-size: 3rem; margin: 1rem;">Active Schema</h1>
         <h2 style="margin-left: 1rem;">(coordinated format)</h2>
-        <va-radio
-            class="radio-switcher"
-            v-for="(option, index) in viewOptions"
-            :key="index"
-            v-model="selectedOption"
-            :option="option"
-        ></va-radio>
+        <va-radio class="radio-switcher" v-for="(option, index) in viewOptions" :key="index" v-model="selectedOption"
+            :option="option"></va-radio>
         <va-data-table :items="items" v-if="selectedOption === 'table-view'" />
         <va-list v-else-if="selectedOption === 'list-view'">
             <va-list-item v-for="(_, header, index) in items[0]" :key="index" class="header-list">
@@ -37,6 +32,7 @@ import { defineComponent } from "vue";
 export default defineComponent({
     name: "active-schema-screen",
     data() {
+        // TODO: download instead
         const dummytable = [
             {
                 "fadr": "",

frontend/src/components/PgwebEmbed.vue

@@ -0,0 +1,18 @@
+<template>
+    <iframe class="pgweb" src="http://loc-geodata.lan:8081/"></iframe>
+</template>
+
+
+<script>
+export default {
+    name: "pgweb-embed",
+}
+</script>
+
+
+<style lang="css">
+.pgweb {
+    width: 100%;
+    flex: 1 0 100vh;
+}
+</style>

frontend/src/router/index.js

@@ -3,6 +3,7 @@ import FrontView from "@/views/FrontView";
 import AdminView from "@/views/AdminView";
 import ItemView from "@/views/ItemView";
 import ActiveSchemaScreen from "@/components/ActiveSchemaScreen";
+import PgwebEmbed from "@/components/PgwebEmbed";
 import UploadScreen from "@/components/UploadScreen";
 import NotFound from "@/components/NotFound";
 
@@ -18,7 +19,8 @@ const routes = [
         component: AdminView,
         children: [
             { path: '', component: ActiveSchemaScreen, name: "active-schema" },
-            { path: '', component: UploadScreen, name: "upload" }
+            { path: '', component: PgwebEmbed, name: "review-data" },
+            { path: '', component: UploadScreen, name: "upload" },
         ]
     },
     {

frontend/src/views/AdminView.vue

@@ -1,15 +1,13 @@
 <template>
-    <div>
-        <navbar />
+    <navbar />
 
-        <div class="central-view">
-            <sidebar>
-                <admin-sidebar-menu :sidebarItems="sidebarItems" />
-            </sidebar>
+    <div class="central-view">
+        <sidebar>
+            <admin-sidebar-menu :sidebarItems="sidebarItems" />
+        </sidebar>
 
-            <div class="main-view">
-                <router-view></router-view>
-            </div>
+        <div class="main-view">
+            <router-view></router-view>
         </div>
     </div>
 </template>
@@ -36,7 +34,7 @@ export default {
                 {
                     title: "Review Data",
                     icon: "dashboard",
-                    route: "not-found"
+                    route: "review-data"
                 },
                 {
                     title: "Upload",
@@ -57,9 +55,13 @@ export default {
     margin: 0;
     display: flex;
     flex-direction: row;
+    flex: 1 0 100vh;
 }
 
 .main-view {
     width: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1 0 100vh;
 }
 </style>

frontend/src/views/FrontView.vue

@@ -138,7 +138,7 @@ export default {
 </script>
 
 
-<style lang="css">
+<style lang="css" scoped>
 .central-view {
     /* height: max(100vh, 100%); */
     flex: 1 0 80vh;