-
-
Notifications
You must be signed in to change notification settings - Fork 17
/
layout.html.twig
142 lines (137 loc) · 6.06 KB
/
layout.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
{#
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/default-layout.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 %}
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
{% endblock %}
<title>{% block title %}{{ block('page_title') }}{% endblock %}</title>
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('bundles/tabler/tabler.css') }}">
{% endblock %}
</head>
<body{% block body_start %}{% endblock %} class="{{ 'antialiased'|tabler_body }}">
{% block after_body_start %}{% endblock %}
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light 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>
{% block app_logo %}
<h1 class="navbar-brand {# navbar-brand-autodark #} d-none-navbar-horizontal pe-0 pe-md-3">
<a href="{{ path('tabler_welcome'|tabler_route) }}">
{% if tabler_bundle.getLogoUrl() is not empty %}
<img src="{% if '://' in tabler_bundle.getLogoUrl() %}{{ tabler_bundle.getLogoUrl() }}{% else %}{{ asset(tabler_bundle.getLogoUrl()) }}{% endif %}" width="110" height="32" alt="Logo" class="navbar-brand-image">
{% else %}
<i class="far fa-smile" style="font-size: 32px"></i>
{% endif %}
</a>
</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>
{% if not tabler_bundle.isCondensedNavbar() %}
<div class="navbar-expand-md">
<div class="collapse navbar-collapse" id="navbar-menu">
<div class="navbar navbar-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 %}
<div class="page-wrapper">
{% block page_header %}
<div class="{{ ''|tabler_container }}">
<!-- Page title -->
<div class="page-header d-print-none">
<div class="row align-items-center">
<div class="col">
<div class="page-pretitle">
{% block page_subtitle %}Overview{% endblock %}
</div>
<h2 class="page-title">
{% block page_title %}Dashboard{% endblock %}
</h2>
{% block page_stats %}
<div class="text-muted mt-1">
1-10 of 100
</div>
{% endblock %}
</div>
<div class="col-auto ms-auto d-print-none">
{% block breadcrumb %}
<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 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 class="footer footer-transparent d-print-none">
<div class="container">
{% include '@Tabler/includes/footer.html.twig' %}
</div>
</footer>
{% endblock %}
</div>
</div>
{% block javascripts %}
<script src="{{ asset('bundles/tabler/tabler.js') }}"></script>
{% endblock %}
</body>
</html>