despriegue

APP/README.md

@@ -21,13 +21,16 @@ $ npm run generate
 
 ### Front
 
-- [ ] Verificación formulario nuevo presupuesto y duplicados
+- [x] Verificación formulario nuevo presupuesto y duplicados
-- [ ] Delete Items presupuesto Front
+- [x] Delete Items presupuesto Front
+- [ ] Front Créditos
+- [ ] Desplegar aplicación
+- [ ] Front Resumen y gráficas
 
 ### Back
 
-- [ ] API delete items presupuesto
+- [x] API delete items presupuesto
-- [ ] Verificación de nombre presupuesto repetidos
+- [x] Verificación de nombre presupuesto repetidos
-
+- [ ] Api Créditos
 
 For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

APP/layouts/default.vue

@@ -1,59 +1,62 @@
 <template>
   <div class="wrapper" :class="{ 'nav-open': $sidebar.showSidebar }">
-     
-
     <side-bar
       :background-color="sidebarBackground"
       short-title="MD"
       title="Finanzas"
     >
-    <notifications></notifications> 
+      <notifications></notifications>
       <template slot-scope="props" slot="links">
-
         <sidebar-item
           :link="{
             name: 'Compras',
-            icon: 'tim-icons icon-chart-pie-36',
+            icon: 'tim-icons icon-cart',
-            path: '/compras'
+            path: '/compras',
           }"
         >
         </sidebar-item>
         <sidebar-item
           :link="{
             name: 'Ingresos',
-            icon: 'tim-icons icon-chart-pie-36',
+            icon: 'tim-icons icon-money-coins',
-            path: '/ingresos'
+            path: '/ingresos',
           }"
         >
         </sidebar-item>
         <sidebar-item
           :link="{
             name: 'Presupuesto',
-            icon: 'tim-icons icon-chart-pie-36',
+            icon: 'tim-icons icon-puzzle-10',
-            path: '/presupuesto'
+            path: '/presupuesto',
+          }"
+        >
+        </sidebar-item>
+
+        <sidebar-item
+          :link="{
+            name: 'Créditos',
+            icon: 'tim-icons icon-bank',
+            path: '/creditos',
           }"
         >
         </sidebar-item>
         <sidebar-item
           :link="{
             name: 'Resumen',
-            icon: 'tim-icons icon-chart-pie-36',
+            icon: 'tim-icons icon-chart-bar-32',
-            path: '/resumen'
+            path: '/resumen',
           }"
         >
         </sidebar-item>
 
-              <sidebar-item
+        <sidebar-item
           :link="{
             name: 'Configuración',
-            icon: 'tim-icons icon-chart-pie-36',
+            icon: 'tim-icons icon-settings',
-            path: '/configuracion'
+            path: '/configuracion',
           }"
         >
         </sidebar-item>
-
-
-
       </template>
     </side-bar>
     <!--Share plugin (for demo purposes). You can remove it if don't plan on using it-->
@@ -62,10 +65,7 @@
       <dashboard-navbar></dashboard-navbar>
       <!-- <router-view name="header"></router-view> -->
 
-      <div
+      <div :class="{ content: !isFullScreenRoute }" @click="toggleSidebar">
-        :class="{ content: !isFullScreenRoute }"
-        @click="toggleSidebar"
-      >
         <zoom-center-transition :duration="200" mode="out-in">
           <!-- your content here -->
           <nuxt></nuxt>
@@ -76,105 +76,102 @@
   </div>
 </template>
 <script>
-  /* eslint-disable no-new */
+/* eslint-disable no-new */
-  import PerfectScrollbar from 'perfect-scrollbar';
+import PerfectScrollbar from "perfect-scrollbar";
-  import 'perfect-scrollbar/css/perfect-scrollbar.css';
+import "perfect-scrollbar/css/perfect-scrollbar.css";
-  import SidebarShare from '@/components/Layout/SidebarSharePlugin';
+import SidebarShare from "@/components/Layout/SidebarSharePlugin";
-  function hasElement(className) {
+function hasElement(className) {
-    return document.getElementsByClassName(className).length > 0;
+  return document.getElementsByClassName(className).length > 0;
+}
+
+function initScrollbar(className) {
+  if (hasElement(className)) {
+    new PerfectScrollbar(`.${className}`);
+  } else {
+    // try to init it later in case this component is loaded async
+    setTimeout(() => {
+      initScrollbar(className);
+    }, 100);
   }
+}
 
-  function initScrollbar(className) {
+import DashboardNavbar from "@/components/Layout/DashboardNavbar.vue";
-    if (hasElement(className)) {
+import ContentFooter from "@/components/Layout/ContentFooter.vue";
-      new PerfectScrollbar(`.${className}`);
+import DashboardContent from "@/components/Layout/Content.vue";
-    } else {
+import { SlideYDownTransition, ZoomCenterTransition } from "vue2-transitions";
-      // try to init it later in case this component is loaded async
-      setTimeout(() => {
-        initScrollbar(className);
-      }, 100);
-    }
-  }
 
-  import DashboardNavbar from '@/components/Layout/DashboardNavbar.vue';
+export default {
-  import ContentFooter from '@/components/Layout/ContentFooter.vue';
+  components: {
-  import DashboardContent from '@/components/Layout/Content.vue';
+    DashboardNavbar,
-  import { SlideYDownTransition, ZoomCenterTransition } from 'vue2-transitions';
+    ContentFooter,
-
+    DashboardContent,
-  export default {
+    SlideYDownTransition,
-  
+    ZoomCenterTransition,
-    components: {
+    SidebarShare,
-      DashboardNavbar,
+  },
-      ContentFooter,
+  data() {
-      DashboardContent,
+    return {
-      SlideYDownTransition,
+      sidebarBackground: "blue", //vue|blue|orange|green|red|primary
-      ZoomCenterTransition,
+    };
-      SidebarShare
+  },
+  computed: {
+    isFullScreenRoute() {
+      return this.$route.path === "/maps/full-screen";
     },
-    data() {
+  },
-      return {
+  methods: {
-        sidebarBackground: 'blue' //vue|blue|orange|green|red|primary
+    toggleSidebar() {
-      };
+      if (this.$sidebar.showSidebar) {
-    },
+        this.$sidebar.displaySidebar(false);
-    computed: {
-      isFullScreenRoute() {
-        return this.$route.path === '/maps/full-screen'
       }
     },
-    methods: {
+    initScrollbar() {
-      toggleSidebar() {
+      let docClasses = document.body.classList;
-        if (this.$sidebar.showSidebar) {
+      let isWindows = navigator.platform.startsWith("Win");
-          this.$sidebar.displaySidebar(false);
+      if (isWindows) {
-        }
+        // if we are on windows OS we activate the perfectScrollbar function
-      },
+        initScrollbar("sidebar");
-      initScrollbar() {
+        initScrollbar("main-panel");
-        let docClasses = document.body.classList;
+        initScrollbar("sidebar-wrapper");
-        let isWindows = navigator.platform.startsWith('Win');
-        if (isWindows) {
-          // if we are on windows OS we activate the perfectScrollbar function
-          initScrollbar('sidebar');
-          initScrollbar('main-panel');
-          initScrollbar('sidebar-wrapper');
 
-          docClasses.add('perfect-scrollbar-on');
+        docClasses.add("perfect-scrollbar-on");
-        } else {
+      } else {
-          docClasses.add('perfect-scrollbar-off');
+        docClasses.add("perfect-scrollbar-off");
-        }
       }
     },
-    mounted() {
+  },
-
+  mounted() {
-      this.initScrollbar();
+    this.initScrollbar();
-      
+  },
-    }
+};
-  };
 </script>
 <style lang="scss">
-  $scaleSize: 0.95;
+$scaleSize: 0.95;
-  @keyframes zoomIn95 {
+@keyframes zoomIn95 {
-    from {
+  from {
-      opacity: 0;
+    opacity: 0;
-      transform: scale3d($scaleSize, $scaleSize, $scaleSize);
+    transform: scale3d($scaleSize, $scaleSize, $scaleSize);
-    }
-    to {
-      opacity: 1;
-    }
   }
+  to {
+    opacity: 1;
+  }
+}
 
-  .main-panel .zoomIn {
+.main-panel .zoomIn {
-    animation-name: zoomIn95;
+  animation-name: zoomIn95;
-  }
+}
 
-  @keyframes zoomOut95 {
+@keyframes zoomOut95 {
-    from {
+  from {
-      opacity: 1;
+    opacity: 1;
-    }
-    to {
-      opacity: 0;
-      transform: scale3d($scaleSize, $scaleSize, $scaleSize);
-    }
   }
+  to {
+    opacity: 0;
+    transform: scale3d($scaleSize, $scaleSize, $scaleSize);
+  }
+}
 
-  .main-panel .zoomOut {
+.main-panel .zoomOut {
-    animation-name: zoomOut95;
+  animation-name: zoomOut95;
-  }
+}
 </style>

APP/nuxt.config.js

@@ -59,8 +59,9 @@ export default {
 
   // Axios module configuration (https://go.nuxtjs.dev/config-axios)
   axios: {
-    //baseURL: "http://192.168.1.111:4000/api"
+     //baseURL: "http://192.168.1.111:4000/api"
-    baseURL:"http://localhost:4000/api"
+      baseURL:"http://localhost:4000/api"
+    //baseURL:"https://finanzasm.herokuapp.com/api"
   },
 
   /*

APP/pages/creditos.vue

@@ -0,0 +1,14 @@
+<template>
+  <h1>Creditos</h1>
+</template>
+
+<script>
+export default {
+  middleware: "authenticated",
+
+}
+</script>
+
+<style>
+
+</style>

APP/pages/resumen.vue

@@ -4,6 +4,7 @@
 
 <script>
 export default {
+  middleware: "authenticated",
 
 }
 </script>

APP/static/img/icon-nuxt.svg

@@ -1,7 +0,0 @@
-<svg viewBox="0 0 400 400" version="1" xmlns="http://www.w3.org/2000/svg">
-  <g transform="translate(0 49)" fill="none" fill-rule="evenodd">
-    <path d="M123 292l-1-1c-2-4-2-8-2-12H25L167 27l59 107 19-14-59-107c-1-2-8-13-20-13-5 0-13 2-19 13L4 268c-1 2-7 14-1 24 2 5 8 10 21 10h120c-13 0-19-5-21-10z" fill="#00C58E"/>
-    <path d="M395 269L280 62c-2-2-8-13-20-13-5 0-12 2-19 13l-15 24v48l34-59 114 204h-43a20 20 0 0 1-2 12v1c-6 10-19 10-21 10h68c2 0 15 0 21-10 2-5 4-13-2-23z" fill="#108775"/>
-    <path d="M332 292v-1l1-2c1-3 2-7 1-10l-4-11-90-158-13-24h-1l-13 24-91 158-3 11a21 21 0 0 0 2 13c3 5 9 10 21 10h168c3 0 16 0 22-10zM226 134l83 145H144l82-145z" fill="#2F495E" fill-rule="nonzero"/>
-  </g>
-</svg>