extend layout

block content

    .intro
        p
            | Hier siehst du den aktuellen Status von uns.
            | Die Daten werden von unserem Pi am Stromzähler per sml2-mqtt und von unserem Router eingesammelt.
            | Der Status selber wird minütlich abgefragt.
            | Unseren Energieverbrauch bekommst du alle fünf Sekunden neu.
            | Den Status "geöffnet" oder "geschlossen" bestimmt das Programm mit einem ping auf ein Gerät im Raum.

    .ink-grid(ng-controller='StatusCtrl')
        .column-group.gutters
            .large-20.medium-20.small-100


                div(class="status-icon status-icon-{{simple.state}}")

                dl
                    dt aktueller Status:
                    dd {{simple.state | statustostring}}

                    dt letzte Abfrage:
                    dd {{simple.lastchange | date:'dd.MM.yyyy HH:mm:ss'}}



            .large-30.medium-100.small-100
                h2 Energieverbrauch

                #gauge.power


block scripts

    script(type="text/javascript",src="/js/vendor/rickshaw.min.js")
    script(type="text/javascript",src="/js/vendor/moment.min.js")
    script(type="text/javascript",src="/js/vendor/raphael.2.1.0.min.js")
    script(type="text/javascript",src="/js/vendor/justgage.1.0.1.min.js")