Template Helpers

1. init_context() - Init the Template Context using TEMPLATE_CONFIG.

The init_context function is used to set up the initial context for a web application. It ensures that the application starts with predefined default settings, making it easier to maintain and customize.

Copy

 - The following configuration settings are assigned to their respective keys in the context dictionary:

"layout": Controls the layout of the application.
"theme": Specifies the visual theme or appearance of the application.
"style": Defines the overall style of the application.
"rtl_support": Indicates whether right-to-left (RTL) language support is enabled.
"rtl_mode": Specifies the RTL mode if enabled.
"has_customizer": Determines if the application has a customizer feature.
"display_customizer": Controls the visibility of the customizer.
"content_layout": Defines the layout of the content within the application.
"navbar_type": Specifies the type or style of the navigation bar.
"header_type": Specifies the type or style of the header.
"menu_fixed": Determines whether the menu is fixed in place.
"menu_collapsed": Specifies if the menu is initially collapsed.
"footer_fixed": Controls whether the footer is fixed in place.
"show_dropdown_onhover": Controls the behavior of dropdown menus (e.g., whether they appear on hover).
                  

2. map_context() - Map context variables to template class, value, or variable names..

The map_context function is designed to facilitate the mapping of configuration variables to specific class names, values, or variables that are used in the frontend of a web application. This mapping is essential for controlling the visual appearance and behavior of the application based on various configuration settings.

3. get_theme_variables() - Get theme variables by scope.

The get_theme_variables function is responsible for retrieving theme-related variables or settings based on a specified scope.

4. get_theme_config() - Get theme config by scope.

The get_theme_config function provides an easy way to access and apply theme-related configuration settings based on a specified scope.

5. set_layout(view, context={})() - Set the current page layout and init the layout bootstrap file.

The set_layout function is responsible for configuring the layout of a web view or page within a web application. It determines which layout template should be used based on the view's filename and initializes the appropriate layout configuration.

Copy

class HorizontalView(TemplateView):
# Predefined function
    def get_context_data(self, **kwargs):
# A function to init the global layout. It is defined in web_project/__init__.py file
    context = TemplateLayout.init(self, super().get_context_data(**kwargs))

# Update the context
    context.update(
      {
        "layout": "horizontal",
        "layout_path": TemplateHelper.set_layout("layout_horizontal.html", context),
      }
    )

    TemplateHelper.map_context(context)

    return context

Template Tags

1. get_theme_variables(scope) this tag calls the get_theme_variables() helper to get the scope.
Copy

{% get_theme_variables "THEME_VARIABLES" %}

2. get_theme_config(scope) this tag calls the get_theme_config() helper to get the scope.
Copy

{% get_theme_config "TEMPLATE_CONFIG" %}

3. filter_by_url(submenu, url)

The filter_by_url filter is a useful tool for dynamically highlighting or marking active menu items in a navigation menu based on the current URL in a Django web application.

4. current_url(request)

The current_url function is utilized within the href attribute to retain the current page when switching between languages. This ensures a seamless transition without redirecting to a different page upon language change.

<!-- Language -->
<li class="nav-item dropdown-language dropdown me-2 me-xl-0">
    <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
    <i class='bx bx-globe bx-sm me-1'></i>
    </a>
    <ul class="dropdown-menu dropdown-menu-end">
        ...
        <li>
          <a class="dropdown-item {% if LANGUAGE_CODE == 'de' %}active{% endif %}" href="{% current_url request %}" data-language="de" data-text-direction="ltr">
            <span class="align-middle">{% trans "German"%}</span>
          </a>
        </li>
        ...
    </ul>
</li>
<!--/ Language -->