Этот бандл позволяет добавить Materialize дизайн в свой проект на Symfony2.
Также учтена возможность работы локально (без подключения к сети) или при возможных проблемах с CDN.
Установка через Composer - менеджер php пакетов
$ composer require evheniy/materialize-bundle "1.*"
Или добавить в composer.json:
"evheniy/materialize-bundle": "1.*"
AppKernel:
public function registerBundles() { $bundles = array( ... new Evheniy\MaterializeBundle\MaterializeBundle(), ); ...
config.yml:
#MaterializeBundle materialize: ~
Или со всеми параметрами:
#MaterializeBundle materialize: local_js: '@AppBundle/Resources/public/js/materialize.min.js' local_fonts_dir: '@AppBundle/Resources/public/fonts/' local_css: '@AppBundle/Resources/public/css/materialize.min.css' local_cdn: 'cdn.domain.com' version: 0.97.0 html5: true async: false
И Assetic Configuration в config.yml:
#Assetic Configuration assetic: bundles: [ MaterializeBundle ]
Добавте эту строку в основной шаблон:
<html> <head> ... {%- include "MaterializeBundle:Materialize:css.html.twig" -%} </head> <body> ... {%- include "MaterializeBundle:Materialize:js.html.twig" -%} </body> </html>
Последний шаг:
app/console assetic:dump --env=prod --no-debug
Документация
Можно указать версию Materialize :
materialize: version: 0.97.0
По умолчанию используются версия 0.97.0
Можно указать локальную версию Materialize (это нужно при проблемах с CDN):
materialize: local_js: '@AppBundle/Resources/public/js/materialize.min.js'
По умолчанию: '@MaterializeBundle/Resources/public/js/materialize.min.js'
materialize: local_fonts_dir: '@AppBundle/Resources/public/fonts/'
По умолчанию: '@MaterializeBundle/Resources/public/fonts/'
materialize: local_css: '@AppBundle/Resources/public/css/materialize.min.css'
По умолчанию: '@MaterializeBundle/Resources/public/css/materialize.min.css'
Параметр local_cdn позволяет указывать локальную версию CDN:
materialize: local_cdn: 'cdn.domain.com'
По умолчанию cdn не используется
Параметр html5 устаналивает дополнительный атрибут 'type="text/javascript"', необходимый для отображения в старых браузерах:
materialize: html5: false
По умолчанию html5: true
Параметр async позволяет загружать скрипт в новых браузерах асинхронно.
materialize: async: true
По умолчанию async: false
Лицензия
Этот бандл использует лицензию MIT.