prepare to show custom components

tira-io · Jun 6, 2024 · d9e29bf · d9e29bf
1 parent dcb701f
commit d9e29bf
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -4,7 +4,8 @@
       <v-tab to="/ir-lab-sose-24/">About</v-tab>
       <v-tab to="/ir-lab-sose-24/milestones">Milestones</v-tab>
       <v-tab to="/ir-lab-sose-24/topics">Browse Topics</v-tab>
-      <v-tab to="/ir-lab-sose-24/docs">Browse Documents</v-tab>
+      <v-tab to="/ir-lab-sose-24/components">Browse Components</v-tab>
+      <!--<v-tab to="/ir-lab-sose-24/docs">Browse Documents</v-tab>-->
       <v-tab to="/ir-lab-sose-24/runs">Browse Runs</v-tab>
     </v-tabs>
     <v-menu v-if="is_mobile">
@@ -15,7 +16,8 @@
         <v-list-item to="/ir-lab-sose-24/">About</v-list-item>
         <v-list-item to="/ir-lab-sose-24/milestones">Milestones</v-list-item>
         <v-list-item to="/ir-lab-sose-24/topics">Browse Topics</v-list-item>
-        <v-list-item to="/ir-lab-sose-24/docs">Browse Documents</v-list-item>
+        <v-list-item to="/ir-lab-sose-24/components">Browse Components</v-list-item>
+        <!--<v-list-item to="/ir-lab-sose-24/docs">Browse Documents</v-list-item>-->
         <v-list-item to="/ir-lab-sose-24/runs">Browse Runs</v-list-item>
       </v-list>
     </v-menu>

diff --git a/ui/src/main.ts b/ui/src/main.ts
@@ -18,6 +18,7 @@ import RunPage from "@/views/RunPage.vue";
 import LandingPage from "@/views/LandingPage.vue";
 import IrDatasetsExplorer from "@/views/IrDatasetsExplorer.vue";
 import Milestones from "@/views/Milestones.vue";
+import IrComponentPage from "@/views/IrComponentPage.vue";
 import { useDisplay } from 'vuetify'
 
 export function is_mobile() {
@@ -42,6 +43,8 @@ export default function register_app() {
       {path: '/ir-lab-sose-24/topics', component: IrDatasetsExplorer, name: 'Browse Topics'},
       {path: '/milestones', component: Milestones, name: 'Milestones'},
       {path: '/ir-lab-sose-24/milestones', component: Milestones, name: 'Milestones'},
+      {path: '/components', component: IrComponentPage, name: 'Components'},
+      {path: '/ir-lab-sose-24/components', component: IrComponentPage, name: 'Components'},
       {path: '/docs', component: DocumentPage},
       {path: '/ir-lab-sose-24/docs', component: DocumentPage, name: 'Browse Documents'},
       {path: '/runs', component: RunPage},

diff --git a/ui/src/views/IrComponentPage.vue b/ui/src/views/IrComponentPage.vue
@@ -0,0 +1,30 @@
+<template>
+  <h1>IR Components</h1>
+</template>
+
+<script lang="ts">
+import { extractFromUrl, uniqueElements, updateUrl } from "@/utils"
+import { data_access } from "@/ir_datasets"
+import topics from '@/ir_datasets';
+
+
+export default {
+  components: {},
+  data: () => ({
+    datasets: Object.keys(data_access),
+  }),
+  methods: {
+    uniqueElements(element: any[], key: string) {
+      return uniqueElements(element, key)
+    },
+  },
+  computed: {
+    doc_id_iter() {
+      return this.doc_ids ? this.doc_ids.split(',') : []
+    },
+  },
+  watch: {
+    ir_dataset: function () { this.load_document_id() }
+  }
+}
+</script>