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,7 +1,5 @@
 <template>
   <div class="wrapper" :class="{ 'nav-open': $sidebar.showSidebar }">
-     
-
     <side-bar
       :background-color="sidebarBackground"
       short-title="MD"
@@ -9,36 +7,44 @@
     >
       <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>
@@ -46,14 +52,11 @@
         <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,15 +76,15 @@
   </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;
-  }
+}
 
-  function initScrollbar(className) {
+function initScrollbar(className) {
   if (hasElement(className)) {
     new PerfectScrollbar(`.${className}`);
   } else {
@@ -93,32 +93,31 @@
       initScrollbar(className);
     }, 100);
   }
-  }
+}
 
-  import DashboardNavbar from '@/components/Layout/DashboardNavbar.vue';
+import DashboardNavbar from "@/components/Layout/DashboardNavbar.vue";
-  import ContentFooter from '@/components/Layout/ContentFooter.vue';
+import ContentFooter from "@/components/Layout/ContentFooter.vue";
-  import DashboardContent from '@/components/Layout/Content.vue';
+import DashboardContent from "@/components/Layout/Content.vue";
-  import { SlideYDownTransition, ZoomCenterTransition } from 'vue2-transitions';
+import { SlideYDownTransition, ZoomCenterTransition } from "vue2-transitions";
-
-  export default {
 
+export default {
   components: {
     DashboardNavbar,
     ContentFooter,
     DashboardContent,
     SlideYDownTransition,
     ZoomCenterTransition,
-      SidebarShare
+    SidebarShare,
   },
   data() {
     return {
-        sidebarBackground: 'blue' //vue|blue|orange|green|red|primary
+      sidebarBackground: "blue", //vue|blue|orange|green|red|primary
     };
   },
   computed: {
     isFullScreenRoute() {
-        return this.$route.path === '/maps/full-screen'
+      return this.$route.path === "/maps/full-screen";
-      }
+    },
   },
   methods: {
     toggleSidebar() {
@@ -128,29 +127,27 @@
     },
     initScrollbar() {
       let docClasses = document.body.classList;
-        let isWindows = navigator.platform.startsWith('Win');
+      let isWindows = navigator.platform.startsWith("Win");
       if (isWindows) {
         // if we are on windows OS we activate the perfectScrollbar function
-          initScrollbar('sidebar');
+        initScrollbar("sidebar");
-          initScrollbar('main-panel');
+        initScrollbar("main-panel");
-          initScrollbar('sidebar-wrapper');
+        initScrollbar("sidebar-wrapper");
 
-          docClasses.add('perfect-scrollbar-on');
+        docClasses.add("perfect-scrollbar-on");
       } else {
-          docClasses.add('perfect-scrollbar-off');
+        docClasses.add("perfect-scrollbar-off");
-        }
       }
     },
+  },
   mounted() {
-
     this.initScrollbar();
-      
+  },
-    }
+};
-  };
 </script>
 <style lang="scss">
-  $scaleSize: 0.95;
+$scaleSize: 0.95;
-  @keyframes zoomIn95 {
+@keyframes zoomIn95 {
   from {
     opacity: 0;
     transform: scale3d($scaleSize, $scaleSize, $scaleSize);
@@ -158,13 +155,13 @@
   to {
     opacity: 1;
   }
-  }
+}
 
-  .main-panel .zoomIn {
+.main-panel .zoomIn {
   animation-name: zoomIn95;
-  }
+}
 
-  @keyframes zoomOut95 {
+@keyframes zoomOut95 {
   from {
     opacity: 1;
   }
@@ -172,9 +169,9 @@
     opacity: 0;
     transform: scale3d($scaleSize, $scaleSize, $scaleSize);
   }
-  }
+}
 
-  .main-panel .zoomOut {
+.main-panel .zoomOut {
   animation-name: zoomOut95;
-  }
+}
 </style>

APP/nuxt.config.js

@@ -61,6 +61,7 @@ export default {
   axios: {
      //baseURL: "http://192.168.1.111: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>