Added About page
This commit is contained in:
parent
8df7132a6f
commit
d40a73e546
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "web",
|
"name": "web",
|
||||||
"version": "0.0.0",
|
"version": "1.0.0",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vue-tsc --noEmit && vite build",
|
"build": "vue-tsc --noEmit && vite build",
|
||||||
|
|
|
@ -48,6 +48,22 @@
|
||||||
<v-btn class="mx-2" @click="logout" icon size="small">
|
<v-btn class="mx-2" @click="logout" icon size="small">
|
||||||
<v-icon icon="mdi-logout"></v-icon>
|
<v-icon icon="mdi-logout"></v-icon>
|
||||||
</v-btn>
|
</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-app-bar>
|
||||||
|
|
||||||
<v-main>
|
<v-main>
|
||||||
|
@ -71,6 +87,17 @@ const router = useRouter()
|
||||||
|
|
||||||
const { smAndUp } = useDisplay()
|
const { smAndUp } = useDisplay()
|
||||||
|
|
||||||
|
const menuItems = [
|
||||||
|
{
|
||||||
|
title: 'Procurar impressoras...',
|
||||||
|
action: () => router.push({ name: 'Discovery' })
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Sobre',
|
||||||
|
action: () => router.push({ name: 'About' })
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
const campiSelectItems = [
|
const campiSelectItems = [
|
||||||
{
|
{
|
||||||
title: 'Todos',
|
title: 'Todos',
|
||||||
|
|
|
@ -11,13 +11,6 @@ const routes = [
|
||||||
name: 'Login',
|
name: 'Login',
|
||||||
component: () =>
|
component: () =>
|
||||||
import(/* webpackChunkName: "login" */ '@/views/Login.vue')
|
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')
|
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