rigel-5.0.3/templates/system/page.html.twig

{#
/**
 * @file
 * Default theme implementation to display a single page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.html.twig template in this directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - base_path: The base URL path of the Drupal installation. Will usually be
 *   "/" unless you have installed Drupal in a sub-directory.
 * - is_front: A flag indicating if the current page is the front page.
 * - logged_in: A flag indicating if the user is registered and signed in.
 * - is_admin: A flag indicating if the user has permission to access
 *   administration pages.
 *
 * Site identity:
 * - front_page: The URL of the front page. Use this instead of base_path when
 *   linking to the front page. This includes the language domain or prefix.
 *
 * Page content (in order of occurrence in the default page.html.twig):
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title: The page title, for use in the actual content.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - messages: Status and error messages. Should be displayed prominently.
 * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
 *   view and edit tabs when displaying a node).
 * - node: Fully loaded node, if there is an automatically-loaded node
 *   associated with the page and the node ID is the second argument in the
 *   page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - page.header: Items for the header region.
 * - page.navigation: Items for the navigation region.
 * - page.navigation_collapsible: Items for the navigation (collapsible) region.
 * - page.highlighted: Items for the highlighted content region.
 * - page.help: Dynamic help text, mostly for admin pages.
 * - page.content: The main content of the current page.
 * - page.sidebar_first: Items for the first sidebar.
 * - page.sidebar_second: Items for the second sidebar.
 * - page.footer: Items for the footer region.
 *
 * @ingroup templates
 *
 * @see template_preprocess_page()
 * @see html.html.twig
 */
#}
{% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %}
<div class="wrapper">
  <div class="container-fluid">
    <div class="row equal-height">
      <div class="col-lg-3 col-xl-3 col-xxl-2 left-section" id="sidebar">
          {# Navbar #}
          {% if page.navigation or page.navigation_collapsible %}
            {% block navbar %}
              {%
                set navbar_classes = [
                  'navbar',
                  theme.settings.navbar_inverse ? 'navbar-inverse' : 'navbar-default',
                  theme.settings.navbar_position ? 'navbar-' ~ theme.settings.navbar_position|clean_class : container,
                ]
              %}
              <header{{ navbar_attributes.addClass(navbar_classes) }} id="navbar" role="banner" class="navbar-default">
                <nav class="navbar navbar-expand-lg navbar-light d-block">
                  <div class="navbar-header">
                    {# .btn-navbar is used as the toggle for collapsed navbar content #}
                    {% if page.navigation_collapsible %}
                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
                      <svg  focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1" title="Menu" fill="#fff"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
                    </button>
                    {% endif %}
                    {{ page.navigation }}

                  </div>

                  {# Navigation (collapsible) #}
                  {% if page.navigation_collapsible %}
                    <div id="navbar-collapse" class="navbar-collapse collapse">
                      {{ page.navigation }}
                      {{ page.navigation_collapsible }}
                    </div>
                  {% endif %}
                </nav>
              </header>
            {% endblock %}
          {% endif %}
      </div>
      <div class="col-lg-9 col-xl-9 col-xxl-10 right-section">
          <div class="right-sec-wrapper">
            {# Main #}
            {% block main %}
              <div role="main" class="main-container js-quickedit-main-content">

                  {# Header #}
                  {% if page.header %}
                    {% block header %}
                      <div class="col-sm-12" role="heading">
                        {{ page.header }}
                      </div>
                    {% endblock %}
                  {% endif %}

                  {# Sidebar First #}
                  {% if page.sidebar_first %}
                    {% block sidebar_first %}
                      <aside class="col-sm-3" role="complementary">
                        {{ page.sidebar_first }}
                      </aside>
                    {% endblock %}
                  {% endif %}

                  {# Content #}
                  {%
                    set content_classes = [
                      page.sidebar_first and page.sidebar_second ? 'col-sm-6',
                      page.sidebar_first and page.sidebar_second is empty ? 'col-sm-9',
                      page.sidebar_second and page.sidebar_first is empty ? 'col-sm-9',
                      page.sidebar_first is empty and page.sidebar_second is empty ? 'col-sm-12'
                    ]
                  %}
                  <section{{ content_attributes.addClass(content_classes) }}>

                    {# Highlighted #}
                    {% if page.highlighted %}
                      {% block highlighted %}
                        <div class="highlighted">{{ page.highlighted }}</div>
                      {% endblock %}
                    {% endif %}

                    {# Help #}
                    {% if page.help %}
                      {% block help %}
                        {{ page.help }}
                      {% endblock %}
                    {% endif %}

                    {# Content #}
                    {% block content %}
                      <a id="main-content"></a>
                      {{ page.content }}
                    {% endblock %}
                  </section>

                  {# Sidebar Second #}
                  {% if page.sidebar_second %}
                    {% block sidebar_second %}
                      <aside class="col-sm-3" role="complementary">
                        {{ page.sidebar_second }}
                      </aside>
                    {% endblock %}
                  {% endif %}

              </div>
            {% endblock %}

            {% if page.footer %}
              {% block footer %}
                <footer class="footer" role="contentinfo">
                  <div class="container">
                    {{ page.footer }}
                  </div>
                </footer>
              {% endblock %}
            {% endif %}
         </div>
      </div>
    </div>
  </div>
</div>