banner and vertical-menu integration

This commit is contained in:
2021-07-03 17:54:16 +02:00
parent 4ca1618480
commit e77c886e3f
7 changed files with 118 additions and 106 deletions

View File

@@ -1,30 +1,35 @@
<div class="banner banner-accompanying-course">
<div class="grid-12 parent" id="header-accompanying_course-name" >
<div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div id="header-accompanying_course-name" class="header-name">
<div class="container-xxl">
<div class="row">
<div class="col-sm-5">
<h1>
<i class="fa fa-random fa-fw"></i>
{{ 'Accompanying Course'|trans }}
<span class="id-number">{{ accompanyingCourse.id }}</span>
</h1>
</div>
{# vue teleport fragment here #}
<div class="col-sm-3" id="banner-flags"></div>
{# vue teleport fragment here #}
<div class="col-sm-3" id="banner-status"></div>
<div class="grid-6">
<h1>
<i class="fa fa-random fa-fw"></i>
{{ 'Accompanying Course'|trans }}
<span class="id-number">{{ accompanyingCourse.id }}</span>
</h1>
</div>
</div>
</div>
<div id="header-accompanying_course-details" class="header-details">
<div class="container-xxl">
<div class="row justify-content-md-right">
{# vue teleport fragment here #}
<div class="grid-3" id="banner-flags"></div>
{# vue teleport fragment here #}
<div class="grid-3" id="banner-status"></div>
</div>
</div>
<div class="grid-12 parent" id="header-accompanying_course-details" >
<div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
{# vue teleport fragment here #}
<div id="banner-social-issues"></div>
{# vue teleport fragment here #}
<div class="col-sm-10" id="banner-social-issues"></div>
</div>
</div>
</div>
<a name="banner-accompanying-course"></a>
</div>
<span id="banner-accompanying-course"></span>

View File

@@ -1,7 +1,9 @@
<ul class="tab-nav">
<div class="list-group vertical-menu menu-accompanying-course">
{% for menu in menus %}
<li class="">
<a href="{{ menu.uri }}" >{{ menu.label|upper }}</a>
</li>
<a class="list-group-item list-group-item-action"
href="{{ menu.uri }}">
{{ menu.label|upper }}
</a>
{% endfor %}
</ul>
</div>