Added About page
This commit is contained in:
parent
8df7132a6f
commit
d40a73e546
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "web",
|
||||
"version": "0.0.0",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vue-tsc --noEmit && vite build",
|
||||
|
|
|
@ -48,6 +48,22 @@
|
|||
<v-btn class="mx-2" @click="logout" icon size="small">
|
||||
<v-icon icon="mdi-logout"></v-icon>
|
||||
</v-btn>
|
||||
|
||||
<v-menu>
|
||||
<template v-slot:activator="{ props }">
|
||||
<v-btn icon="mdi-dots-vertical" v-bind="props"></v-btn>
|
||||
</template>
|
||||
|
||||
<v-list>
|
||||
<v-list-item
|
||||
v-for="(item, i) in menuItems"
|
||||
:key="i"
|
||||
@click="item.action"
|
||||
>
|
||||
<v-list-item-title>{{ item.title }}</v-list-item-title>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
</v-app-bar>
|
||||
|
||||
<v-main>
|
||||
|
@ -71,6 +87,17 @@ const router = useRouter()
|
|||
|
||||
const { smAndUp } = useDisplay()
|
||||
|
||||
const menuItems = [
|
||||
{
|
||||
title: 'Procurar impressoras...',
|
||||
action: () => router.push({ name: 'Discovery' })
|
||||
},
|
||||
{
|
||||
title: 'Sobre',
|
||||
action: () => router.push({ name: 'About' })
|
||||
}
|
||||
]
|
||||
|
||||
const campiSelectItems = [
|
||||
{
|
||||
title: 'Todos',
|
||||
|
|
|
@ -11,13 +11,6 @@ const routes = [
|
|||
name: 'Login',
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "login" */ '@/views/Login.vue')
|
||||
},
|
||||
|
||||
{
|
||||
path: '/:pathMatch(.*)*',
|
||||
name: 'NotFound',
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "notfound" */ '@/views/404.vue')
|
||||
}
|
||||
]
|
||||
},
|
||||
|
@ -50,6 +43,33 @@ const routes = [
|
|||
import(/* webpackChunkName: "home" */ '@/views/Printer.vue')
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
path: '/about',
|
||||
component: () => import('@/layouts/simple/Default.vue'),
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'About',
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "about" */ '@/views/About.vue')
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
path: '/:pathMatch(.*)*',
|
||||
component: () => import('@/layouts/simple/Default.vue'),
|
||||
|
||||
children: [
|
||||
{
|
||||
path: '',
|
||||
name: 'NotFound',
|
||||
component: () =>
|
||||
import(/* webpackChunkName: "notfound" */ '@/views/404.vue')
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
|
|
18
web/src/views/About.vue
Normal file
18
web/src/views/About.vue
Normal file
|
@ -0,0 +1,18 @@
|
|||
<template>
|
||||
<v-container fluid class="fill-height">
|
||||
<div style="width: 100%" class="text-center">
|
||||
<h1 class="text-h1 mb-16">Sobre</h1>
|
||||
<p class="mb-16">Versão {{ version }}</p>
|
||||
<p>Desenvolvido pelo SERTI Ponta Porã</p>
|
||||
<p><a href="mailto:serti.pp@ifms.edu.br">serti.pp@ifms.edu.br</a></p>
|
||||
<v-btn class="mt-16" :to="{ name: 'Home' }" color="primary">
|
||||
<v-icon start>mdi-home</v-icon>
|
||||
Início
|
||||
</v-btn>
|
||||
</div>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { version } from '../../package.json'
|
||||
</script>
|
Loading…
Reference in New Issue
Block a user