home-assistant.io/source/_includes/asides/component_navigation.html
Achilleas Pipinellis 125040b42a
Add table of contents to the integrations pages (#13572)
Co-authored-by: Franck Nijhof <git@frenck.dev>
2020-11-16 22:35:38 +01:00

78 lines
2.3 KiB
HTML

<section class="aside-module grid__item one-whole lap-one-half">
<div class='brand-logo-container section'>
{%- if page.logo -%}
<img src='/images/supported_brands/{{ page.logo }}' />
{%- else -%}
<img src='https://brands.home-assistant.io/_/{{ page.ha_domain }}/logo.png' srcset='https://brands.home-assistant.io/_/{{ page.ha_domain }}/logo@2x.png 2x' />
{%- endif -%}
</div>
{%- if page.ha_domain -%}
<div class="section">
<kb-alert-link integration="{{ page.ha_domain }}"></kb-alert-link>
</div>
{%- endif -%}
{%- if page.ha_iot_class -%}
<div class='section'>
IoT class<sup><a href='/blog/2016/02/12/classifying-the-internet-of-things/#classifiers'><i class="icon-info-sign"></i></a></sup>: {{ page.ha_iot_class }}
</div>
{%- endif -%}
{%- if page.ha_quality_scale -%}
<div class='section'>
Quality Scale: <a href='/docs/quality_scale/'>
{%- if page.ha_quality_scale == 'platinum' -%}
🏆 (platinum)
{%- elsif page.ha_quality_scale == 'gold' -%}
🥇 (gold)
{%- elsif page.ha_quality_scale == 'silver' -%}
🥈 (silver)
{%- elsif page.ha_quality_scale == 'internal' -%}
🏠 (internal)
{%- endif -%}
</a>
</div>
{%- endif -%}
{%- if page.ha_release -%}
<div class='section'>
Introduced in release: {{ page.ha_release }}
</div>
{%- endif -%}
{%- if page.ha_config_flow -%}
<div class='section'>
This integration is configurable via UI
</div>
{%- endif -%}
{%- if page.ha_domain -%}
<div class='section'>
Source: <a href='https://github.com/home-assistant/core/tree/dev/homeassistant/components/{{ page.ha_domain }}'>View on GitHub</a>
</div>
{%- endif -%}
{%- if page.ha_category.first -%}
<div class='section'>
<h1 class="title delta">Categories</h1>
<ul class='divided'>
{%- for category in page.ha_category -%}
<li>
<a href='/integrations/#{{ category | slugify }}'>{{ category }}</a>
</li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}
{%- unless page.no_toc -%}
<div class='section'>
<h1 class="title delta">On this page</h1>
{% toc %}
{%- endunless -%}
</section>
<script src="https://alerts.home-assistant.io/ce-alert-link.js"></script>