Giter Site home page Giter Site logo

alister / govukftbundle Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 165 KB

Easily installable third-party Symfony 2 bundle for making use of the gov.uk frontend toolkit: https://github.com/alphagov/govuk_frontend_toolkit.

PHP 17.86% CSS 34.71% JavaScript 47.43%

govukftbundle's Introduction

WORK IN PROGRESS!

UKHomeOffice/Bundle/GovUKFTBundle

Make use of the Gov UK frontend toolkit with your Symfony 2 project. See github.com/alphagov/govuk_frontend_toolkit.

Setup...

In composer.json

{
    "repositories": [       
        {
            "type": "vcs",
            "url": "https://github.com/mikejw/GovUKFTBundle.git"
        },                    
        {
            "type": "composer",
            "url": "https://govuk-frontend-toolkit.appspot.com"
        }
    ],
    "require": {
        "alphagov/govuk_frontend_toolkit": "dev-master",
        "ukhomeoffice/govukftbundle": "dev-master"
    }
}

Add extra options to config block in composer.json

"config": {        
    "component-dir": "web/components",
    "component-baseurl": "/components"
}

Run composer update

composer update

In app/AppKernel.php add the bundle

$bundles = array(

    # ...
    new UKHomeOffice\Bundle\GovUKFTBundle\GovUKFTBundle()
);

Add route resource to app/config/routing.yml for testing (optional)

gov_ukft:
    resource: "@GovUKFTBundle/Resources/config/routing.yml"
    prefix:   /govukft

Add the bundle extension config to app/config/config.yml (optional)

gov_ukft:
    enabled: true
    title: Foo
    theme: global

Add bundle to assetic bundle list in app/config/config.yml

# Assetic Configuration
assetic:
    bundles:        [ GovUKFTBundle ]

Install sass ruby gem and add sass config to app/config/config.yml

assetic:
    filters:
        sass:
            bin: /usr/local/bin/sass

Create symlink to assets

php app/console assets:install web --symlink

Test the theme at http://.../app_dev.php/govukft/testing

govukftbundle's People

Contributors

mikejw avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.