mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-12-10 14:46:47 -06:00
53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<section class="vertical-nav aside-module grid__item one-whole lap-one-half">
|
|
{% assign elements = site.dashboards | sort_natural: 'title' %}
|
|
|
|
<div class="section">
|
|
<h1 class="title epsilon"><iconify-icon icon="mdi:view-dashboard"></iconify-icon> Dashboards</h1>
|
|
<ul class="divided sidebar-menu">
|
|
<li>{% active_link /dashboards/ Introduction %}</li>
|
|
<li>{% active_link /dashboards/dashboards/ Dashboard types %}</li>
|
|
<li>{% active_link /dashboards/views/ Views %}</li>
|
|
<li>{% active_link /dashboards/cards/ Cards %}</li>
|
|
<li>{% active_link /dashboards/badges/ Badges %}</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h1 class="title epsilon"><iconify-icon icon="mdi:about-circle-outline"></iconify-icon> View types</h1>
|
|
<ul class="divided sidebar-menu">
|
|
{% for element in elements %}
|
|
{% if element.type == "view" %}
|
|
<li>{% active_link {{element.url}} {{element.sidebar_label}} %}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h1 class="title epsilon">{% icon "mdi:card-multiple-outline" %} Card types</h1>
|
|
<ul class="divided sidebar-menu">
|
|
{% for element in elements %}
|
|
{% if element.type == "card" %}
|
|
<li>{% active_link {{element.url}} {{element.sidebar_label}} %}</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h1 class="title epsilon">{% icon "mdi:cog" %} Advanced</h1>
|
|
<ul class="divided sidebar-menu">
|
|
<li>{% active_link /dashboards/features/ Features %}</li>
|
|
<li>{% active_link /dashboards/header-footer/ Headers & footers %}</li>
|
|
<li>{% active_link /dashboards/actions/ Actions %}</li>
|
|
<li>{% active_link /dashboards/naming/ Naming %}</li>
|
|
<li><a
|
|
class="external-link"
|
|
href="https://developers.home-assistant.io/docs/frontend/custom-ui/custom-card/"
|
|
>Developing custom cards
|
|
{% icon "tabler:external-link" %}
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|