resources/js/app.js

@@ -4,6 +4,7 @@
  * 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();
@@ -17,8 +18,8 @@ window.bulmaToast = require('bulma-toast');
  *
  * Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
  */
-import './components';
+const files = require.context('./', true, /\.vue$/i)
-
+files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
 /**
  * Constants
  */

resources/js/components.js

@@ -1,22 +0,0 @@
-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/BotonAdminLogin.vue

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

resources/js/components/Chismosa.vue

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

resources/js/components/ChismosaDropdown.vue

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

resources/js/components/Login.vue

@@ -8,7 +8,7 @@
 				</div>
 				<div class="control">
 					<a class="button is-info" @click="togglePassword">
-						{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
+						{{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}} 
 					</a>
 				</div>
 			</div>
@@ -24,6 +24,7 @@
 
 <script>
 	export default {
+		name: 'Login',
 		data() {
 			return {
 				visible: false,

resources/js/components/LoginAdmin.vue

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

resources/js/components/NavBar.vue

@@ -11,7 +11,7 @@
         <p class="navbar-item">
           <slot name="subpedido"></slot>
         </p>
-        <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></pedidos-chismosa-dropdown>
+        <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-above-1023" id="mobile"></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>
-            <pedidos-chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></pedidos-chismosa-dropdown>
+            <chismosa-dropdown v-if="this.$root.pedido != null" class="hide-below-1024" id="wide"></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 '../pedidos/ChismosaDropdown.vue';
+import ChismosaDropdown from './ChismosaDropdown.vue';
 export default {
   components: { ChismosaDropdown },
   data() {

resources/js/components/PedidosAdminBody.vue

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

resources/js/components/PedidosAdminCaracteristicasOpcionales.vue

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

resources/js/components/PedidosAdminDropdownDescargar.vue

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

resources/js/components/PedidosAdminFilaCaracteristica.vue

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

resources/js/components/PedidosAdminFilaPedido.vue

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

resources/js/components/PedidosAdminSwitchAprobacion.vue

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

resources/js/components/PedidosAdminTablaBonos.vue

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

resources/js/components/PedidosAdminTablaPedidos.vue

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

resources/js/components/PedidosAdminTabsSecciones.vue

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

resources/views/auth/admin_login.blade.php

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

resources/views/auth/admin_subpedidos.blade.php

@@ -1,5 +1,13 @@
 @extends('layouts.app')
 
 @section('content')
-    <admin-body></admin-body>
+    <pedidos-admin-body></pedidos-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">
-          <admin-boton-login></admin-boton-login>
+          <boton-admin-login></boton-admin-login>
           <h1 class="title">
             Pedidos MPS
           </h1>
@@ -23,10 +23,10 @@
               Contraseña incorrecta, intentalo nuevamente.
             </div>
           @enderror
-          <comunes-region-select></comunes-region-select>
+          <region-select></region-select>
           <form method="post" action="login">
             @csrf
-            <comunes-barrio-select></comunes-barrio-select>
+            <barrio-select></barrio-select>
             <login></login>
           </form>
         </div>
@@ -34,3 +34,9 @@
       <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">
-        <comunes-nav-bar>
+        <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>
-        </comunes-nav-bar>
+        </nav-bar>
-        <pedidos-nav-migas></pedidos-nav-migas>
+        <nav-migas></nav-migas>
 
         <main id="main" class="py-4 has-top-padding">
-            <pedidos-cartel-pedido-aprobado></pedidos-cartel-pedido-aprobado>
+            <cartel-pedido-aprobado></cartel-pedido-aprobado>
             @yield('content')
         </main>
     </div>

resources/views/productos.blade.php

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