Zeus Backoffice

# CSS y Javascript

# CSS

Puede que quieras personalizar ciertos estilos del backoffice a nivel global.
Para ello puedes generar un archivo CSS manualmente o con otros métodos como Laravel Mix que modifique o añada ciertas propiedades a ciertos elementos existentes o custom.

# Añadir custom CSS

Para añadir uno o más archivos CSS, si no se ha hecho anteriormente, se debe publicar el archivo de configuración:

php artisan vendor:publish --tag=backoffice-config

En el archivo config/backoffice.php hay un array css donde se pueden añadir archivos extra.
Por ejemplo, si hemos creado un archivo custom.css en public/backoffice/css:







 
 
 



return [
    'logo' => 'logo.png',
    'name' => 'Admin',
    'prefix' => 'admin',
    'app_folder' => 'Backoffice',
    'middleware' => ['web'],
    'css' => [
        'backoffice/css/custom.css'
    ],
    'js' => []
];

# SASS / TailwindCSS u otros preprocesadores

Puedes usar cualquier preprocesador como SASS o TailwindCSS, siempre que el archivo final generado sea CSS, por ejemplo, usando Laravel Mix o el cli de TailwindCSS.

# Javascript

Puede que necesites agregar funcionalidad Javascript extra a ciertas partes custom del backoffice, ya sea en vanilla JS o librerías como Vue.
Para ello puede generar un archivo JS manualmente o bien desde Laravel Mix u otros métodos de compilación JS.

# Añadir custom JS

Para añadir uno o más archivos CSS, si no se ha hecho anteriormente, se debe publicar el archivo de configuración:

php artisan vendor:publish --tag=backoffice-config

En el archivo config/backoffice.php hay un array js donde se pueden añadir archivos extra.
Por ejemplo, si hemos creado un archivo custom.js en public/backoffice/js:








 
 
 


return [
    'logo' => 'logo.png',
    'name' => 'Admin',
    'prefix' => 'admin',
    'app_folder' => 'Backoffice',
    'middleware' => ['web'],
    'css' => [],
    'js' => [
        'backoffice/js/custom.js'
    ]
];

# Vue u otras librerías Javascript

Puedes usar cualquier framework o librería de Javascript, como por ejemplo Vue, siempre que el archivo final generado sea JS, por ejemplo, usando Laravel Mix o VueCLI.

# jQuery

La librería jQuery viene incluída en el backoffice y puede ser usada tanto en los JS añadidos globalmente como en el código JS añadido mediante stack en las vistas específicas.

← Código fuente →