-
-
Notifications
You must be signed in to change notification settings - Fork 19
/
layout-horizontal.html.twig
153 lines (143 loc) · 7.44 KB
/
layout-horizontal.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
{#
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-horizontal.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">
{# *** Layout type changes *** #}
{% block header %}
<header id="{% block header_id %}{% endblock %}" class="navbar navbar-expand-md{% block header_class %} {% if tabler_bundle.isNavbarOverlapping() %}navbar-overlap{% endif %}{% endblock %} d-print-none" data-bs-theme="{{ tabler_bundle.isNavbarOverlapping() or tabler_bundle.isHeaderDark() 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 d-none-navbar-horizontal pe-0 pe-md-3 {% block navbar_brand_class %}navbar-brand-autodark{% endblock %}{% endblock %}">
{% include '@Tabler/includes/logo.html.twig' %}
</h1>
{% endblock %}
<div class="navbar-nav flex-row order-md-last">
{% block navbar_start %}{% endblock %}
{% block navbar_notifications %}
{% include '@Tabler/includes/navbar_notifications.html.twig' %}
{% endblock %}
{% block navbar_user %}
{% include '@Tabler/includes/navbar_user.html.twig' %}
{% endblock %}
{% block navbar_end %}{% endblock %}
</div>
{% if tabler_bundle.isCondensedNavbar() %}
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="d-flex flex-column flex-md-row flex-fill align-items-stretch align-items-md-center">
{% block navbar_menu_condensed %}
{% include '@Tabler/includes/menu.html.twig' %}
{% endblock %}
</div>
</div>
{% endif %}
</div>
</header>
{% endblock %}
{% block navbar %}
{% if not tabler_bundle.isCondensedNavbar() %}
<div id="{% block navbar_id %}{% endblock %}" class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar" data-bs-theme="{{ tabler_bundle.isNavbarDark() or tabler_bundle.isDarkMode() ? 'dark' : 'light' }}">
<div class="{{ ''|tabler_container }}">
{% block navbar_menu %}
{% include '@Tabler/includes/menu.html.twig' %}
{% endblock %}
{% block navbar_search %}
{% include '@Tabler/includes/navbar_search.html.twig' %}
{% endblock %}
</div>
</div>
</div>
</div>
{% 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{% if tabler_bundle.isNavbarOverlapping() %} text-white{% endif %}">
{% 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>