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 -->

                    <div id="download-app" class="download-app">
                        <ul class="links">
                            <li>
                                <a href="https://play.google.com/store/apps/details?id=org.ofaj.parkur" target="_blank">
                                    <img width="150px" src="{{ _p.web_css_theme }}images/googleplaystore.svg">
                                </a>
                            </li>
                            <li>
                                <a href="https://www.apple.com/fr/ios/app-store/" target="_blank">
                                    <img width="150px" src="{{ _p.web_css_theme }}images/applestore.svg">
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div id="latest_courses"></div>

                    <!-- MESSAGE -->
                    <section id="demo-home">
                        <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
                        <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>
                    $(function () {
                        $.ajax({
                            url: "{{ _p.web_url }}{{ document_language }}-{{ document_language }}/cms/page/latest/3?_locale={{ document_language }}",
                            success: function (data) {
                                $('#latest_pages').html(data);
                            }
                        });

                        $.ajax({
                            url: "{{ _p.web_url }}{{ document_language }}-{{ document_language }}/cms/page/blocks/4?_locale={{ document_language }}",
                            success: function (data) {
                                $('#latest_blocks').html(data);
                            }
                        });

                        $.ajax({
                            url: "{{ _p.web_url }}{{ document_language }}-{{ document_language }}/cms/page/courses/3?_locale={{ document_language }}",
                            success: function (data) {
                                $('#latest_courses').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 %}