chamilo-lms2/main/template/rainbow/layout/layout_2_col.tpl

{% extends 'layout/page.tpl'|get_template %}
{% import 'default/macro/macro.tpl' as display %}

{% block body %}
    {% if plugin_main_top %}
        {{ display.pluginPanel('main-top', plugin_main_top) }}
    {% endif %}
    <div class="row">
        <div class="col-md-9 col-md-push-3">
            <div class="page-content">
                {% if plugin_content_top %}
                    <div class="page-content-top">
                        {{ plugin_content_top }}
                    </div>
                {% endif %}

                {#{{ sniff_notification }}#}

                {% if home_welcome %}
                    <article id="home-welcome">
                        {{ home_welcome }}
                    </article>
                {% endif %}

                {% if home_include %}
                <article id="home-include">
                    {{ home_include }}
                </article>
                {% endif %}

                {% block page_body %}
                    {% include 'layout/page_body.tpl'|get_template %}
                {% endblock %}

                {% if welcome_to_course_block %}
                    <article id="homepage-course">
                        {{ welcome_to_course_block }}
                    </article>
                {% endif %}

                {% block content %}
                    {% if content is not null %}
                        <section id="page" class="{{ course_history_page }}">
                            {{ content }}
                        </section>
                    {% endif %}
                {% endblock %}



                {% if course_category_block %}
                    <article id="homepage-course-category">
                        {{ course_category_block }}
                    </article>
                {% endif %}

                {% if plugin_content_bottom %}
                    <div id="plugin_content_bottom">
                        {{ plugin_content_bottom }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="col-md-3 col-md-pull-9">
            <div class="sidebar">
                {% if plugin_menu_top %}
                    {{ display.pluginSidebar('sidebar-top', plugin_menu_top) }}
                {% endif %}

                {% include 'layout/login_form.tpl'|get_template %}

                {% if _u.logged  == 1 %}
                    {{ user_image_block }}
                {% endif %}

                <!-- BLOCK PROFILE -->
                {% if profile_block %}
                    {{ display.collapseMenu('profile', 'Profile'|get_lang, profile_block) }}
                {% endif %}
                {% if section_name != 'section-mycampus' %}

                {% if diagnosis_block %}
                    {{ diagnosis_block }}
                {% endif %}

                <!-- BLOCK COURSE -->
                {% if course_block %}
                    {{ display.collapseMenu('courses', 'Courses'|get_lang, course_block) }}
                {% endif %}

                <!-- BLOCK SKILLS -->
                {% if skills_block %}
                    {{ display.collapseMenu('skills', 'Skills'|get_lang, skills_block) }}
                {% endif %}

                {% if grade_book_sidebar %}
                    <div class="panel-group" id="skill" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default" id="gradebook_block">
                        <div class="panel-heading" role="tab">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse"
                                   data-parent="#skill"
                                   href="#skillCollapse"
                                   aria-expanded="true"
                                   aria-controls="skillCollapse">
                                    {{ 'Gradebook' | get_lang }}
                                </a>
                            </h4>
                        </div>
                        <div style="" aria-expanded="true" id="skillCollapse" class="panel-collapse collapse in" role="tabpanel">
                            <div class="panel-body">
                                <ul class="list-group">
                                    <li class="list-group-item {{ item.class }}">
                                        {{ 'Progress' | get_lang  }} : {{ grade_book_progress }} %
                                        <br />
                                        {% for badge in grade_book_badge_list %}
                                            <div class="badge_sidebar">
                                            {% for skill in badge.skills %}
                                                {% if badge.finished %}
                                                    <img class="badge_sidebar_image " src ="{{ skill.icon_big }}" />
                                                {% else %}
                                                    <img class="badge_sidebar_image badge_sidebar_image_transparency"
                                                         src = "{{ skill.icon_big }}" />
                                                {% endif %}
                                                <div class="badge_sidebar_title">
                                                {{ skill.name }}
                                                </div>
                                            {% endfor %}
                                            </div>
                                        {% endfor %}
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                {% endif %}
                {{ certificates_search_block }}
                <!-- BLOCK NOTICE -->
                {% if notice_block %}
                    {{ display.collapse('notice', 'Notice'|get_lang, notice_block) }}
                {% endif %}
                <!-- BLOCK HELP -->
                {% if help_block %}
                    {{ display.collapse('help', 'MenuGeneral'|get_lang, help_block, true) }}
                {% endif %}
                <!-- BLOCK LINKS NAVIGATION -->
                {% if navigation_links %}
                    {{ display.collapseFor('navigation_sidebar', 'MainNavigation'|get_lang, navigation_links) }}
                {% endif %}
                {{ search_block }}
                {{ classes_block }}
                {% endif %}

                {% if plugin_menu_bottom %}
                    {{ display.pluginSidebar('sidebar-bottom', plugin_menu_bottom) }}
                {% endif %}
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                {% if home_page_block %}
                    <section id="homepage-home">
                        {{ home_page_block }}
                    </section>
                {% endif %}

                {% if section_name == 'section-mycampus' %}

                <div id="latest_blocks"></div>
                {% if announcements_block %}
                    <article id="homepage-announcements">
                        {{ announcements_block }}
                    </article>
                {% endif %}

                <!-- HOT COURSE -->
                {% include 'layout/hot_courses.tpl'|get_template %}

                <!-- END HOT COURSE -->

                <!-- MESSAGE -->
                    <section id="demo-home">
                        <h3>{{ 'Curieuse/curieux ? Essaye la démo' | get_lang  }}  </h3>
                        <div class="demostration">
                            <a href="{{ _p.web }}web/page-de-dmo-francais" class="btn btn-primary btn-demo">
                                {{ 'demo' | get_lang }}
                            </a>
                        </div>
                    </section>
                <!-- CMS -->

                {#{% include template ~ "/layout/cms.tpl" %}#}
                <script>
                $(document).ready(function() {
                    $.ajax({
                        url: "{{ _p.web_url }}{{ document_language }}-{{ document_language }}/cms/page/latest/3?_locale={{ document_language }}",
                        success: function (data) {
                            $('#latest_pages').html(data);
                        }
                    });
                });

                $(document).ready(function() {
                    $.ajax({
                        url: "{{ _p.web_url }}{{ document_language }}-{{ document_language }}/cms/page/blocks/4?_locale={{ document_language }}",
                        success: function (data) {
                            $('#latest_blocks').html(data);
                        }
                    });
                });
                </script>
                <div id="latest_pages"></div>
                <!-- END CSS -->
                {% endif %}
            </div>
        </div>
    </div>

    {% if plugin_main_bottom %}
        {{ display.pluginPanel('main-bottom', plugin_main_bottom) }}
    {% endif %}
{% endblock %}