[airavata-sandbox] 11/26: Added router view

[smarru]

This is an automated email from the ASF dual-hosted git repository.

smarru pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/airavata-sandbox.git

commit a26cda1769902b8029cfa2b47cc74bc77bd851c5
Author: Bhavesh Asanabada <asanabhav...@gmail.com>
AuthorDate: Thu Jul 14 22:30:04 2022 +0530

    Added router view
---
 gsoc2022/smilesdb/smiles_dashboard/src/App.vue    | 23 ++++++--------------
 gsoc2022/smilesdb/smiles_dashboard/src/main.js    |  4 +++-
 gsoc2022/smilesdb/smiles_dashboard/src/routers.js | 26 +++++++++++++++++++++++
 3 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/gsoc2022/smilesdb/smiles_dashboard/src/App.vue 
b/gsoc2022/smilesdb/smiles_dashboard/src/App.vue
index 98060536..41a32c3d 100644
--- a/gsoc2022/smilesdb/smiles_dashboard/src/App.vue
+++ b/gsoc2022/smilesdb/smiles_dashboard/src/App.vue
@@ -1,35 +1,26 @@
 <template>
-<!--  <img alt="Vue logo" src="./assets/logo.png">-->
-<!--  <HelloWorld msg="Welcome to Your Vue.js App"/>-->
-  <CalcInfo />
+ <router-view />
 </template>
 
 <script>
-// import HelloWorld from './components/HelloWorld.vue'
-//
-// export default {
-//   name: 'App',
-//   components: {
-//     HelloWorld
-//   }
 
-import CalcInfo from './components/CalcInfo.vue'
 
 export default {
   name: 'App',
-  components: {
-    CalcInfo,
-  }
 }
 </script>
 
 <style>
+*{
+  margin: 0;
+  padding: 0;
+}
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: "Times New Roman",sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 60px;
+  margin-top: 0px;
 }
 </style>
diff --git a/gsoc2022/smilesdb/smiles_dashboard/src/main.js 
b/gsoc2022/smilesdb/smiles_dashboard/src/main.js
index 01433bca..c982a778 100644
--- a/gsoc2022/smilesdb/smiles_dashboard/src/main.js
+++ b/gsoc2022/smilesdb/smiles_dashboard/src/main.js
@@ -1,4 +1,6 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-createApp(App).mount('#app')
+import router from "./routers"
+
+createApp(App).use(router).mount('#app')
diff --git a/gsoc2022/smilesdb/smiles_dashboard/src/routers.js 
b/gsoc2022/smilesdb/smiles_dashboard/src/routers.js
new file mode 100644
index 00000000..95358f32
--- /dev/null
+++ b/gsoc2022/smilesdb/smiles_dashboard/src/routers.js
@@ -0,0 +1,26 @@
+import LoginPage from "./components/LoginPage";
+import CalcInfo from "./components/CalcInfo";
+
+import {createRouter, createWebHistory} from 'vue-router';
+
+const routes = [
+    {
+        name: 'Home',
+        component: LoginPage,
+        path:'/'
+    },
+    {
+        name: 'CalcInfo',
+        component: CalcInfo,
+        path:'/calcinfo'
+    }
+];
+
+const router = createRouter(
+    {
+        history:createWebHistory(),
+        routes
+    }
+)
+
+export default router
\ No newline at end of file