Этот бандл позволяет добавить 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.