+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/DataGrid.vue b/cfsb-frontend/src/components/DataGrid.vue
new file mode 100644
index 0000000..3c37a8d
--- /dev/null
+++ b/cfsb-frontend/src/components/DataGrid.vue
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+
+
+
+ Selection of Criteria
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/Evaluation.vue b/cfsb-frontend/src/components/Evaluation.vue
new file mode 100644
index 0000000..ced2c3e
--- /dev/null
+++ b/cfsb-frontend/src/components/Evaluation.vue
@@ -0,0 +1,25 @@
+
+
+
+
+
+ Edge / Fog Nodes Data
+| Edge / Fog Nodes | +{{ values.title }} | +
|---|---|
| {{ fogNodesTitles[index-1] }} | ++ + + | +
+ No data to display.
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/HierarchicalCategoryList.vue b/cfsb-frontend/src/components/HierarchicalCategoryList.vue
new file mode 100644
index 0000000..69460b5
--- /dev/null
+++ b/cfsb-frontend/src/components/HierarchicalCategoryList.vue
@@ -0,0 +1,220 @@
+
+ Evaluation Component
+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/HomePage.vue b/cfsb-frontend/src/components/HomePage.vue
new file mode 100644
index 0000000..164a14f
--- /dev/null
+++ b/cfsb-frontend/src/components/HomePage.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/cfsb-frontend/src/components/ParentComponent.vue b/cfsb-frontend/src/components/ParentComponent.vue
new file mode 100644
index 0000000..a5d60bb
--- /dev/null
+++ b/cfsb-frontend/src/components/ParentComponent.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+ Welcome to NebulOus
+
+
+
+
+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
+
+
+
+
+
+ Criteria Selection
+
+ Try now
+
+
+
+
+ How does it work
+
+ 
+
+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/RecursiveList.vue b/cfsb-frontend/src/components/RecursiveList.vue
new file mode 100644
index 0000000..73e0f98
--- /dev/null
+++ b/cfsb-frontend/src/components/RecursiveList.vue
@@ -0,0 +1,28 @@
+
+
+ Vue Hierarchical Category List Example
+Selected Items
+-
+
- {{ item }} +
-
+
-
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/SummedData.vue b/cfsb-frontend/src/components/SummedData.vue
new file mode 100644
index 0000000..e44d528
--- /dev/null
+++ b/cfsb-frontend/src/components/SummedData.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
diff --git a/cfsb-frontend/src/components/WR.vue b/cfsb-frontend/src/components/WR.vue
new file mode 100644
index 0000000..a8c445a
--- /dev/null
+++ b/cfsb-frontend/src/components/WR.vue
@@ -0,0 +1,239 @@
+
+ Evaluation Results
+Loading...
+
+
+
+
+
+
+
+
+ | Fog Node | +Score (%) | +Ranking | +
|---|---|---|
| {{ result.Title }} | +{{ formatPercentage(result['DEA Score']) }} | +{{ result.Rank }} | +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/cfsb-frontend/src/components/icons/IconCommunity.vue b/cfsb-frontend/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/cfsb-frontend/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/cfsb-frontend/src/components/icons/IconDocumentation.vue b/cfsb-frontend/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/cfsb-frontend/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/cfsb-frontend/src/components/icons/IconEcosystem.vue b/cfsb-frontend/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/cfsb-frontend/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/cfsb-frontend/src/components/icons/IconSupport.vue b/cfsb-frontend/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/cfsb-frontend/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/cfsb-frontend/src/components/icons/IconTooling.vue b/cfsb-frontend/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/cfsb-frontend/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/cfsb-frontend/src/index.js b/cfsb-frontend/src/index.js
new file mode 100644
index 0000000..d1f697b
--- /dev/null
+++ b/cfsb-frontend/src/index.js
@@ -0,0 +1,49 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import DataGrid from '@/components/DataGrid.vue';
+import CriteriaSelection from '@/components/CriteriaSelection.vue'; // Import the new component
+//import SummedData from '@/components/SummedData.vue';
+import Evaluation from '@/components/Evaluation.vue'; // Import the Evaluation component
+import WR from '@/components/WR.vue';
+import Results from '@/components/Results.vue'; // Import the Results component
+import HomePage from "@/components/HomePage.vue";
+
+const routes = [
+ {
+ path: '/',
+ name: 'HomePage',
+ component: HomePage
+ },
+ {
+ path: '/criteria-selection',
+ name: 'CriteriaSelection',
+ component: CriteriaSelection
+ },
+ {
+ path: '/data-grid',
+ name: 'DataGrid',
+ component: DataGrid
+ },
+ { path: '/data-grid', component: DataGrid },
+ // { path: '/wr', name: 'WR', component: () => import('@/components/WR.vue') },
+ { path: '/wr', name: 'WR', component: WR},
+ {
+ path: '/evaluation',
+ name: 'Evaluation',
+ component: Evaluation
+ },
+ {
+ path: '/results',
+ name: 'Results',
+ component: Results // Route for the Results component
+ }
+];
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes
+});
+
+
+export default router;
+
+console.log('Router setup:', routes);
\ No newline at end of file
diff --git a/cfsb-frontend/src/main.js b/cfsb-frontend/src/main.js
new file mode 100644
index 0000000..19e133d
--- /dev/null
+++ b/cfsb-frontend/src/main.js
@@ -0,0 +1,7 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './index.js';
+
+const app = createApp(App);
+app.use(router);
+app.mount('#app');
diff --git a/cfsb-frontend/src/router.js b/cfsb-frontend/src/router.js
new file mode 100644
index 0000000..7e91f98
--- /dev/null
+++ b/cfsb-frontend/src/router.js
@@ -0,0 +1,24 @@
+// router.js
+import { createRouter, createWebHistory } from 'vue-router';
+import App from './App.vue';
+import HierarchicalCategoryList from '@/components/HierarchicalCategoryList.vue';
+import DataGrid from '@/components/DataGrid.vue';
+
+const routes = [
+ {
+ path: '/',
+ component: HierarchicalCategoryList,
+ },
+ {
+ path: '/datagrid',
+ name: 'DataGrid',
+ component: DataGrid,
+ },
+];
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes,
+});
+
+export default router;
diff --git a/cfsb-frontend/src/utils/event-bus.js b/cfsb-frontend/src/utils/event-bus.js
new file mode 100644
index 0000000..05cd11d
--- /dev/null
+++ b/cfsb-frontend/src/utils/event-bus.js
@@ -0,0 +1,12 @@
+// utils/event-bus.js
+export const EventBus = {
+ events: {},
+ dispatch(event, data) {
+ if (!this.events[event]) return; // No subscribers
+ this.events[event].forEach(callback => callback(data));
+ },
+ subscribe(event, callback) {
+ if (!this.events[event]) this.events[event] = []; // New event
+ this.events[event].push(callback);
+ }
+};
diff --git a/cfsb-frontend/vite.config.js b/cfsb-frontend/vite.config.js
new file mode 100644
index 0000000..5c45e1d
--- /dev/null
+++ b/cfsb-frontend/vite.config.js
@@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+