<div class="stack" data-controller="studyplan">
<div class="mb--md">
<h3 class="h5">Veranstaltungsort</h3>
<div class="legend">
<div class="legend-item">
<div class="legend-item__color" style="background-color: #d7d900;"></div>
<div class="legend-item__label">Hochschule Düsseldorf</div>
</div>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Verband</div>
</div>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #5bb4ca;"></div>
<div class="legend-item__label">Kanzlei</div>
</div>
</div>
</div>
<div class="semesters">
<div class="semester">
<div class="semester__header">
<h3 class="h6">
<span class="semester__title">Semester 1</span>
<button class="semester__toggle" data-controller="disclosure" data-target="#semester-1" aria-expanded="false" aria-controls="semester1">Semester 1</button>
</h3>
</div>
<div class="semester__body collapse" id="semester-1">
<h4 class="semester__divider">1. Tag</h4>
<div class="module" data-related=steuern-1>
<div class="module__header">
<div class="h6">
<a href="#"> Steuern 1.1
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Core Module</dd>
</dl>
<div class="small">
<p>lore ipsum</p>
</div>
</div>
<div class="module">
<div class="module__header">
<div class="h6">
<a href="#"> Rechnungslegung 1.1
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Core Module</dd>
</dl>
</div>
<div class="module" data-related=wirtschaftsrecht-1>
<div class="module__header">
<div class="h6">
<a href="#"> Wirtschaftsrecht 1.1
</a>
</div>
<div class="module__stats small">
<span>6 CP</span>
<span>4 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
<h4 class="semester__divider">2. Tag</h4>
<div class="module">
<div class="module__header">
<div class="h6">
<a href="#"> Quantitative Methoden 1
</a>
</div>
<div class="module__stats small">
<span>6 CP</span>
<span>4 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #d7d900;"></div>
<div class="legend-item__label">Hochschule Düsseldorf</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
<div class="module">
<div class="module__header">
<div class="h6">
<a href="#"> BWL 1
</a>
</div>
<div class="module__stats small">
<span>6 CP</span>
<span>4 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #d7d900;"></div>
<div class="legend-item__label">Hochschule Düsseldorf</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
<h4 class="semester__divider">3.-5. Tag</h4>
<div class="module">
<div class="module__header">
<div class="h6">
Kanzlei
</div>
<div class="module__stats small">
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #5bb4ca;"></div>
<div class="legend-item__label">Kanzlei</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd></dd>
</dl>
</div>
</div>
</div>
<div class="semester">
<div class="semester__header">
<h3 class="h6">
<span class="semester__title">Semester 2</span>
<button class="semester__toggle" data-controller="disclosure" data-target="#semester-2" aria-expanded="false" aria-controls="semester1">Semester 2</button>
</h3>
</div>
<div class="semester__body collapse" id="semester-2">
<h4 class="semester__divider">1. Tag</h4>
<div class="module" data-related=steuern-1>
<div class="module__header">
<div class="h6">
<a href="#"> Steuern 1.2
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Core Module</dd>
</dl>
</div>
<div class="module" data-related=wirtschaftsrecht-1>
<div class="module__header">
<div class="h6">
<a href="#"> Wirtschaftsrecht 1.2
</a>
</div>
<div class="module__stats small">
<span>5 CP</span>
<span>2 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #da69a5;"></div>
<div class="legend-item__label">Berufskolleg</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
<h4 class="semester__divider">3.-5. Tag</h4>
<div class="module">
<div class="module__header">
<div class="h6">
Kanzlei
</div>
<div class="module__stats small">
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Veranstaltungsort</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: #5bb4ca;"></div>
<div class="legend-item__label">Kanzlei</div>
</div>
</dd>
<dt class="visually-hidden">Modultyp</dt>
<dd></dd>
</dl>
</div>
</div>
</div>
<div class="semester">
<div class="semester__header">
<h3 class="h6">
<span class="semester__title">Semester 3</span>
<button class="semester__toggle" data-controller="disclosure" data-target="#semester-3" aria-expanded="false" aria-controls="semester1">Semester 3</button>
</h3>
</div>
<div class="semester__body collapse" id="semester-3">
<div class="module" data-related=steuern-2>
<div class="module__header">
<div class="h6">
<a href="#"> Steuern 2.1
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Modultyp</dt>
<dd>Core Module</dd>
</dl>
</div>
<div class="module">
<div class="module__header">
<div class="h6">
Kanzlei
</div>
<div class="module__stats small">
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
</div>
</div>
<div class="semester">
<div class="semester__header">
<h3 class="h6">
<span class="semester__title">Semester 4</span>
<button class="semester__toggle" data-controller="disclosure" data-target="#semester-4" aria-expanded="false" aria-controls="semester1">Semester 4</button>
</h3>
</div>
<div class="semester__body collapse" id="semester-4">
<div class="module" data-related=steuern-2>
<div class="module__header">
<div class="h6">
<a href="#"> Steuern 2.2
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Modultyp</dt>
<dd>Core Module</dd>
</dl>
</div>
<div class="module">
<div class="module__header">
<div class="h6">
<a href="#"> Wirtschafts- und Unternehmensethik sowie Grundlagen Corporate Social Responsibility
</a>
</div>
<div class="module__stats small">
<span>3 SWS</span>
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Modultyp</dt>
<dd>Transferable Skills Modules (Simulation Studies)</dd>
</dl>
</div>
<div class="module">
<div class="module__header">
<div class="h6">
Kanzlei
</div>
<div class="module__stats small">
</div>
</div>
<dl class="module__info">
<dt class="visually-hidden">Modultyp</dt>
<dd>Support Module</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="stack" data-controller="studyplan">
{% if legend %}
<div class="mb--md">
<h3 class="h5">{{ legend.title }}</h3>
{% if legend.groups|length > 0 %}
<div class="legend">
{% for group in legend.groups %}
<div class="legend-item">
<div class="legend-item__color" style="background-color: {{ group.color }};"></div>
<div class="legend-item__label">{{ group.title }}</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
<div class="semesters">
{% for semester in semesters %}
<div class="semester">
<div class="semester__header">
<h3 class="h6">
<span class="semester__title">{{ semester.title }}</span>
<button class="semester__toggle" data-controller="disclosure" data-target="#{{ semester.id }}" aria-expanded="false"
aria-controls="semester1">{{ semester.title }}</button>
</h3>
</div>
<div class="semester__body collapse" id="{{ semester.id }}">
{% for item in semester.items %}
{% if item.type == 'divider' %}
<h4 class="semester__divider">{{ item.title }}</h4>
{% endif %}
{% if item.type == 'module' %}
<div class="module" {{ item.related ? 'data-related=' ~ item.related }}>
<div class="module__header">
<div class="h6">
{% if item.url %}<a href="{{ item.url }}">{% endif %}
{{ item.title }}
{% if item.url %}</a>{% endif %}
</div>
<div class="module__stats small">
{% if item.credits %}
<span>{{ item.credits }} CP</span>
{% endif %}
{% if item.semester_hours %}
<span>{{ item.semester_hours }} SWS</span>
{% endif %}
</div>
</div>
<dl class="module__info">
{% if item.group and legend %}
<dt class="visually-hidden">{{ legend.title }}</dt>
<dd>
<div class="legend-item">
<div class="legend-item__color" style="background-color: {{ legend.groups[item.group].color }};"></div>
<div class="legend-item__label">{{ legend.groups[item.group].title }}</div>
</div>
</dd>
{% endif %}
<dt class="visually-hidden">Modultyp</dt>
<dd>{{ item.module_type }}</dd>
</dl>
{% if item.organizational_notice %}
<div class="small">{{ item.organizational_notice|raw }}</div>
{% endif %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
{
"legend": {
"title": "Veranstaltungsort",
"groups": {
"hsd": {
"title": "Hochschule Düsseldorf",
"color": "#d7d900"
},
"berufskolleg": {
"title": "Berufskolleg",
"color": "#da69a5"
},
"verband": {
"title": "Verband",
"color": "#da69a5"
},
"kanzlei": {
"title": "Kanzlei",
"color": "#5bb4ca"
}
}
},
"semesters": [
{
"title": "Semester 1",
"id": "semester-1",
"items": [
{
"type": "divider",
"title": "1. Tag"
},
{
"type": "module",
"title": "Steuern 1.1",
"module_type": "Core Module",
"url": "#",
"semester_hours": "3",
"group": "berufskolleg",
"related": "steuern-1",
"organizational_notice": "<p>lore ipsum</p>"
},
{
"type": "module",
"title": "Rechnungslegung 1.1",
"module_type": "Core Module",
"url": "#",
"semester_hours": "3",
"group": "berufskolleg"
},
{
"type": "module",
"title": "Wirtschaftsrecht 1.1",
"module_type": "Support Module",
"url": "#",
"credits": "6",
"semester_hours": "4",
"group": "berufskolleg",
"related": "wirtschaftsrecht-1"
},
{
"type": "divider",
"title": "2. Tag"
},
{
"type": "module",
"title": "Quantitative Methoden 1",
"module_type": "Support Module",
"url": "#",
"credits": "6",
"semester_hours": "4",
"group": "hsd"
},
{
"type": "module",
"title": "BWL 1",
"module_type": "Support Module",
"url": "#",
"credits": "6",
"semester_hours": "4",
"group": "hsd"
},
{
"type": "divider",
"title": "3.-5. Tag"
},
{
"type": "module",
"title": "Kanzlei",
"group": "kanzlei"
}
]
},
{
"title": "Semester 2",
"id": "semester-2",
"items": [
{
"type": "divider",
"title": "1. Tag"
},
{
"type": "module",
"title": "Steuern 1.2",
"module_type": "Core Module",
"url": "#",
"semester_hours": "3",
"related": "steuern-1",
"group": "berufskolleg"
},
{
"type": "module",
"title": "Wirtschaftsrecht 1.2",
"module_type": "Support Module",
"url": "#",
"credits": "5",
"semester_hours": "2",
"group": "berufskolleg",
"related": "wirtschaftsrecht-1"
},
{
"type": "divider",
"title": "3.-5. Tag"
},
{
"type": "module",
"title": "Kanzlei",
"group": "kanzlei"
}
]
},
{
"title": "Semester 3",
"id": "semester-3",
"items": [
{
"type": "module",
"title": "Steuern 2.1",
"module_type": "Core Module",
"url": "#",
"semester_hours": "3",
"related": "steuern-2"
},
{
"type": "module",
"title": "Kanzlei",
"module_type": "Support Module"
}
]
},
{
"title": "Semester 4",
"id": "semester-4",
"items": [
{
"type": "module",
"title": "Steuern 2.2",
"module_type": "Core Module",
"url": "#",
"semester_hours": "3",
"related": "steuern-2"
},
{
"type": "module",
"title": "Wirtschafts- und Unternehmensethik sowie Grundlagen Corporate Social Responsibility",
"module_type": "Transferable Skills Modules (Simulation Studies)",
"url": "#",
"semester_hours": "3"
},
{
"type": "module",
"title": "Kanzlei",
"module_type": "Support Module"
}
]
}
]
}