OneTeam/don_confiao_backend
15
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Fix: Window NavBar

Browse Source
This commit is contained in:
Rodia 2024-10-05 11:10:42 -05:00
parent d00f3e60fd
commit dd62baa3f0
3 changed files with 75 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
View File

@ -1,9 +1,7 @@
<template> <template>
<v-app> <v-app>
<v-main> <NavBar />
<NavBar /> <router-view />
<router-view />
</v-main>
</v-app> </v-app>
</template> </template>
@ -17,26 +15,3 @@
}, },
} }
</script> </script>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
nav {
padding: 30px;
}
nav a {
font-weight: bold;
color: #2c3e50;
}
nav a.router-link-exact-active {
color: #42b983;
}
</style>

46
tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
View File

@ -1,35 +1,23 @@
<template> <template>
<v-main> <v-container>
<v-card> <v-app-bar color="primary" prominent>
<v-layout> <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-app-bar color="primary" prominent app> <v-toolbar-title>My files</v-toolbar-title>
<v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> <v-spacer></v-spacer>
<v-toolbar-title>My files</v-toolbar-title> <template v-if="$vuetify.display.mdAndUp">
<v-spacer></v-spacer> <v-btn icon="mdi-magnify" variant="text"></v-btn>
<v-btn icon="mdi-filter" variant="text"></v-btn>
<template v-if="$vuetify.display.mdAndUp"> </template>
<v-btn icon="mdi-magnify" variant="text"></v-btn> <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
<v-btn icon="mdi-filter" variant="text"></v-btn> </v-app-bar>
</template> <v-navigation-drawer v-model="drawer"
<v-btn icon="mdi-dots-vertical" variant="text"></v-btn> :location="$vuetify.display.mobile ? 'bottom' : undefined"
</v-app-bar> temporary>
<v-list :items="items"></v-list>
<v-navigation-drawer
v-model="drawer"
:location="$vuetify.display.mobile ? 'bottom' : undefined"
temporary>
<v-list :items="items"></v-list>
</v-navigation-drawer> </v-navigation-drawer>
</v-container>
<v-main style="height: 500px;">
<v-card-text>
The navigation drawer will appear from the bottom on smaller size screens.
</v-card-text>
</v-main>
</v-layout>
</v-card>
</v-main>
</template> </template>
<script> <script>
export default { export default {
data: () => ({ data: () => ({

110
tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
View File

@ -1,5 +1,6 @@
<template> <template>
<v-container> <v-main>
<v-container app>
<v-form ref="form" v-model="valid"> <v-form ref="form" v-model="valid">
<v-text-field <v-text-field
v-model="purchase.date" v-model="purchase.date"
@ -24,60 +25,60 @@
<v-divider></v-divider> <v-divider></v-divider>
<v-container> <v-container>
<v-toolbar> <v-toolbar>
<v-toolbar-title secondary>Productos</v-toolbar-title> <v-toolbar-title secondary>Productos</v-toolbar-title>
</v-toolbar> </v-toolbar>
<div v-for="(line, index) in purchase.saleline_set" :key="line.id"> <div v-for="(line, index) in purchase.saleline_set" :key="line.id">
<v-row> <v-row>
<v-col> <v-col>
<v-select <v-select
v-model="line.product" v-model="line.product"
:items="products" :items="products"
@update:modelValue="onProductChange(index)" @update:modelValue="onProductChange(index)"
item-title="name" item-title="name"
item-value="id" item-value="id"
label="Producto" label="Producto"
:rules="[rules.required]" :rules="[rules.required]"
required required
></v-select> ></v-select>
</v-col> </v-col>
<v-col> <v-col>
<v-text-field <v-text-field
v-model.number="line.unit_price" v-model.number="line.unit_price"
label="Precio" label="Precio"
type="number" type="number"
:rules="[rules.required]" :rules="[rules.required]"
prefix="$" prefix="$"
required required
readonly readonly
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col> <v-col>
<v-text-field <v-text-field
v-model.number="line.quantity" v-model.number="line.quantity"
label="Cantidad" label="Cantidad"
type="number" type="number"
:rules="[rules.required]" :rules="[rules.required]"
required required
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col> <v-col>
<v-text-field <v-text-field
type="number" type="number"
:value="calculateSubtotal(line)" :value="calculateSubtotal(line)"
label="Subtotal" label="Subtotal"
prefix="$" prefix="$"
readonly readonly
disable disable
></v-text-field> ></v-text-field>
</v-col> </v-col>
<v-col> <v-col>
<v-btn @click="removeLine(index)" color="red">Eliminar</v-btn> <v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
</v-col> </v-col>
</v-row> </v-row>
</div> </div>
<v-btn @click="addLine" color="blue">Agregar</v-btn> <v-btn @click="addLine" color="blue">Agregar</v-btn>
</v-container> </v-container>
<v-divider></v-divider> <v-divider></v-divider>
@ -90,6 +91,7 @@
<v-btn @click="submit" color="green">Comprar</v-btn> <v-btn @click="submit" color="green">Comprar</v-btn>
</v-form> </v-form>
</v-container> </v-container>
</v-main>
</template> </template>
<script> <script>