Statistics
448
9
8
324d
Badges
Dependencies

Header

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

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

License: MIT

Requirements

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\AssetsCollectorExtension::register($configurator);

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

  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

No release at this moment. Try to create first one.

Is this addon outdated? Did you find an issue? Please report it.

Componette Componette admin@componette.com