Esqueleto presupuesto

APP/components/Formularios/Fingreso.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="fixed-plugin" v-click-outside="closeDropDown">
+    <div class="dropdown show-dropdown" :class="{ show: isOpen }">
+      <a data-toggle="dropdown" class="settings-icon">
+        <i class="fa fa-plus fa-2x" @click="toggleDropDown"> </i>
+      </a>
+      <span class="dropdown-menu" :class="{ show: isOpen }">
+        <card>
+          <template slot="header">
+            <img v-if="isUpdate === false" src="img//card-primary.png" alt="" />
+            <img v-else src="img//card-info.png" alt="" />
+          </template>
+          <base-input
+            label="Fecha"
+            v-model="newIngreso.fecha"
+            type="Date"
+            required
+          ></base-input>
+          <base-input
+            label="Descripcion"
+            v-model="newIngreso.detalle"
+          ></base-input>
+          <base-input
+            label="Valor"
+            type="Number"
+            v-model="newIngreso.valor"
+          ></base-input>
+          <base-button
+            v-if="isUpdate === false"
+            type="primary"
+            class="mb-3 col-12"
+            size="lg"
+            @click="saveIngreso()"
+            >Guardar</base-button
+          >
+
+          <base-button
+            v-else
+            type="info"
+            class="mb-3 col-12"
+            size="lg"
+            @click="updateIngreso(newIngreso._id)"
+            >Actualizar</base-button
+          >
+        </card>
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Fingreso",
+  props: ["newIngreso", "saveIngreso", "isUpdate", "updateIngreso", "openForm"],
+  data() {
+    return {
+      isOpen: this.openForm,
+    };
+  },
+  methods: {
+    toggleDropDown() {
+      this.isOpen = !this.isOpen;
+    },
+    closeDropDown() {
+      this.isOpen = false;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.settings-icon {
+  cursor: pointer;
+}
+
+.badge-vue {
+  background-color: #ffffff;
+}
+
+.color_fondo {
+  background-color: #ffffff;
+}
+</style>

APP/components/Formularios/Fpresupuesto.vue

@@ -0,0 +1,70 @@
+<template>
+  <!-- <div class="fixed-plugin" v-click-outside="closeDropDown"> -->
+    <div class="dropdown show-dropdown" :class="{ show: isOpen }">
+      <a data-toggle="dropdown" class="settings-icon">
+        <i class="btn btn-info" @click="toggleDropDown">Nuevo </i>
+      </a>
+      <span class="dropdown-menu" :class="{ show: isOpen }">
+        <card>
+          <template slot="header">
+            
+            <img  src="img//card-info.png" alt="" />
+          </template>
+          <base-input
+            label="Fecha"
+            v-model="newPresupuesto.fecha"
+            type="Date"
+            required
+          ></base-input>
+          <base-input
+            label="Descripcion"
+            v-model="newPresupuesto.detalle"
+          ></base-input>
+          <base-button
+            
+            type="info"
+            class="mb-3 col-12"
+            size="lg"
+            @click="savePresupuesto()"
+            >Guardar</base-button
+          >
+
+        </card>
+      </span>
+    </div>
+  <!-- </div> -->
+</template>
+
+<script>
+export default {
+  name: "Fpresupuesto",
+  props: ["newPresupuesto", "savePresupuesto"],
+  data() {
+    return {
+      isOpen: false,
+    };
+  },
+  methods: {
+    toggleDropDown() {
+      this.isOpen = !this.isOpen;
+    },
+    closeDropDown() {
+      this.isOpen = false;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.settings-icon {
+  cursor: pointer;
+}
+
+.badge-vue {
+  background-color: #ffffff;
+}
+
+.color_fondo {
+  background-color: #ffffff;
+}
+</style>

APP/components/Layout/DashboardNavbar.vue

@@ -16,11 +16,11 @@
           <span class="navbar-toggler-bar bar3"></span>
         </button>
       </div>
-      <a class="navbar-brand ml-xl-3 ml-5" href="#pablo">{{ routeName }}</a>
+      <!-- <a class="navbar-brand ml-xl-3 ml-5" href="#">{{ routeName }}</a> -->
     </div>
 
     <ul class="navbar-nav" :class="$rtl.isRTL ? 'mr-auto' : 'ml-auto'">
-      <div class="search-bar input-group" @click="searchModalVisible = true">
+      <!-- <div class="search-bar input-group" @click="searchModalVisible = true">
         <button
           class="btn btn-link"
           id="search-button"
@@ -29,9 +29,10 @@
         >
           <i class="tim-icons icon-zoom-split"></i>
         </button>
-        <!-- You can choose types of search input -->
-      </div>
-      <modal
+
+
+      </div> -->
+      <!-- <modal
         :show.sync="searchModalVisible"
         class="modal-search"
         id="searchModal"
@@ -46,7 +47,7 @@
           id="inlineFormInputGroup"
           placeholder="SEARCH"
         />
-      </modal>
+      </modal> -->
       <base-dropdown
         tag="li"
         :menu-on-right="!$rtl.isRTL"
@@ -62,15 +63,15 @@
           <b class="caret d-none d-lg-block d-xl-block"></b>
           <p class="d-lg-none">Log out</p>
         </template>
-        <li class="nav-link">
+        <!-- <li class="nav-link">
           <a href="#" class="nav-item dropdown-item">Profile</a>
-        </li>
+        </li> -->
         <li class="nav-link">
-          <a href="#" class="nav-item dropdown-item">Settings</a>
+         <NuxtLink to="/configuracion" class="dropdown-item">Configuración</NuxtLink>
         </li>
         <div class="dropdown-divider"></div>
         <li class="nav-link">
-          <a @click="salir()" class="nav-item dropdown-item">Log out</a>
+          <a @click="salir()" class="nav-item dropdown-item">Salir</a>
         </li>
       </base-dropdown>
     </ul>

APP/components/Navbar/BaseNav.vue

@@ -120,6 +120,10 @@ export default {
       return this.$slots.default;
     }
   },
+  mounted() {
+    this.$store.dispatch("getCategorias");
+    this.$store.dispatch("getMetodos");
+  },
   methods: {
     toggleMenu() {
       this.$emit('change', !this.show);