From 54f298e54cba448ae56149c5093cb01c674ac7dd Mon Sep 17 00:00:00 2001 From: Shariq Ansari Date: Thu, 20 Jul 2023 20:54:58 +0530 Subject: [PATCH] fix: build the layout with sidebar and navigation links --- frontend/index.html | 6 +- frontend/src/App.vue | 8 ++- frontend/src/components/AppSidebar.vue | 65 +++++++++++++++++++ frontend/src/components/DesktopLayout.vue | 13 ++++ .../src/components/Icons/DashboardIcon.vue | 19 ++++++ frontend/src/components/Icons/DealsIcon.vue | 10 +++ frontend/src/components/Icons/InboxIcon.vue | 16 +++++ frontend/src/components/Icons/LeadsIcon.vue | 21 ++++++ frontend/src/pages/Dashboard.vue | 9 +++ frontend/src/pages/Deals.vue | 9 +++ frontend/src/pages/Home.vue | 9 --- frontend/src/pages/Inbox.vue | 9 +++ frontend/src/pages/Leads.vue | 9 +++ frontend/src/router.js | 25 ++++++- 14 files changed, 211 insertions(+), 17 deletions(-) create mode 100644 frontend/src/components/AppSidebar.vue create mode 100644 frontend/src/components/DesktopLayout.vue create mode 100644 frontend/src/components/Icons/DashboardIcon.vue create mode 100644 frontend/src/components/Icons/DealsIcon.vue create mode 100644 frontend/src/components/Icons/InboxIcon.vue create mode 100644 frontend/src/components/Icons/LeadsIcon.vue create mode 100644 frontend/src/pages/Dashboard.vue create mode 100644 frontend/src/pages/Deals.vue delete mode 100644 frontend/src/pages/Home.vue create mode 100644 frontend/src/pages/Inbox.vue create mode 100644 frontend/src/pages/Leads.vue diff --git a/frontend/index.html b/frontend/index.html index 16ac5cfe..c49a1209 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,13 +1,13 @@ - + Frappe CRM - -
+ +
diff --git a/frontend/src/App.vue b/frontend/src/App.vue index a14d0c32..acb02948 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -1,5 +1,9 @@ + + diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue new file mode 100644 index 00000000..e453d539 --- /dev/null +++ b/frontend/src/components/AppSidebar.vue @@ -0,0 +1,65 @@ + + + diff --git a/frontend/src/components/DesktopLayout.vue b/frontend/src/components/DesktopLayout.vue new file mode 100644 index 00000000..4d4d9e0a --- /dev/null +++ b/frontend/src/components/DesktopLayout.vue @@ -0,0 +1,13 @@ + + diff --git a/frontend/src/components/Icons/DashboardIcon.vue b/frontend/src/components/Icons/DashboardIcon.vue new file mode 100644 index 00000000..79ae8e96 --- /dev/null +++ b/frontend/src/components/Icons/DashboardIcon.vue @@ -0,0 +1,19 @@ + diff --git a/frontend/src/components/Icons/DealsIcon.vue b/frontend/src/components/Icons/DealsIcon.vue new file mode 100644 index 00000000..bde7139f --- /dev/null +++ b/frontend/src/components/Icons/DealsIcon.vue @@ -0,0 +1,10 @@ + diff --git a/frontend/src/components/Icons/InboxIcon.vue b/frontend/src/components/Icons/InboxIcon.vue new file mode 100644 index 00000000..be94a80d --- /dev/null +++ b/frontend/src/components/Icons/InboxIcon.vue @@ -0,0 +1,16 @@ + diff --git a/frontend/src/components/Icons/LeadsIcon.vue b/frontend/src/components/Icons/LeadsIcon.vue new file mode 100644 index 00000000..e44bbb86 --- /dev/null +++ b/frontend/src/components/Icons/LeadsIcon.vue @@ -0,0 +1,21 @@ + diff --git a/frontend/src/pages/Dashboard.vue b/frontend/src/pages/Dashboard.vue new file mode 100644 index 00000000..2b816f9e --- /dev/null +++ b/frontend/src/pages/Dashboard.vue @@ -0,0 +1,9 @@ + + + diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue new file mode 100644 index 00000000..bfd717bf --- /dev/null +++ b/frontend/src/pages/Deals.vue @@ -0,0 +1,9 @@ + + + diff --git a/frontend/src/pages/Home.vue b/frontend/src/pages/Home.vue deleted file mode 100644 index ae0d3150..00000000 --- a/frontend/src/pages/Home.vue +++ /dev/null @@ -1,9 +0,0 @@ - - - diff --git a/frontend/src/pages/Inbox.vue b/frontend/src/pages/Inbox.vue new file mode 100644 index 00000000..a9f32f62 --- /dev/null +++ b/frontend/src/pages/Inbox.vue @@ -0,0 +1,9 @@ + + + diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue new file mode 100644 index 00000000..f2c9f6e7 --- /dev/null +++ b/frontend/src/pages/Leads.vue @@ -0,0 +1,9 @@ + + + diff --git a/frontend/src/router.js b/frontend/src/router.js index 91f2b5a7..2b5dce5a 100644 --- a/frontend/src/router.js +++ b/frontend/src/router.js @@ -3,13 +3,32 @@ import { createRouter, createWebHistory } from 'vue-router' const routes = [ { path: '/', - name: 'Home', - component: () => import('@/pages/Home.vue'), + redirect: '/leads', + }, + { + path: '/leads', + name: 'Leads', + component: () => import('@/pages/Leads.vue'), + }, + { + path: '/deals', + name: 'Deals', + component: () => import('@/pages/Deals.vue'), + }, + { + path: '/inbox', + name: 'Inbox', + component: () => import('@/pages/Inbox.vue'), + }, + { + path: '/dashboard', + name: 'Dashboard', + component: () => import('@/pages/Dashboard.vue'), }, ] let router = createRouter({ - history: createWebHistory('/frontend'), + history: createWebHistory('/crm'), routes, })