Merge branch 'refs/heads/refactor/componentes-vue' into funcion/planilla-pedidos-total

# Conflicts:
#	resources/js/components/admin/Body.vue
#	resources/js/components/pedidos/ProductoModal.vue

resources/js/app.js

@@ -4,7 +4,6 @@
  * building robust, powerful web applications using Vue and Laravel.
  */
 import axios from 'axios';
-import animate from 'animate.css';
 import Vue from 'vue';
 window.Vue = require('vue');
 window.Event = new Vue();
@@ -18,8 +17,8 @@ window.bulmaToast = require('bulma-toast');
  *
  * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
  */
-const files = require.context('./', true, /\.vue$/i)
+import './components';
-files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
+
 /**
  * Constants
  */

resources/js/components.js

@@ -0,0 +1,22 @@
+import Vue from 'vue';
+
+const requireComponent = require.context('./components', true, /\.vue$/);
+
+requireComponent.keys().forEach(fileName => {
+    // Get the component config
+    const componentConfig = requireComponent(fileName);
+    // Get the PascalCase name of the component
+    const componentName = fileName
+        .replace(/^\.\/(.*)\.\w+$/, '$1')    // Remove "./" from the beginning and the file extension from the end
+        .replace(/\//g, '-')                 // Replace directories with hyphens
+        .replace(/([a-z])([A-Z])/g, '$1-$2') // Insert hyphen between camelCase words
+        .toLowerCase()                       // Convert to lowercase
+    // Globally register the component
+    Vue.component(
+        componentName,
+        // Look for the component options on `.default`, which will
+        // exist if the component was exported with `export default`,
+        // otherwise fall back to module's root.
+        componentConfig.default || componentConfig
+    );
+});

resources/js/components/admin/Body.vue

@@ -1,15 +1,15 @@
 <template>
     <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
-        <pedidos-admin-tabs-secciones></pedidos-admin-tabs-secciones>
+        <admin-tabs-secciones></admin-tabs-secciones>
         <div class="block" id="pedidos-seccion"
             :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
-                <pedidos-admin-dropdown-descargar
+                <admin-dropdown-descargar
                     :gdc="gdc">
-                </pedidos-admin-dropdown-descargar>
+                </admin-dropdown-descargar>
-                <pedidos-admin-tabla-pedidos
+                <admin-tabla-pedidos
                     :pedidos="pedidos" :bonosDeTransporte="bonosDeTransporte" :totalBonosBarriales="totalBonosBarriales">
-                </pedidos-admin-tabla-pedidos>
+                </admin-tabla-pedidos>
             </div>
             <p class="has-text-centered" v-show="!hayPedidos">
                 Todavía no hay ningún pedido para administrar.
@@ -17,35 +17,34 @@
         </div>
         <div class="block pb-6" id="bonos-seccion"
             :class="seccionActiva === 'bonos-seccion' ? 'is-active' : 'is-hidden'">
-            <pedidos-admin-tabla-bonos v-show="hayAprobados"
+            <admin-tabla-bonos v-show="hayAprobados"
                 :pedidos="pedidos">
-            </pedidos-admin-tabla-bonos>
+            </admin-tabla-bonos>
             <p class="has-text-centered" v-show="!hayAprobados">
                 Todavía no hay pedidos aprobados.
             </p>
         </div>
         <div class="block pb-6" id="caracteristicas-seccion"
              :class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
-            <pedidos-admin-caracteristicas-opcionales>
+            <admin-caracteristicas-opcionales>
-            </pedidos-admin-caracteristicas-opcionales>
+            </admin-caracteristicas-opcionales>
         </div>
     </div>
 </template>
 
 <script>
-import PedidosAdminTabsSecciones from './PedidosAdminTabsSecciones.vue';
+import CaracteristicasOpcionales from "./CaracteristicasOpcionales.vue";
-import PedidosAdminDropdownDescargar from "./PedidosAdminDropdownDescargar.vue";
+import TabsSecciones from "./TabsSecciones.vue";
-import PedidosAdminTablaBonos from './PedidosAdminTablaBonos.vue';
+import DropdownDescargar from "./DropdownDescargar.vue";
-import PedidosAdminTablaPedidos from "./PedidosAdminTablaPedidos.vue";
+import TablaPedidos from "./TablaPedidos.vue";
-import PedidosAdminCaracteristicasOpcionales from "./PedidosAdminCaracteristicasOpcionales.vue";
+import TablaBonos from "./TablaBonos.vue";
 export default {
-    name: "PedidosAdminBody",
     components: {
-        PedidosAdminCaracteristicasOpcionales,
+        CaracteristicasOpcionales,
-        PedidosAdminTabsSecciones,
+        TabsSecciones,
-        PedidosAdminDropdownDescargar,
+        DropdownDescargar,
-        PedidosAdminTablaPedidos,
+        TablaPedidos,
-        PedidosAdminTablaBonos,
+        TablaBonos,
     },
     data() {
         return {

resources/js/components/admin/BotonLogin.vue

@@ -10,13 +10,3 @@
         </a>
     </div>
 </template>
-
-<script>
-export default {
-    name: "BotonAdminLogin"
-}
-</script>
-
-<style scoped>
-
-</style>

resources/js/components/admin/CaracteristicasOpcionales.vue

@@ -1,10 +1,8 @@
 <script>
-import axios from "axios";
+import FilaCaracteristica from "./FilaCaracteristica.vue";
-import PedidosAdminFilaCaracteristica from "./PedidosAdminFilaCaracteristica.vue";
 
 export default {
-    name: "PedidosAdminCaracteristicasOpcionales",
+    components: { FilaCaracteristica },
-    components: {PedidosAdminFilaCaracteristica},
     data() {
         return {
             caracteristicas: [
@@ -21,7 +19,6 @@ export default {
 
 <template>
     <div class="block">
-
         <table class="table is-fullwidth is-striped is-bordered">
             <thead>
                 <tr>
@@ -30,11 +27,11 @@ export default {
                 </tr>
             </thead>
             <tbody>
-                <pedidos-admin-fila-caracteristica
+                <admin-fila-caracteristica
                     v-for="(c,i) in caracteristicas"
                     :key="i"
                     :caracteristica="c">
-                </pedidos-admin-fila-caracteristica>
+                </admin-fila-caracteristica>
             </tbody>
         </table>
     </div>

resources/js/components/admin/DropdownDescargar.vue

@@ -31,7 +31,6 @@
 
 <script>
 export default {
-    name: "PedidosAdminDropdownDescargar",
     props: {
         gdc: {
             type: Number,

resources/js/components/admin/FilaCaracteristica.vue

@@ -2,7 +2,6 @@
 import axios from "axios";
 
 export default {
-    name: "PedidosAdminFilaCaracteristica",
     props: {
         caracteristica: Object
     },

resources/js/components/admin/FilaPedido.vue

@@ -13,11 +13,10 @@
 </template>
 
 <script>
-import PedidosAdminSwitchAprobacion from './PedidosAdminSwitchAprobacion.vue';
+import SwitchAprobacion from "./SwitchAprobacion.vue";
 export default {
-    name: "PedidosAdminFilaPedido",
     components: {
-        PedidosAdminSwitchAprobacion
+        SwitchAprobacion
     },
     props: {
         pedido: Object

resources/js/components/admin/Login.vue

@@ -24,7 +24,6 @@
 
 <script>
     export default {
-        name: "LoginAdmin",
         data() {
             return {
                 visible: false,

resources/js/components/admin/SwitchAprobacion.vue

@@ -12,7 +12,6 @@
 
 <script>
 export default {
-    name: "PedidosAdminSwitchAprobacion",
     props: {
         pedido: Object
     },

resources/js/components/admin/TablaBonos.vue

@@ -39,7 +39,6 @@
 
 <script>
 export default {
-    name: "PedidosAdminTablaBonos",
     props: {
         pedidos: {
             type: Array,

resources/js/components/admin/TablaPedidos.vue

@@ -46,11 +46,10 @@
 </template>
 
 <script>
-import PedidosAdminFilaPedidoVue from './PedidosAdminFilaPedido.vue';
+import FilaPedido from "./FilaPedido.vue";
 export default {
-    name: "PedidosAdminTablaPedidos",
     components: {
-        PedidosAdminFilaPedidoVue
+        FilaPedido
     },
     props: {
         pedidos: {

resources/js/components/admin/TabsSecciones.vue

@@ -19,7 +19,6 @@
 
 <script>
 export default {
-    name: "PedidosAdminTabsSecciones",
     data() {
         return {
             tabActiva: "pedidos",
@@ -49,7 +48,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import 'bulma';
+@import '../../../../node_modules/bulma';
   hr {
     border: none;
     height: 1px;

resources/js/components/comunes/NavBar.vue

@@ -11,7 +11,7 @@
         <p class="navbar-item">
           <slot name="subpedido"></slot>
         </p>
-        <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></chismosa-dropdown>
+        <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></pedidos-chismosa-dropdown>
         <a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu" aria-expanded="false" data-target="nav-bar" @click="toggleBurger">
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
@@ -28,7 +28,7 @@
               </a>
               <input class="input is-small" type="text" placeholder="Harina" v-model="searchString"  @keyup.enter="buscar" >
             </div>
-            <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></chismosa-dropdown>
+            <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></pedidos-chismosa-dropdown>
             <div class="block navbar-item">
                 <a onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="text-a">
                     Cerrar sesión
@@ -41,7 +41,7 @@
 </template>
 
 <script>
-import ChismosaDropdown from './ChismosaDropdown.vue';
+import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue';
 export default {
   components: { ChismosaDropdown },
   data() {

resources/js/components/pedidos/Chismosa.vue

@@ -36,7 +36,7 @@
             </tr>
             </tfoot>
             <tbody>
-            <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
+            <pedidos-producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></pedidos-producto-row>
             </tbody>
         </table>
         <p class="has-text-centered" v-show="productos.length == 0">

resources/js/components/pedidos/ChismosaDropdown.vue

@@ -11,7 +11,7 @@
         <div class="dropdown-menu chismosa-menu" :id="id" role="menu">
             <div class="dropdown-content">
                 <div class="dropdown-item">
-                    <chismosa></chismosa>
+                    <pedidos-chismosa></pedidos-chismosa>
                 </div>
             </div>
         </div>

resources/js/components/pedidos/Login.vue

@@ -24,7 +24,6 @@
 
 <script>
 	export default {
-		name: 'Login',
 		data() {
 			return {
 				visible: false,

resources/views/auth/admin_login.blade.php

@@ -21,11 +21,11 @@
             Contraseña incorrecta, intentalo nuevamente.
         </div>
         @enderror
-        <region-select v-bind:admin="true"></region-select>
+        <comunes-region-select v-bind:admin="true"></comunes-region-select>
         <form method="post" action="login">
             @csrf
-            <barrio-select v-bind:admin="true"></barrio-select>
+            <comunes-barrio-select v-bind:admin="true"></comunes-barrio-select>
-            <login-admin></login-admin>
+            <admin-login></admin-login>
         </form>
     </div>
 </section>

resources/views/auth/admin_subpedidos.blade.php

@@ -1,13 +1,5 @@
 @extends('layouts.app')
 
 @section('content')
-    <pedidos-admin-body></pedidos-admin-body>
+    <admin-body></admin-body>
 @endsection
-<script>
-    import PedidosAdminBody from "../../js/components/PedidosAdminBody.vue";
-    export default {
-        components: {
-            PedidosAdminBody
-        }
-    }
-</script>

resources/views/auth/login.blade.php

@@ -11,7 +11,7 @@
     <body>
         <section class="section">
         <div id="root" class="container">
-          <boton-admin-login></boton-admin-login>
+          <admin-boton-login></admin-boton-login>
           <h1 class="title">
             Pedidos MPS
           </h1>
@@ -23,10 +23,10 @@
               Contraseña incorrecta, intentalo nuevamente.
             </div>
           @enderror
-          <region-select></region-select>
+          <comunes-region-select></comunes-region-select>
           <form method="post" action="login">
             @csrf
-            <barrio-select></barrio-select>
+            <comunes-barrio-select></comunes-barrio-select>
             <login></login>
           </form>
         </div>
@@ -34,9 +34,3 @@
       <script src="{{ mix('js/app.js') }}" defer></script>
     </body>
 </html>
-<script>
-    import BotonAdminLogin from "../../js/components/BotonAdminLogin";
-    export default {
-        components: {BotonAdminLogin}
-    }
-</script>

resources/views/layouts/app.blade.php

@@ -19,7 +19,7 @@
 </head>
 <body class="has-navbar-fixed-top">
     <div id="root">
-        <nav-bar>
+        <comunes-nav-bar>
             <template slot="subpedido">{{ session('subpedido_nombre') ? 'Pedido de '. session('subpedido_nombre') : Auth::user()->name }}</template>
             <template slot="gdc">{{ session('subpedido_nombre') ? Auth::user()->name : "" }}</template>
             <template slot="logout-form">
@@ -27,11 +27,11 @@
                     @csrf
                 </form>
             </template>
-        </nav-bar>
+        </comunes-nav-bar>
-        <nav-migas></nav-migas>
+        <pedidos-nav-migas></pedidos-nav-migas>
 
         <main id="main" class="py-4 has-top-padding">
-            <cartel-pedido-aprobado></cartel-pedido-aprobado>
+            <pedidos-cartel-pedido-aprobado></pedidos-cartel-pedido-aprobado>
             @yield('content')
         </main>
     </div>

resources/views/productos.blade.php

@@ -1,9 +1,9 @@
 @extends('layouts.app')
 
 @section('content')
-<chismosa></chismosa>
+<pedidos-chismosa></pedidos-chismosa>
-<categorias-container></categorias-container>
+<pedidos-categorias-container></pedidos-categorias-container>
-<productos-container></productos-container>
+<pedidos-productos-container></pedidos-productos-container>
-<producto-modal></producto-modal>
+<pedidos-producto-modal></pedidos-producto-modal>
-<devoluciones-modal></devoluciones-modal>
+<pedidos-devoluciones-modal></pedidos-devoluciones-modal>
 @endsection