# Energieskala

![](https://4191665268-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LmodSeMj-suymO3ACI-%2F-MBJ8_ycaL2aJYq9mlzL%2F-MBJV8sPvE-mtnCj0F8o%2Fproduktbild_energiepass_github.jpg?alt=media\&token=c43464e1-013f-4fd3-8b2d-7a337ec60dd5)

Die `Energieskala` Erweiterung integriert eine visuelle Ansicht (Skala) des Energieverbrauchs der Immobilie.

### Installation

{% tabs %}
{% tab title="Composer" %}

```bash
$ composer require contao-estatemanager/energiy-pass
```

{% endtab %}

{% tab title="Contao-Manager" %}
Über die Suche des Contao-Manager kann der Begriff `EstateManager` oder `energy-pass` gesucht werden. Anschließen wählt man das Paket `Contao EstateManager Energieausweis` über die Schaltfläche "*hinzufügen*" aus und klickt zum installieren über den Reiter "*Pakete*" auf die Schaltfläche "*Änderungen anwenden*". Eine detaillierte Anleitung wie man mit dem Contao-Manager arbeitet findest du [hier](https://docs.contao.org/manual/de/installation/erweiterungen-installieren/).
{% endtab %}

{% tab title="GitHub" %}
Installation direkt über GitHub:

<https://github.com/contao-estatemanager/energy-pass>
{% endtab %}
{% endtabs %}

Nach der Installation muss das [Contao-Installtool](https://docs.contao.org/manual/de/installation/contao-installtool/) aufgerufen und die Datenbank aktualisiert werden.&#x20;

### Exposé-Module

Hier finden Sie eine Übersicht neuer (🟢) und erweiterte (🔵) Exposé-Module.

{% tabs %}
{% tab title="🔵 Details" %}
Erweitert die [Details](https://docs.contao-estatemanager.com/installation-konfiguration/backend-konfiguration/expose-module/details) um folgende Einstellungen.

**Einstellungen**

:small\_blue\_diamond:`Energieskala hinzufügen`

*Fügt nach dem Energieausweis eine Energieskala ein. Dafür muss die Detail-Kategorie Energieausweis angewählt sein.*

**Template**

:small\_orange\_diamond:`energiebar_default`
{% endtab %}
{% endtabs %}

### JavaScript-Templates

Hier finden Sie eine Übersicht neuer JavaScript-Templates.

{% tabs %}
{% tab title="🟢 Energieausweis" %}
Für die Animationen innerhalb der Energieskala wird folgendes JavaScript-Template unter Layouts zur Verfügung gestellt.

**Template**

:small\_orange\_diamond:`js_realestateenergiebar`

{% hint style="info" %}
Die zugehörigen CSS-Stile der Energieskala werden automatisch über dieses Template mit eingebunden.
{% endhint %}
{% endtab %}
{% endtabs %}

### Lizenz

Für diese Erweiterung ist eine Lizenz erforderlich. Zum Erwerb einer Lizenz, folge bitte den Schritten unter [Lizenzen](https://docs.contao-estatemanager.com/erweiterungen/lizenzen).