-
-
Notifications
You must be signed in to change notification settings - Fork 17
/
layout-vertical.html.twig
168 lines (155 loc) · 7.71 KB
/
layout-vertical.html.twig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
{#
Use this as your new starter template page, use it to start your new project,
by adding this code to your own base template:
{% extends '@Tabler/layout-vertical.html.twig' %}
Enjoy your theme!
#}
<!doctype html{% block html_start %}{% endblock %}>
<html lang="{{ app.request.locale }}"{% if tabler_bundle.isRightToLeft() %} dir="rtl"{% endif %}>
<head>
{% block head %}
{% include '@Tabler/includes/html_head.html.twig' %}
{% endblock %}
<title>{% block title %}{{ block('page_title') }}{% endblock %}</title>
{% block stylesheets %}
{% if tabler_bundle.isRightToLeft() %}
<link rel="stylesheet" href="{{ asset('bundles/tabler/tabler-rtl.css') }}?{{ tabler_asset_version() }}">
{% else %}
<link rel="stylesheet" href="{{ asset('bundles/tabler/tabler.css') }}?{{ tabler_asset_version() }}">
{% endif %}
{% endblock %}
</head>
<body{% block body_start %}{% endblock %} class="{{ 'antialiased'|tabler_body }} {% block body_class %}{% endblock %}" data-bs-theme="{{ tabler_theme() }}">
{% block after_body_start %}{% endblock %}
<div class="page">
{% set navbarStartContent = block('navbar_start') %}
{% set navbarNotificationsContent = block('navbar_notifications') %}
{% set navbarUserContent = block('navbar_user') %}
{% set navbarEndContent = block('navbar_end') %}
{# *** Layout type changes *** #}
{% block navbar %}
<aside id="{% block sidebar_id %}{% endblock %}" class="navbar navbar-vertical navbar-expand-lg" data-bs-theme="{{ tabler_bundle.isNavbarDark() or tabler_bundle.isDarkMode() ? 'dark' : 'light' }}">
<div class="{{ ''|tabler_container }}">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
{% block app_logo %}
<h1 class="{% block navbar_brand_classes %}navbar-brand {% block navbar_brand_class %}navbar-brand-autodark{% endblock %}{% endblock %}">
{% include '@Tabler/includes/logo.html.twig' %}
</h1>
{% endblock %}
<div class="navbar-nav flex-row d-lg-none">
{{ _self.navbar(navbarStartContent, navbarNotificationsContent, navbarUserContent, navbarEndContent) }}
</div>
<div id="navbar-menu" class="collapse navbar-collapse">
{% block navbar_menu_start %}{% endblock %}
{% include '@Tabler/includes/menu.html.twig' with {layout_type: 'vertical', navbar_class : 'pt-lg-3'} %}
{% block navbar_menu_end %}{% endblock %}
</div>
</div>
</aside>
{% endblock %}
{% block header %}
{% if not tabler_bundle.isCondensedNavbar() %}
<header id="{% block header_id %}{% endblock %}" class="navbar navbar-expand-md d-none d-lg-flex d-print-none">
<div class="{{ ''|tabler_container }}">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-nav flex-row order-md-last">
{{ _self.navbar(navbarStartContent, navbarNotificationsContent, navbarUserContent, navbarEndContent) }}
</div>
<div class="collapse navbar-collapse" id="navbar-menu">
{% block navbar_search %}
{% include '@Tabler/includes/navbar_search.html.twig' %}
{% endblock %}
</div>
</div>
</header>
{% endif %}
{% endblock %}
{# *************************** #}
<div id="{% block page_wrapper_id %}{% endblock %}" class="page-wrapper">
{% block page_header %}
<div class="{{ ''|tabler_container }}">
{# Page title #}
<div id="{% block page_header_id %}{% endblock %}" class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
{% block page_intro %}
{% block breadcrumb %}
<div class="page-pretitle">
{% block page_pretitle %}Overview{% endblock %}
</div>
{% endblock %}
<h2 class="page-title">
{% block page_title %}Dashboard{% endblock %}
</h2>
{% block page_subtitle %}
<div class="text-body-secondary mt-1">
1-10 of 100
</div>
{% endblock %}
{% endblock %}
</div>
<div class="{% block page_actions_class %}col-auto ms-auto d-print-none{% endblock %}">
{% block page_actions %}
<div class="btn-list">
<a href="#" class="btn btn-white">
New view
</a>
<a href="#" class="btn btn-primary d-none d-sm-inline-block">
Create new report
</a>
</div>
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
<div class="page-body">
<div class="{{ ''|tabler_container }}">
<div class="row row-cards">
{% block page_content_before %}{% endblock %}
<section id="{% block page_content_id %}{% endblock %}" class="{% block page_content_class %}content{% endblock %}">
{% block page_content_start %}{{ include('@Tabler/includes/flash_messages.html.twig') }}{% endblock %}
{% block page_content %}{% endblock %}
{% block page_content_end %}{% endblock %}
</section>
{% block page_content_after %}{% endblock %}
</div>
</div>
</div>
{% block footer %}
<footer id="{% block footer_id %}{% endblock %}" class="footer footer-transparent d-print-none">
<div class="{{ ''|tabler_container }}">
{% include '@Tabler/includes/footer.html.twig' %}
</div>
</footer>
{% endblock %}
</div>
</div>
{% block javascripts %}
<script src="{{ asset('bundles/tabler/tabler.js') }}?{{ tabler_asset_version() }}"></script>
{% endblock %}
</body>
</html>
{% macro navbar(navbar_start, navbar_notifications, navbar_user, navbar_end) %}
{% block navbar_start %}{{ (navbar_start ?? '') | raw }}{% endblock %}
{% block navbar_notifications %}
{% if navbar_notifications is defined %}
{{ navbar_notifications|raw }}
{% else %}
{% include '@Tabler/includes/navbar_notifications.html.twig' %}
{% endif %}
{% endblock %}
{% block navbar_user %}
{% if navbar_user is defined %}
{{ navbar_user|raw }}
{% else %}
{% include '@Tabler/includes/navbar_user.html.twig' %}
{% endif %}
{% endblock %}
{% block navbar_end %}{{ (navbar_end ?? '') | raw }}{% endblock %}
{% endmacro %}