You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
387 lines
21 KiB
387 lines
21 KiB
{% block header %}
|
|
<header class="header">
|
|
{% block logo %}
|
|
<a href="index.html" class="logo">
|
|
<!-- Add the class icon to your logo image or logo icon to add the margining -->
|
|
AdminLTE
|
|
</a>
|
|
{% endblock %}
|
|
|
|
{% block nav %}
|
|
<nav class="navbar navbar-static-top" role="navigation">
|
|
<!-- Sidebar toggle button-->
|
|
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</a>
|
|
|
|
<div class="navbar-left">
|
|
{{ sonata_block_render_event('breadcrumb', { 'context': 'default', 'current_uri': app.request.requestUri }) }}
|
|
</div>
|
|
|
|
<div class="navbar-right">
|
|
<ul class="nav navbar-nav">
|
|
<!-- Messages: style can be found in dropdown.less-->
|
|
<li class="dropdown messages-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fa fa-envelope"></i>
|
|
<span class="label label-success">4</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="header">You have 4 messages</li>
|
|
<li>
|
|
<!-- inner menu: contains the actual data -->
|
|
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;"><ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
|
|
<li><!-- start message -->
|
|
<a href="#">
|
|
<div class="pull-left">
|
|
<img src="img/avatar3.png" class="img-circle" alt="User Image">
|
|
</div>
|
|
<h4>
|
|
Support Team
|
|
<small><i class="fa fa-clock-o"></i> 5 mins</small>
|
|
</h4>
|
|
<p>Why not buy a new awesome theme?</p>
|
|
</a>
|
|
</li><!-- end message -->
|
|
<li>
|
|
<a href="#">
|
|
<div class="pull-left">
|
|
<img src="img/avatar2.png" class="img-circle" alt="user image">
|
|
</div>
|
|
<h4>
|
|
AdminLTE Design Team
|
|
<small><i class="fa fa-clock-o"></i> 2 hours</small>
|
|
</h4>
|
|
<p>Why not buy a new awesome theme?</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="pull-left">
|
|
<img src="img/avatar.png" class="img-circle" alt="user image">
|
|
</div>
|
|
<h4>
|
|
Developers
|
|
<small><i class="fa fa-clock-o"></i> Today</small>
|
|
</h4>
|
|
<p>Why not buy a new awesome theme?</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="pull-left">
|
|
<img src="img/avatar2.png" class="img-circle" alt="user image">
|
|
</div>
|
|
<h4>
|
|
Sales Department
|
|
<small><i class="fa fa-clock-o"></i> Yesterday</small>
|
|
</h4>
|
|
<p>Why not buy a new awesome theme?</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="pull-left">
|
|
<img src="img/avatar.png" class="img-circle" alt="user image">
|
|
</div>
|
|
<h4>
|
|
Reviewers
|
|
<small><i class="fa fa-clock-o"></i> 2 days</small>
|
|
</h4>
|
|
<p>Why not buy a new awesome theme?</p>
|
|
</a>
|
|
</li>
|
|
</ul><div class="slimScrollBar" style="width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 99; right: 1px; background: rgb(0, 0, 0);"></div><div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div></div>
|
|
</li>
|
|
<li class="footer"><a href="#">See All Messages</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- Notifications: style can be found in dropdown.less -->
|
|
<li class="dropdown notifications-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fa fa-warning"></i>
|
|
<span class="label label-warning">10</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="header">You have 10 notifications</li>
|
|
<li>
|
|
<!-- inner menu: contains the actual data -->
|
|
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;"><ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
|
|
<li>
|
|
<a href="#">
|
|
<i class="ion ion-ios7-people info"></i> 5 new members joined today
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="fa fa-users warning"></i> 5 new members joined
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<i class="ion ion-ios7-cart success"></i> 25 sales made
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<i class="ion ion-ios7-person danger"></i> You changed your username
|
|
</a>
|
|
</li>
|
|
</ul><div class="slimScrollBar" style="width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 99; right: 1px; background: rgb(0, 0, 0);"></div><div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div></div>
|
|
</li>
|
|
<li class="footer"><a href="#">View all</a></li>
|
|
</ul>
|
|
</li>
|
|
<!-- Tasks: style can be found in dropdown.less -->
|
|
<li class="dropdown tasks-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="fa fa-tasks"></i>
|
|
<span class="label label-danger">9</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li class="header">You have 9 tasks</li>
|
|
<li>
|
|
<!-- inner menu: contains the actual data -->
|
|
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;"><ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
|
|
<li><!-- Task item -->
|
|
<a href="#">
|
|
<h3>
|
|
Design some buttons
|
|
<small class="pull-right">20%</small>
|
|
</h3>
|
|
<div class="progress xs">
|
|
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="sr-only">20% Complete</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li><!-- end task item -->
|
|
<li><!-- Task item -->
|
|
<a href="#">
|
|
<h3>
|
|
Create a nice theme
|
|
<small class="pull-right">40%</small>
|
|
</h3>
|
|
<div class="progress xs">
|
|
<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="sr-only">40% Complete</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li><!-- end task item -->
|
|
<li><!-- Task item -->
|
|
<a href="#">
|
|
<h3>
|
|
Some task I need to do
|
|
<small class="pull-right">60%</small>
|
|
</h3>
|
|
<div class="progress xs">
|
|
<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="sr-only">60% Complete</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li><!-- end task item -->
|
|
<li><!-- Task item -->
|
|
<a href="#">
|
|
<h3>
|
|
Make beautiful transitions
|
|
<small class="pull-right">80%</small>
|
|
</h3>
|
|
<div class="progress xs">
|
|
<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
|
|
<span class="sr-only">80% Complete</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</li><!-- end task item -->
|
|
</ul><div class="slimScrollBar" style="width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; z-index: 99; right: 1px; background: rgb(0, 0, 0);"></div><div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div></div>
|
|
</li>
|
|
<li class="footer">
|
|
<a href="#">View all tasks</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!-- User Account: style can be found in dropdown.less -->
|
|
<li class="dropdown user user-menu">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
|
<i class="glyphicon glyphicon-user"></i>
|
|
<span>Jane Doe <i class="caret"></i></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<!-- User image -->
|
|
<li class="user-header bg-light-blue">
|
|
<img src="img/avatar3.png" class="img-circle" alt="User Image">
|
|
<p>
|
|
Jane Doe - Web Developer
|
|
<small>Member since Nov. 2012</small>
|
|
</p>
|
|
</li>
|
|
<!-- Menu Body -->
|
|
<li class="user-body">
|
|
<div class="col-xs-4 text-center">
|
|
<a href="#">Followers</a>
|
|
</div>
|
|
<div class="col-xs-4 text-center">
|
|
<a href="#">Sales</a>
|
|
</div>
|
|
<div class="col-xs-4 text-center">
|
|
<a href="#">Friends</a>
|
|
</div>
|
|
</li>
|
|
<!-- Menu Footer-->
|
|
<li class="user-footer">
|
|
<div class="pull-left">
|
|
<a href="#" class="btn btn-default btn-flat">Profile</a>
|
|
</div>
|
|
<div class="pull-right">
|
|
<a href="#" class="btn btn-default btn-flat">Sign out</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
{% endblock %}
|
|
</header>
|
|
{% endblock %}
|
|
{% block sonata_wrapper %}
|
|
<div class="wrapper row-offcanvas row-offcanvas-left">
|
|
{% block sonata_left_side %}
|
|
<aside class="left-side sidebar-offcanvas">
|
|
<section class="sidebar">
|
|
|
|
{{ sonata_block_render({'type': 'chamilo.corebundle.block.main_menu', 'settings': {
|
|
'current_uri': app.request.requestUri,
|
|
'ttl': 60
|
|
}}) }}
|
|
|
|
{% block sonata_side_nav %}
|
|
{% block sonata_sidebar_search %}
|
|
{% if app.security.token and is_granted('ROLE_SONATA_ADMIN') %}
|
|
<form action="{{ url('sonata_admin_search') }}" method="GET" class="sidebar-form" role="search">
|
|
<div class="input-group custom-search-form">
|
|
<input type="text" name="q" value="{{ app.request.get('q') }}" class="form-control" placeholder="{{ 'search_placeholder'|trans({}, 'SonataAdminBundle') }}">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-flat" type="submit">
|
|
<i class="fa fa-search"></i>
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
{% endif %}
|
|
{% endblock sonata_sidebar_search %}
|
|
|
|
{% block side_bar_before_nav %} {% endblock %}
|
|
{% block side_bar_nav %}
|
|
{% if app.security.token and is_granted('ROLE_SONATA_ADMIN') %}
|
|
|
|
{% endif %}
|
|
{% endblock side_bar_nav %}
|
|
{% endblock sonata_side_nav %}
|
|
</section>
|
|
</aside>
|
|
{% endblock sonata_left_side %}
|
|
|
|
<aside class="right-side">
|
|
{% block sonata_page_content %}
|
|
<section class="content-header">
|
|
{% block sonata_page_content_header %}
|
|
{% block sonata_page_content_nav %}
|
|
{% if _tab_menu is not empty or _actions is not empty %}
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
{% if _navbar_title is not empty %}
|
|
<div class="navbar-header">
|
|
<span class="navbar-brand">{{ _navbar_title|raw }}</span>
|
|
</div>
|
|
{% endif %}
|
|
<div class="container-fluid">
|
|
<div class="navbar-left">
|
|
{% if _tab_menu is not empty %}
|
|
{{ _tab_menu|raw }}
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if _actions is not empty %}
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="dropdown sonata-actions">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Actions <b class="caret"></b></a>
|
|
<ul class="dropdown-menu" role="menu">
|
|
{{ _actions|raw }}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
</nav>
|
|
{% endif %}
|
|
{% endblock sonata_page_content_nav %}
|
|
|
|
{% endblock sonata_page_content_header %}
|
|
</section>
|
|
|
|
<section class="content">
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-4">
|
|
{% block sidebar %}
|
|
|
|
{#{{ sonata_block_render({ 'type': 'sonata.block.service.menu' }, {#}
|
|
{#'menu_name': 'ChamiloCoreBundle:MainMenuBuilder:profileMenu',#}
|
|
{#}) }}#}
|
|
|
|
{% include "@template_style/layout/sidebar.tpl" %}
|
|
|
|
{# course navigation links/shortcuts need to be activated by the admin #}
|
|
{% include "@template_style/layout/course_navigation.tpl" %}
|
|
{% endblock %}
|
|
</div>
|
|
<div class="col-md-9 col-sm-8">
|
|
{% block main_content %}
|
|
{% if plugin_content_top %}
|
|
<div id="plugin_content_top" class="col-lg-10 col-sm-11">
|
|
{{ plugin_content_top}}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% include "@template_style/layout/page_body.tpl" %}
|
|
{% block content %}
|
|
{% autoescape false %}
|
|
{% if content is not null %}
|
|
{{ content }}
|
|
{% endif %}
|
|
{% endautoescape %}
|
|
{% endblock %}
|
|
|
|
{# Plugin bottom #}
|
|
{% if plugin_content_bottom %}
|
|
<div id="plugin_content_bottom" class="col-md-12">
|
|
{{ plugin_content_bottom }}
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
|
|
{# Footer #}
|
|
{% include "@template_style/layout/footer.tpl" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
{% endblock sonata_page_content %}
|
|
</aside>
|
|
|
|
</div>
|
|
{% endblock sonata_wrapper %}
|
|
|
|
|