misd / project-light-bundle
Adds the University of Cambridge's house style to your Symfony2 application.
Installs: 100
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 9
Forks: 0
Open Issues: 0
Language:JavaScript
Type:symfony-bundle
Requires
- php: >=5.3.3
- symfony/framework-bundle: ~2.2
Requires (Dev)
This package is auto-updated.
Last update: 2024-10-10 23:42:02 UTC
README
Adds the University of Cambridge's house style to your Symfony2 application.
Authors
- Chris Wilkinson chris.wilkinson@admin.cam.ac.uk
Installation
-
Add the ProjectLightBundle to your dependencies:
// composer.json { // ... "require": { // ... "misd/project-light-bundle": "~1.0@dev" } }
-
Use Composer to download and install the ProjectLightBundle:
$ php composer.phar update misd/project-light-bundle
-
Register the bundle in your application:
// app/AppKernel.php public function registerBundles() { $bundles = array( // ... new Misd\ProjectLightBundle\ProjectLightBundle() ); }
Project Light assets
The bundle contains all of the Project Light assets (stylesheet, JavaScript and images).
Base template
Either extend the base template:
{% extends 'ProjectLightBundle::base.html.twig' %}
Or one of the themes:
{% extends 'ProjectLightBundle::theme_blue.html.twig' %}
{% extends 'ProjectLightBundle::theme_green.html.twig' %}
{% extends 'ProjectLightBundle::theme_grey.html.twig' %}
{% extends 'ProjectLightBundle::theme_orange.html.twig' %}
{% extends 'ProjectLightBundle::theme_purple.html.twig' %}
{% extends 'ProjectLightBundle::theme_red.html.twig' %}
{% extends 'ProjectLightBundle::theme_turquoise.html.twig' %}
title
The HTML <title>
can be set in the title
block. This is blank by default.
Example:
{% block title %}My title{% endblock %}
stylesheets
Local stylesheets can be included in the stylesheets
block.
Example:
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('path/to/my/stylesheet.css') }}">
{% endblock %}
theme
If not extending one of the specific theme templates, you can set it in the theme
block.
Example:
{% block theme %}campl-theme-3{% endblock %}
content
This contains all content (including the local header).
footer
A local footer can be included in the footer
block.
javascripts
Local JavaScript files can be included in the javascripts
block. This appear at the end of the page (ie before the </body>
).
Example:
{% block javascripts %}
<script src="{{ asset('path/to/my/javascript.css' }}"></script>
{% endblock %}
partnerships
Partnership branding can be included in the partnerships
block.
Example:
{% block partnerships %}
<div class="campl-row campl-content">
<div class="campl-wrap clearfix">
<div class="campl-column12 campl-partnership-branding">
<div class="campl-content-container campl-side-padding">
<div class="campl-content-container campl-logo-container campl-bottom-padding">
<p class="campl-branding-title">Supported by</p>
<ul class="campl-unstyled-list campl-logo-list campl-horizontal-navigation clearfix">
<li><img src="{{ asset('path/to/the/logo.png') }}" alt="Some Company"/></li>
</ul>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
Notifications
The bundle comes with a template for notifications, which you can use like:
{% for level, messages in app.session.flashbag.all() %}
{% for message in messages %}
{% include 'ProjectLightBundle:Component:notification.html.twig' with {level: level, text: message} %}
{% endfor %}
{% endfor %}
Expected levels are success
, warning
, alert
and information
(default).
KnpMenu render
The bundle comes with a custom menu renderer which replaces the default. If you want to use your own renderer, you can configure the KnpMenuBundle as normal.
Pagerfanta view
The bundle comes with a custom view which replaces the default. If you want to use your own view, you can configure the WhiteOctoberPagerfantaBundle as normal.