11. Crear plantilla de administrador

Marcar esta unidad como culminada

Tema anterior Siguiente tema

7 comentarios

Inicia sesión para comentar

Iniciar sesión

Comentarios:

Luis Fernando Angulo Heredia hace 1 mes

tengo un inconveniente, no me despliega el dropdown para ver mi nombre de usiario al momento de estar autenticado, tampoco me da desde mi navigation-menu.blade.php
Marco A. Yanez hace 2 meses

Oka… en el minuto 20:40 ..mencionas que necesitamos tener bien seleccionado el disco donde se guardan los archivos de lo contrario no lograremos ver la foto…
- Victor Arana Flores hace 2 meses
  
  Genial :D
Marco A. Yanez hace 2 meses

En la Documentación Oficial de Laravel hacen referencia a una configuración disk public incluido en la de su aplicación filesystems El archivo de configuración está destinado a archivos que van a ser accesibles al público. Por defecto, el disco public utilizan el driver local y almacena sus archivos enstorage/app/public. la configuración por defecto da acceso a estos archivo solo de forma local
- Victor Arana Flores hace 2 meses
  
  Hola Marco así es :D tienes que cambiarlo al disco public.
  
  En el capitulo 31 si no me equivoco cambio la configuracion del disco, ya que es a partir de ese capitulo donde empezamos a trabajar con imagenes.
Marco A. Yanez hace 2 meses

Mi estimado victos…Todo bien y al detalle… Peroooo… al llegar al minuto 19:50 donde se muestra la imagen del usuario en el avatar craks…, cuando solo se muestra las iniciales en el avatar..perfecto el problema se presenta al cargarle una fotografía, el avatar toma es el nombre del usuario.. existirá alguna configuración adicional que no se esta realizando?

Otra podría ser que entre tantos proyectos podría ser que realizaste ese PASO o configuración pero olvidaste mencionarlo en el vídeo …
- Victor Arana Flores hace 2 meses
  
  Hola Marco, asegurate de estar trabajando en el disco public, de lo contrario no podrás acceder a las imagenes subidas.
  Ve al archivo .env, busca la variable FILESYSTEM_DISK y asignale el valor de public.
  Tambien asegurate de haber generado un virtualhost, y el dominio que hayas generado asignaselo a la vairable APP_URL dentro de tu archivo .env
  Con eso debes solucionar el problema :D
Jose Alejandro Sanchez hace 4 meses

muy bueno, que hagas ese análisis de del scroll me ha pasado, continuo, claro entiendo la z es para el orden de prioridad en el diseño, pasara con dvh pero por el tamaño

Blanca Segura hace 4 meses

Problema: No abre el menu en formato sm.
Mi código de “sidebar.blade.php”:

-----------------

<aside id="logo-sidebar"
class="fixed top-0 left-0 z-40 w-64 h-screen pt-20 transition-transform -translate-x-full bg-white border-r border-gray-200 sm:translate-x-0 dark:bg-gray-800 dark:border-gray-700"
:class="{
'translate-x-0 ease-out'; sidebarOpen,
'-translate-x-full ease-in': !sidebarOpen
}"
aria-label="Sidebar">

y en admin.blade.php
--------------------

<body class="font-sans antialiased"
x-data="{
sidebarOpen: false
}"
:class="{
'overflow-y-hidden': sidebarOpen
}">

-----------------------------------------------------------

navigation.blade.php

<div class="flex items-center justify-start rtl:justify-end">
                <button x-on:click="sidebarOpen = !sidebarOpen"
                    data-drawer-target="logo-sidebar" data-drawer-toggle="logo-sidebar" aria-controls="logo-sidebar" type="button"
                    class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg sm:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600">
                    <span class="sr-only">Open sidebar</span>
                    <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                        <path clip-rule="evenodd" fill-rule="evenodd" d="M2 4.75A.75.75 0 012.75 4h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 4.75zm0 10.5a.75.75 0 01.75-.75h7.5a.75.75 0 010 1.5h-7.5a.75.75 0 01-.75-.75zM2 10a.75.75 0 01.75-.75h14.5a.75.75 0 010 1.5H2.75A.75.75 0 012 10z"></path>
                    </svg>
                </button>
                ........

Cualquier ayuda … será bienvenida

Victor Arana Flores hace 4 meses

Hola Blanca, en tu navegador da click derecho inpeccionar e indicame que te aparece

Blanca Segura hace 4 meses

Hola Víctor, muchas gracias. Te envío el texto que aparece:
<div class="fixed inset-0 bg-gray-900 bg-opacity-50 z-20 
sm:hidden" x-show="sidebarOpen" x-on:click="sidebarOpen = false">

Victor Arana Flores hace 4 meses

Hola Blanca, lo que requiero es que me pases lo que aparece en consola.
Emmanuel Montoya Lòpez hace 2 meses

Hola blanca, el error parece ser este, las comillas de el objeto deben ser simples para que no hayan conflictos con las de afuera
:class="{ 'translate-x-0 ease-out': sidebarOpen, '-transalte-x-full ease-in': !sidebarOpen }" aria-label="Sidebar">

Nicole G hace 5 meses

Yo estoy utilizando adminlte:( espero no tener inconvenientes con el panel administrativo y el ecommerce
- Steven Ortiz hace 5 meses
  
  Hola perdón por metiche pero porque utilizas ese es mejor que el que esta usando en el video ?? consulto para ver si la uso también!
- Victor Arana Flores hace 5 meses
  
  La diferencia principal es que AdminLTE ya esta hecha y que solo tienes que implementarla. Incluso hay una versión en la que puedes instalarla por composer. La desventaja (por lo menos para mi) es que esta hecha con Boostrap, y yo prefiero mil veces tailwind, ya que la considero mucho mas versatil.
  
  Y bueno, esta plantilla yo ya lo tengo creada, con todas las funcionalidades para agregar enlaces, mostrar enlaces segun el rol, trabajar con breadcrumb, responsiva, etc.
  
  Cada vez que necesito un panel copio la plantilla y lo uso, no tengo que estar diseñandolo desde cero.
  
  Si quieres tener una plantilla que puedes personalizar a tu gusto de manera facil, puedes optar por la que enseño en este curso. Si lo que buscas es una forma rapida de implementar puedes optar por AdminLTE