README

组件，用于生成美观且正确的HTML头部，包含AssetsCollector。

是 http://github.com/ondrejmirtes/nette-headercontrol 的分支。

许可证：MIT

要求

• PHP 5.3
• Nette 2.0.5 - https://github.com/nette/nette

详细信息

http://forum.nette.org/cs/12704-dynamicke-vkladanie-iba-pouzitych-css-a-js-suborov

添加宏

可在视图或组件中使用。

{css "grid.css"} {* Find in drirectory <directory with template>/screen.css *}
{css "screen.css"} {* Find in drirectory $csspath/screen.css *}
{css "/var/www/sk/web/www/style/css/screen.css"} {* Find in drirectory "/var/www/sk/web/www/style/css/screen.css" *}
{js "live-form-validation.js"}
{js "jquery.min.js", "jquery.nette.js", "jquery.ajaxform.js"} {* definition with dependency *}

{cssContent}
* { color:red}
{/cssContent}

{jsContent}
$( 'textarea.editor' ).ckeditor();
{/jsContent}

包

对于常用文件，存在简单定义文件包的选项。

示例

在 config.neon 中定义

common:
	assetsCollector:
		packages:
			jQuery:
				js:
					- %wwwDir%/style/js/jquery-1.8.2.min.js
			netteForms:
				js:
					- %wwwDir%/libs/Nette-extras/Niftyx-NiftyGrid-5163290/resources/js/netteForms.js
			jQueryUI:
				extends:
					- jQuery
				css:
					- %wwwDir%/libs/jquery-ui-1.9.1.custom/css/smoothness/jquery-ui-1.9.1.custom.min.css
				js:
					- %wwwDir%/libs/jquery-ui-1.9.1.custom/js/jquery-ui-1.9.1.custom.min.js
			NiftyGrid:
				extends:
					- jQueryUI
					- netteForms
				css:
					- %wwwDir%/libs/Nette-extras/Niftyx-NiftyGrid-5163290/resources/css/grid.css
				js:
					- %wwwDir%/libs/Nette-extras/Niftyx-NiftyGrid-5163290/resources/js/grid.js

在latte模板中使用

{pfpack "NiftyGrid"}

编译器

在CSS和JS文件上可以应用编译器。

示例

在 config.neon

common:
	assetsCollector:
		addCssCompilator:
			- @superExtraCompilator
	enabledCompilers:
		- cssSimpleMinificator
		- imageToDataStream
		- imageReplacer
		- superExtraCompilator
	services:
		superExtraCompilator:
			class: SuperExtraCompilator

安装

1. 下载

2. 解压

3. 注册

   \RM\AssetsCollector\AssetsCollectorExtension::register($configurator);

4. 创建Header组件 https://github.com/romanmatyus/Header

5. 修改文件 @layout.latte 如下

   {capture $html}

   ... {/capture} {control header} {!$html}

6. 使用它：)

路线图

• FIX ->setAssetsCollector($this->context->assetsCollector->collector) 在文档中。问题 #2
• 在文档中添加创建组件头部的描述。问题 #3
• 按照顺序在变量 enabledCompilers 中调用编译器。问题 #1
• 添加从模板中更改元信息的宏。问题 #4
• 2012-11-14 FIX 懒编译
• 2012-11-13 懒编译
• 2012-11-13 FIX enabledCompilers for JS
• 2012-11-12 BC! 将宏 pfpack 的名称更改为 pack