2017 © Pedro Peláez
 

symfony-bundle bootstrap-dashboard-bundle

Dashboard from Bootstrap Examples

image

uspdev/bootstrap-dashboard-bundle

Dashboard from Bootstrap Examples

  • Friday, June 1, 2018
  • by thiagogomesverissimo
  • Repository
  • 9 Watchers
  • 0 Stars
  • 40 Installations
  • HTML
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 2 Open issues
  • 1 Versions
  • 0 % Grown

The README.md

This bundle is a basic implementation of https://getbootstrap.com/docs/4.1/examples/dashboard/ to symfony., (*1)

To install the bundle:, (*2)

composer require uspdev/bootstrap-dashboard-bundle

Assets:, (*3)

php bin/console assets:install --symlink

Extends in your template:, (*4)

{% extends '@UspdevBootstrapDashboard/base.html.twig' %}

Blocks available to override:, (*5)

  • title
  • system_name
  • search
  • user
  • sidebar
  • body
  • javascripts (it is a good idea to use: {{ parent() }})
  • stylesheets (it is a good idea to use: {{ parent() }})

An example that can be inserted in your base.html.twig:, (*6)

{% extends '@UspdevBootstrapDashboard/base.html.twig' %}

{% block title %} Sistema{% endblock %}
{% block system_name %} Sistema {% endblock %}

{% block user %}
    {% if is_granted('ROLE_USER') %}
        <a class="btn btn-danger" href=" {{ path('logout') }}">logout</a>
    {% else %}
        <a class="btn btn-success" href=" {{ path('login') }}">login</a>
    {% endif %}
{% endblock %}

{% block sidebar %} 
<ul class="nav flex-column">
    <li class="nav-item">
        <a class="nav-link active" href="/users">
            <span data-feather="home"></span>
            Manage users 
            <span class="sr-only">(current)</span>
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="/reports">
            <span data-feather="file"></span>
            Reports
        </a>
    </li>
</ul>
{% endblock %}

{% block body %}
    {% for msg in app.session.flashBag.get('success') %}
        <div class="alert alert-success">
            {{ msg }}
        </div>   
    {% endfor %}

    {% for msg in app.session.flashBag.get('danger') %}
        <div class="alert alert-danger">
            {{ msg }}
        </div>   
    {% endfor %}

{% endblock %}

The Versions