HeaderControl

Component for generating beuty and corect html header with included AssetsCollector.

Is fork of http://github.com/ondrejmirtes/nette-headercontrol.

License: MIT

Requirements

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

Details

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

Add macros

Usable in view or components.

{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}

Packages

For often usable files exist option for simple definition packages of files.

Example

Define in 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

Use in latte templates:

{pfpack "NiftyGrid"}

Compilators

On a CSS and JS files can be aplied compilators.

Example

In config.neon:

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

Installation

1. Download

2. Unpack

3. Register

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

4. Create component HeaderControl https://github.com/romanmatyus/HeaderControl

5. Change file @layout.latte such as this:

   {capture $html}

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

6. Use it:)

Roadmap

• FIX ->setAssetsCollector($this->context->assetsCollector->collector) in documentation. Issue #2
• Add description for creating component header to documentation. Issue #3
• Call compilers by order in variable enabledCompilers. Issue #1
• Add macros for changing meta information from templates. Issue #4
• 2012-11-14 FIX Lazy compile
• 2012-11-13 Lazy compile
• 2012-11-13 FIX enabledCompilers for JS
• 2012-11-12 BC! Change name of macro pfpack to pack