From dd62baa3f0d21c96a1b01e41b163b60b094bea3c Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 5 Oct 2024 11:10:42 -0500
Subject: [PATCH 1/4] Fix: Window NavBar

---
 .../frontend/don-confiao/src/App.vue          |  29 +----
 .../don-confiao/src/components/NavBar.vue     |  46 +++-----
 .../don-confiao/src/components/Purchase.vue   | 110 +++++++++---------
 3 files changed, 75 insertions(+), 110 deletions(-)

diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
index 163155a..4f93b5d 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue
@@ -1,9 +1,7 @@
 <template>
   <v-app>
-      <v-main>
-          <NavBar />
-          <router-view />
-      </v-main>
+      <NavBar />
+      <router-view />
   </v-app>
 </template>
 
@@ -17,26 +15,3 @@
    },
  }
 </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>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
index f84e6d8..bf883dd 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
@@ -1,35 +1,23 @@
 <template>
-    <v-main>
-    <v-card>
-        <v-layout>
-            <v-app-bar color="primary" prominent app>
-                <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
-                <v-toolbar-title>My files</v-toolbar-title>
-                <v-spacer></v-spacer>
-
-                <template v-if="$vuetify.display.mdAndUp">
-                    <v-btn icon="mdi-magnify" variant="text"></v-btn>
-                    <v-btn icon="mdi-filter" variant="text"></v-btn>
-                </template>
-                <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
-            </v-app-bar>
-
-            <v-navigation-drawer
-                v-model="drawer"
-                :location="$vuetify.display.mobile ? 'bottom' : undefined"
-                temporary>
-                <v-list :items="items"></v-list>
+    <v-container>
+    <v-app-bar color="primary" prominent>
+        <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+        <v-toolbar-title>My files</v-toolbar-title>
+        <v-spacer></v-spacer>
+        <template v-if="$vuetify.display.mdAndUp">
+          <v-btn icon="mdi-magnify" variant="text"></v-btn>
+          <v-btn icon="mdi-filter" variant="text"></v-btn>
+        </template>
+        <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
+      </v-app-bar>
+      <v-navigation-drawer v-model="drawer"
+                           :location="$vuetify.display.mobile ? 'bottom' : undefined"
+                           temporary>
+          <v-list :items="items"></v-list>
       </v-navigation-drawer>
-
-      <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>
+    </v-container>
 </template>
+
 <script>
  export default {
      data: () => ({
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index 01dfc74..af985f9 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -1,5 +1,6 @@
 <template>
-    <v-container>
+  <v-main>
+    <v-container app>
       <v-form ref="form" v-model="valid">
         <v-text-field
           v-model="purchase.date"
@@ -24,60 +25,60 @@
         <v-divider></v-divider>
         <v-container>
           <v-toolbar>
-          <v-toolbar-title secondary>Productos</v-toolbar-title>
-        </v-toolbar>
-        <div v-for="(line, index) in purchase.saleline_set" :key="line.id">
-          <v-row>
-            <v-col>
-              <v-select
-                v-model="line.product"
-                :items="products"
-                @update:modelValue="onProductChange(index)"
-                item-title="name"
-                item-value="id"
-                label="Producto"
-                :rules="[rules.required]"
-                required
-              ></v-select>
-            </v-col>
-            <v-col>
-              <v-text-field
-                v-model.number="line.unit_price"
-                label="Precio"
-                type="number"
-                :rules="[rules.required]"
-                prefix="$"
-                required
-                readonly
-              ></v-text-field>
-            </v-col>
-            <v-col>
-              <v-text-field
-                v-model.number="line.quantity"
-                label="Cantidad"
-                type="number"
-                :rules="[rules.required]"
-                required
-              ></v-text-field>
-            </v-col>
-            <v-col>
-              <v-text-field
-                type="number"
-                :value="calculateSubtotal(line)"
-                label="Subtotal"
-                prefix="$"
-                readonly
-                disable
-              ></v-text-field>
-            </v-col>
-            <v-col>
-              <v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
-            </v-col>
-          </v-row>
-        </div>
-        <v-btn @click="addLine" color="blue">Agregar</v-btn>
+            <v-toolbar-title secondary>Productos</v-toolbar-title>
+          </v-toolbar>
+          <div v-for="(line, index) in purchase.saleline_set" :key="line.id">
+            <v-row>
+              <v-col>
+                <v-select
+                  v-model="line.product"
+                  :items="products"
+                  @update:modelValue="onProductChange(index)"
+                  item-title="name"
+                  item-value="id"
+                  label="Producto"
+                  :rules="[rules.required]"
+                  required
+                ></v-select>
+              </v-col>
+              <v-col>
+                <v-text-field
+                  v-model.number="line.unit_price"
+                  label="Precio"
+                  type="number"
+                  :rules="[rules.required]"
+                  prefix="$"
+                  required
+                  readonly
+                ></v-text-field>
+              </v-col>
+              <v-col>
+                <v-text-field
+                  v-model.number="line.quantity"
+                  label="Cantidad"
+                  type="number"
+                  :rules="[rules.required]"
+                  required
+                ></v-text-field>
+              </v-col>
+              <v-col>
+                <v-text-field
+                  type="number"
+                  :value="calculateSubtotal(line)"
+                  label="Subtotal"
+                  prefix="$"
+                  readonly
+                  disable
+                ></v-text-field>
+              </v-col>
+              <v-col>
+                <v-btn @click="removeLine(index)" color="red">Eliminar</v-btn>
+              </v-col>
+            </v-row>
+          </div>
+          <v-btn @click="addLine" color="blue">Agregar</v-btn>
 
-      </v-container>
+        </v-container>
 
         <v-divider></v-divider>
 
@@ -90,6 +91,7 @@
         <v-btn @click="submit" color="green">Comprar</v-btn>
       </v-form>
     </v-container>
+  </v-main>
 </template>
 
 <script>
-- 
2.45.2


From 506a280f6e77be4a183153e2eab975a7ccd0b8da Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 5 Oct 2024 11:48:59 -0500
Subject: [PATCH 2/4] Feat: Barra de Navegacion en Formulario de Compras

---
 .../don-confiao/src/components/NavBar.vue     | 18 +-------
 .../don-confiao/src/components/Purchase.vue   | 44 +++++++++++++++++--
 2 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
index bf883dd..aabdd7e 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
@@ -1,21 +1,5 @@
 <template>
-    <v-container>
-    <v-app-bar color="primary" prominent>
-        <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
-        <v-toolbar-title>My files</v-toolbar-title>
-        <v-spacer></v-spacer>
-        <template v-if="$vuetify.display.mdAndUp">
-          <v-btn icon="mdi-magnify" variant="text"></v-btn>
-          <v-btn icon="mdi-filter" variant="text"></v-btn>
-        </template>
-        <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
-      </v-app-bar>
-      <v-navigation-drawer v-model="drawer"
-                           :location="$vuetify.display.mobile ? 'bottom' : undefined"
-                           temporary>
-          <v-list :items="items"></v-list>
-      </v-navigation-drawer>
-    </v-container>
+
 </template>
 
 <script>
diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index af985f9..4560b34 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -1,6 +1,20 @@
 <template>
-  <v-main>
-    <v-container app>
+  <v-app-bar color="primary" prominent>
+    <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+    <v-toolbar-title>My files</v-toolbar-title>
+    <v-spacer></v-spacer>
+    <template v-if="$vuetify.display.mdAndUp">
+      <v-btn icon="mdi-magnify" variant="text"></v-btn>
+      <v-btn icon="mdi-filter" variant="text"></v-btn>
+    </template>
+    <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
+  </v-app-bar>
+  <v-navigation-drawer v-model="drawer"
+                       :location="$vuetify.display.mobile ? 'bottom' : undefined"
+                       temporary>
+    <v-list :items="items"></v-list>
+  </v-navigation-drawer>
+  <v-container app>
       <v-form ref="form" v-model="valid">
         <v-text-field
           v-model="purchase.date"
@@ -91,7 +105,6 @@
         <v-btn @click="submit" color="green">Comprar</v-btn>
       </v-form>
     </v-container>
-  </v-main>
 </template>
 
 <script>
@@ -103,6 +116,26 @@
     data() {
       return {
         valid: false,
+        drawer: false,
+        group: null,
+        items: [
+          {
+            title: 'Foo',
+            value: 'foo',
+          },
+          {
+            title: 'Bar',
+            value: 'bar',
+          },
+          {
+            title: 'Fizz',
+            value: 'fizz',
+          },
+          {
+            title: 'Buzz',
+            value: 'buzz',
+          },
+        ],
         purchase: {
           date: '',
           client: null,
@@ -124,6 +157,11 @@
       this.fetchClients();
       this.fetchProducts();
     },
+    watch: {
+      group () {
+        this.drawer = false
+      },
+    },
     computed: {
       calculateTotal() {
         return this.purchase.saleline_set.reduce((total, saleline) => {
-- 
2.45.2


From 80ef5c4d9dbb59819f0f3cb5844594c544496958 Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 5 Oct 2024 12:07:41 -0500
Subject: [PATCH 3/4] Fix: Barra de Navegacion

---
 .../don-confiao/src/components/NavBar.vue     | 47 +++++++++++--------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
index aabdd7e..135614e 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue
@@ -1,5 +1,23 @@
 <template>
-
+  <v-app-bar color="primary" prominent>
+    <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
+    <v-toolbar-title>Menu</v-toolbar-title>
+    <v-spacer></v-spacer>
+    <template v-if="$vuetify.display.mdAndUp">
+      <v-btn icon="mdi-magnify" variant="text"></v-btn>
+      <v-btn icon="mdi-filter" variant="text"></v-btn>
+    </template>
+    <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
+  </v-app-bar>
+  <v-navigation-drawer v-model="drawer"
+                       :location="$vuetify.display.mobile ? 'bottom' : undefined"
+                       temporary>
+      <v-list>
+          <v-list-item v-for="item in menuItems" :key="item.title" @click="navigate(item.route)">
+              <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item>
+      </v-list>
+  </v-navigation-drawer>
 </template>
 
 <script>
@@ -7,30 +25,21 @@
      data: () => ({
          drawer: false,
          group: null,
-         items: [
-             {
-                 title: 'Foo',
-                 value: 'foo',
-             },
-             {
-                 title: 'Bar',
-                 value: 'bar',
-             },
-             {
-                 title: 'Fizz',
-                 value: 'fizz',
-             },
-             {
-                 title: 'Buzz',
-                 value: 'buzz',
-             },
+         menuItems: [
+             { title: 'Inicio', route: '/'},
+             { title: 'Comprar', route:'/comprar'},
+             { title: 'Resumen de Compra', route:'/resumen_compra'},
          ],
      }),
-
      watch: {
          group () {
              this.drawer = false
          },
      },
+     methods: {
+         navigate(route) {
+             this.$router.push(route);
+         },
+     }
  }
 </script>
-- 
2.45.2


From f110c750a070cc40a80918ce3ab754813d8c9364 Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 5 Oct 2024 12:36:43 -0500
Subject: [PATCH 4/4] Fix: Unused variables

---
 .../don-confiao/src/components/Purchase.vue   | 20 -------------------
 1 file changed, 20 deletions(-)

diff --git a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
index 2c44159..2b77f7f 100644
--- a/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
+++ b/tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue
@@ -109,26 +109,6 @@
     data() {
       return {
         valid: false,
-        drawer: false,
-        group: null,
-        items: [
-          {
-            title: 'Foo',
-            value: 'foo',
-          },
-          {
-            title: 'Bar',
-            value: 'bar',
-          },
-          {
-            title: 'Fizz',
-            value: 'fizz',
-          },
-          {
-            title: 'Buzz',
-            value: 'buzz',
-          },
-        ],
         purchase: {
           date: this.getCurrentDate(),
           client: null,
-- 
2.45.2