AssetManager

El Assetmanager nos permitirá añadir archivos CSS y Javascript a la página.

Dónde colocar los archivos en su plugin

• Coloque los archivos CSS en la carpeta Assets/CSS/ de su plugin.
• Coloque los archivos JavaScript en la carpeta Assets/JS/ de su plugin.
• Si los CSS o JavaScript son dependencias cargadas con NPM, entontes no es necesario moverlos de la carpeta node_modules de su plugin.

Carga automática

FacturaScripts cargará automáticamente los archivos CSS y JavaScript que se llamen igual que el controlador. Si el controlador se llama ListProducto, cargará los archivos Dinamic/Assets/CSS/ListProducto.css y Dinamic/Assets/JS/ListProducto.js automáticamente, si existen.

Cargar un CSS manualmente

Para cargar un CSS manualmente podemos llamar a la función AssetManager::addCss() o la función AssetManager::add('css').

use FacturaScripts\Dinamic\Lib\AssetManager;

AssetManager::addCss(FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css');

// esta es una forma alternativa de añadir un css
AssetManager::add('css', FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css');

En este caso estamos cargando el archivo mycss.css del plugin MyPlugin. Recuerde añadir el use FacturaScripts\Dinamic\Lib\AssetManager;

Cargar un JS (Javascript) manualmente

Para cargar un archivo JavaScript manualmente podemos llamar a la función AssetManager::addJs() o bien AssetManager::add('js').

AssetManager::addJs(FS_ROUTE . '/Plugins/MyPlugin/Assets/JS/myFunctions.js');

// forma alternativa
AssetManager::add('js', FS_ROUTE . '/Plugins/MyPlugin/Assets/JS/myFunctions.js');

En este caso estamos cargando el archivo myFunctions.js del plugin MyPlugin. Recuerde añadir el use FacturaScripts\Dinamic\Lib\AssetManager;

Carga con prioridad

Si necesita cargar un archivo antes que el resto, el tercer parámetro del método AssetManager::add($type, $location, $priority = 1) es la prioridad. Cuanto mayor sea la prioridad, antes se carga.

AssetManager::add('css', FS_ROUTE . '/Plugins/MyPlugin/Assets/CSS/mycss.css', 9);