gerardtoko/assetlib-bundle

Grouping the asset libraries in a symfony2 bundle

Installs: 21

Dependents: 0

Stars: 1

Watchers: 1

Language: JavaScript

1.0 2013-01-08 16:07 UTC

README

Grouping the asset libraries in a symfony2 bundle

Installation

Download GTAssetLibBundle using composer

Add GTAssetLibBundle in your composer.json:

{
    "require": {
        "gerardtoko/assetlib-bundle": "dev-master"
    }
}

Now tell composer to download the bundle by running the command:

$ php composer.phar update gerardtoko/assetlib-bundle

Composer will install the bundle to your project's vendor/gerardtoko/assetlib-bundle directory.

Register the bundle

You must register the bundle in your kernel:

    <?php

    // app/AppKernel.php    
    public function registerBundles()
    {
        $bundles = array(    
            // ...    
             new GT\AssetLibBundle\GTAssetLibBundle(),
        );    
        // ...
    }

Using with Twig

Backbone

    {% javascripts
    '@GTAssetLibBundle/Resources/public/backbone/backbone-min.js'   
    output='assets/compiled/script.js'
    filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

jQuery and JQuery UI

    {% javascripts
    '@GTAssetLibBundle/Resources/public/jquery/jquery.min.js'
    '@GTAssetLibBundle/Resources/public/jquery/jquery.ui.min.js'
    output='assets/compiled/script.js'
    filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Bootstrap Twitter

Bootstrap Twitter WebSite: http://twitter.github.com/bootstrap

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/bootstrap/css/bootstrap.min.css' 
    output='assets/compiled/style.css'
    filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/bootstrap/js/bootstrap.min.js'
    output='assets/compiled/script.js'
    filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Datatables

Datatables WebSite: http://www.datatables.net

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/datatables/media/css/demo_page.css'
    '@GTAssetLibBundle/Resources/public/datatables/media/css/demo_table.css'
    '@GTAssetLibBundle/Resources/public/datatables/media/css/demo_table_jui.css'
    '@GTAssetLibBundle/Resources/public/datatables/media/css/jquery.dataTables.css'
    '@GTAssetLibBundle/Resources/public/datatables/media/css/jquery.dataTables_themeroller.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/datatables/media/js/jquery.dataTables.min.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Chosen

Chosen WebSite: http://harvesthq.github.com/chosen

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/chosen/chosen/chosen.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/chosen/chosen/chosen.jquery.min.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Datepicker for Bootstrap Twitter

Datepicker for Bootstrap Twitter WebSite: http://www.eyecon.ro/bootstrap-datepicker

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/datepicker/css/datepicker.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/datepicker/js/bootstrap-datepicker.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Ckeditor

Bootstrap Twitter Datepicker WebSite: http://ckeditor.com

    {% javascripts
    '@GTAssetLibBundle/Resources/public/ckeditor/ckeditor.js'
    '@GTAssetLibBundle/Resources/public/ckeditor/adapters/jquery.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

JQuery Cookie

Dynatree Website: https://github.com/carhartl/jquery-cookie

    {% javascripts
    '@GTAssetLibBundle/Resources/public/jquery-cookie/jquery.cookie.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Dynatree

Dynatree WebSite: http://code.google.com/p/dynatree

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/dynatree/src/skin/ui.dynatree.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/dynatree/src/jquery.dynatree.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

Import Player

ImportPlayer: https://github.com/gerardtoko/importplayer

    {% stylesheets
    '@GTAssetLibBundle/Resources/public/dynatree/src/skin/ui.dynatree.css'
     output='assets/compiled/style.css'
     filter='yui_css'
    %}
    <link rel="stylesheet" href="{{ asset_url }}" />
    {% endstylesheets %}

    {% javascripts
    '@GTAssetLibBundle/Resources/public/dynatree/src/jquery.dynatree.js'
     output='assets/compiled/script.js'
     filter='yui_js'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}

All Libraries

  • Backbone
  • jQuery
  • jQuery UI
  • Bootstrap Twitter
  • Datepicker for Bootstrap Twitter
  • Datatables
  • Chosen
  • Ckeditor
  • JQuery Cookie
  • Dynatree
  • Import Player
  • JQuery-tokeninput
  • Loader
  • Swfobject
  • Uploadify
  • Tinymce
  • Tapmodo-Jcrop