karol0812/jm-expense-vue-ts
1
0
Fork 0
mirror of https://github.com/KarolChang/jm-expense-vue-ts.git synced 2024-12-26 03:38:35 +00:00
Code Issues Projects Releases Wiki Activity

fix: config & Sidebar

Browse Source
This commit is contained in:
KarolChang 2022-04-24 13:11:10 +08:00
parent fa4af5adef
commit 6127f45298
4 changed files with 183 additions and 169 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
.gitlab-ci.yml Normal file
View File

@ -0,0 +1,14 @@
# image: alpine:latest
# pages:
# stage: deploy
# script:
# - mkdir public
# - ls -al
# - mv -f ./assets public
# - mv -f ./index.html public
# - echo "Release Complete"
# artifacts:
# paths:
# - public
# only:
# - gh-pages

4
src/components/Sidebar.vue
View File

@ -98,13 +98,13 @@ const openUserRP = () => {
aria-expanded="false" aria-expanded="false"
> >
<img <img
:src="store.firebaseUser?.photoURL || '../assets/capoo.gif'" :src="store.currentUser.photoURL || '../assets/capoo.gif'"
alt="photo" alt="photo"
width="55" width="55"
height="55" height="55"
class="rounded-circle me-2" class="rounded-circle me-2"
/> />
<strong>{{ store.firebaseUser?.displayName }}</strong> <strong>{{ store.currentUser.displayName }}</strong>
</a> </a>
<ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1"> <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
<!-- <li><hr class="dropdown-divider" /></li> --> <!-- <li><hr class="dropdown-divider" /></li> -->

330
src/router/index.ts
View File

@ -5,165 +5,13 @@ import AppLayout from '@/views/App.vue'
const root = '/jm-expense-vue-ts' const root = '/jm-expense-vue-ts'
// export const routes: RouteRecordRaw[] = [
// {
// path: '/',
// redirect: `${root}/`
// },
// {
// path: `${root}/register`,
// name: 'Register',
// component: () => import('../views/Register.vue'),
// meta: {
// pageTitle: '註冊頁',
// show: false
// }
// },
// {
// path: `${root}/login`,
// name: 'Login',
// component: () => import('../views/Login.vue'),
// meta: {
// pageTitle: '登入頁',
// show: false
// }
// },
// {
// path: `${root}/`,
// name: 'Home',
// component: () => import('../views/Home.vue'),
// meta: {
// pageTitle: '首頁',
// show: true
// }
// },
// {
// path: `${root}/record`,
// name: 'Record',
// component: () => import('../views/Record.vue'),
// meta: {
// pageTitle: '未結算紀錄',
// show: true
// }
// },
// {
// path: `${root}/closedRecord`,
// name: 'ClosedRecord',
// component: () => import('../views/ClosedRecord.vue'),
// meta: {
// pageTitle: '已結算紀錄',
// show: true
// }
// },
// {
// path: `${root}/logs`,
// name: 'Logs',
// component: () => import('../views/Logs.vue'),
// meta: {
// pageTitle: '更動紀錄',
// show: true
// }
// },
// {
// path: `${root}/expense`,
// name: 'Expense',
// component: () => import('../views/Expense.vue'),
// meta: {
// pageTitle: '豬涵記帳',
// show: true
// }
// },
// // {
// // path: `${root}/tools`,
// // name: 'Tools',
// // component: () => import('../views/Tools.vue'),
// // meta: {
// // pageTitle: '小工具',
// // show: true
// // }
// // },
// {
// path: `${root}/game`,
// name: 'Game',
// component: () => import('../views/Game.vue'),
// meta: {
// pageTitle: '小遊戲',
// show: true
// // auth: ['root', 'admin', 'member']
// }
// },
// // {
// // path: `${root}/admin`,
// // name: 'Admin',
// // redirect: { name: 'Admin-Role' },
// // component: AppLayout,
// // meta: {
// // pageTitle: '管理面板',
// // show: true
// // },
// // children: [
// // {
// // path: 'role',
// // name: 'Admin-Role',
// // component: () => import('../views/Role.vue'),
// // meta: {
// // pageTitle: '角色管理',
// // show: true
// // }
// // },
// // {
// // path: 'permission',
// // name: 'Admin-Permission',
// // component: () => import('../views/Permission.vue'),
// // meta: {
// // pageTitle: '權限管理',
// // show: true
// // }
// // }
// // ]
// // },
// // {
// // path: `${root}/admin/role`,
// // name: 'Admin-Role',
// // component: () => import('@/views/Role.vue'),
// // meta: {
// // pageTitle: '角色管理',
// // show: true
// // }
// // },
// // {
// // path: '/admin/role/:id/access',
// // name: 'Admin-Role-Access',
// // component: () => import('@/views/Access.vue'),
// // meta: {
// // pageTitle: '角色管理 / 設置權限[角色名稱]',
// // show: false
// // }
// // },
// // {
// // path: '/admin/permission',
// // name: 'Admin-Permission',
// // component: () => import('../views/Permission.vue'),
// // meta: {
// // pageTitle: '權限管理',
// // show: true
// // }
// // },
// {
// path: '/:pathMatch(.*)*',
// name: 'NotFound',
// component: () => import('../views/NotFound.vue')
// }
// ]
// new
export const routes: RouteRecordRaw[] = [ export const routes: RouteRecordRaw[] = [
// {
// path: '/',
// redirect: `${root}/`
// },
{ {
path: '/register', path: '/',
redirect: `${root}/`
},
{
path: `${root}/register`,
name: 'Register', name: 'Register',
component: () => import('../views/Register.vue'), component: () => import('../views/Register.vue'),
meta: { meta: {
@ -172,7 +20,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/login', path: `${root}/login`,
name: 'Login', name: 'Login',
component: () => import('../views/Login.vue'), component: () => import('../views/Login.vue'),
meta: { meta: {
@ -181,7 +29,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/', path: `${root}/`,
name: 'Home', name: 'Home',
component: () => import('../views/Home.vue'), component: () => import('../views/Home.vue'),
meta: { meta: {
@ -190,7 +38,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/record', path: `${root}/record`,
name: 'Record', name: 'Record',
component: () => import('../views/Record.vue'), component: () => import('../views/Record.vue'),
meta: { meta: {
@ -199,7 +47,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/closedRecord', path: `${root}/closedRecord`,
name: 'ClosedRecord', name: 'ClosedRecord',
component: () => import('../views/ClosedRecord.vue'), component: () => import('../views/ClosedRecord.vue'),
meta: { meta: {
@ -208,7 +56,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/logs', path: `${root}/logs`,
name: 'Logs', name: 'Logs',
component: () => import('../views/Logs.vue'), component: () => import('../views/Logs.vue'),
meta: { meta: {
@ -217,7 +65,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
{ {
path: '/expense', path: `${root}/expense`,
name: 'Expense', name: 'Expense',
component: () => import('../views/Expense.vue'), component: () => import('../views/Expense.vue'),
meta: { meta: {
@ -226,7 +74,7 @@ export const routes: RouteRecordRaw[] = [
} }
}, },
// { // {
// path: '/tools', // path: `${root}/tools`,
// name: 'Tools', // name: 'Tools',
// component: () => import('../views/Tools.vue'), // component: () => import('../views/Tools.vue'),
// meta: { // meta: {
@ -235,7 +83,7 @@ export const routes: RouteRecordRaw[] = [
// } // }
// }, // },
{ {
path: '/game', path: `${root}/game`,
name: 'Game', name: 'Game',
component: () => import('../views/Game.vue'), component: () => import('../views/Game.vue'),
meta: { meta: {
@ -308,6 +156,158 @@ export const routes: RouteRecordRaw[] = [
} }
] ]
// new
// export const routes: RouteRecordRaw[] = [
// // {
// // path: '/',
// // redirect: `${root}/`
// // },
// {
// path: '/register',
// name: 'Register',
// component: () => import('../views/Register.vue'),
// meta: {
// pageTitle: '註冊頁',
// show: false
// }
// },
// {
// path: '/login',
// name: 'Login',
// component: () => import('../views/Login.vue'),
// meta: {
// pageTitle: '登入頁',
// show: false
// }
// },
// {
// path: '/',
// name: 'Home',
// component: () => import('../views/Home.vue'),
// meta: {
// pageTitle: '首頁',
// show: true
// }
// },
// {
// path: '/record',
// name: 'Record',
// component: () => import('../views/Record.vue'),
// meta: {
// pageTitle: '未結算紀錄',
// show: true
// }
// },
// {
// path: '/closedRecord',
// name: 'ClosedRecord',
// component: () => import('../views/ClosedRecord.vue'),
// meta: {
// pageTitle: '已結算紀錄',
// show: true
// }
// },
// {
// path: '/logs',
// name: 'Logs',
// component: () => import('../views/Logs.vue'),
// meta: {
// pageTitle: '更動紀錄',
// show: true
// }
// },
// {
// path: '/expense',
// name: 'Expense',
// component: () => import('../views/Expense.vue'),
// meta: {
// pageTitle: '豬涵記帳',
// show: true
// }
// },
// // {
// // path: '/tools',
// // name: 'Tools',
// // component: () => import('../views/Tools.vue'),
// // meta: {
// // pageTitle: '小工具',
// // show: true
// // }
// // },
// {
// path: '/game',
// name: 'Game',
// component: () => import('../views/Game.vue'),
// meta: {
// pageTitle: '小遊戲',
// show: true
// // auth: ['root', 'admin', 'member']
// }
// },
// // {
// // path: `${root}/admin`,
// // name: 'Admin',
// // redirect: { name: 'Admin-Role' },
// // component: AppLayout,
// // meta: {
// // pageTitle: '管理面板',
// // show: true
// // },
// // children: [
// // {
// // path: 'role',
// // name: 'Admin-Role',
// // component: () => import('../views/Role.vue'),
// // meta: {
// // pageTitle: '角色管理',
// // show: true
// // }
// // },
// // {
// // path: 'permission',
// // name: 'Admin-Permission',
// // component: () => import('../views/Permission.vue'),
// // meta: {
// // pageTitle: '權限管理',
// // show: true
// // }
// // }
// // ]
// // },
// // {
// // path: `${root}/admin/role`,
// // name: 'Admin-Role',
// // component: () => import('@/views/Role.vue'),
// // meta: {
// // pageTitle: '角色管理',
// // show: true
// // }
// // },
// // {
// // path: '/admin/role/:id/access',
// // name: 'Admin-Role-Access',
// // component: () => import('@/views/Access.vue'),
// // meta: {
// // pageTitle: '角色管理 / 設置權限[角色名稱]',
// // show: false
// // }
// // },
// // {
// // path: '/admin/permission',
// // name: 'Admin-Permission',
// // component: () => import('../views/Permission.vue'),
// // meta: {
// // pageTitle: '權限管理',
// // show: true
// // }
// // },
// {
// path: '/:pathMatch(.*)*',
// name: 'NotFound',
// component: () => import('../views/NotFound.vue')
// }
// ]
const router = createRouter({ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
routes routes

4
vite.config.js
View File

@ -16,6 +16,6 @@ export default defineConfig({
port: 8080 port: 8080
}, },
// base: import.meta.env.DEV ? '/' : '/jm-expense-vue-ts/' // base: import.meta.env.DEV ? '/' : '/jm-expense-vue-ts/'
// base: '/jm-expense-vue-ts/' base: '/jm-expense-vue-ts/'
base: './' // base: './'
}) })