UNPKG

node-red-contrib-discovergy-meter

Version:

Allows to work with a Discovergy Smart Meter (Electricity only) within Node RED flows

165 lines (161 loc) 13.9 kB
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <title>Corrently - Regionaler Ökostrom</title> <meta name="twitter:description" content="Nur Corrently kann Dir sagen, wann wie viel grüner Strom in Deiner Region erzeugt wird. #Digital #Transparent #Nachhaltig #Regional"> <meta name="twitter:title" content="Corrently - Regionaler Ökostrom"> <meta property="og:image" content="assets/img/Corrently%20192x192.png"> <meta name="description" content="Regionalität fördern Langfristiger Mehrwert für regionale Erneuerbare Energie nur Corrently kann Dir sagen, wann wie viel grüner Strom in Deiner Region erzeugt wird. Der GrünstromIndex liefert Dir ein scharfes Bild zu Strom aus regionalen Solar- und Windkraftanlagen. Davon profitierst nicht nur Du, sondern auch das Klima."> <meta property="og:type" content="website"> <meta name="twitter:image" content="assets/img/Corrently%20192x192.png"> <meta name="twitter:card" content="summary"> <link rel="icon" type="image/png" sizes="31x32" href="assets/img/Corrently%2031x32.png"> <link rel="icon" type="image/png" sizes="31x32" href="assets/img/Corrently%2031x32.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/img/Corrently%20192x192.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/img/Corrently%20192x192.png"> <link rel="icon" type="image/png" sizes="512x128" href="assets/img/Corrently%20512x128.png"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css"> <link rel="manifest" href="manifest.json"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Assistant"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css"> <link rel="stylesheet" href="assets/css/styles.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css"> <!-- Matomo --> <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//data.stromdao.de/matomo/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '14']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </head> <body style="background-color: rgb(12,109,52);"> <nav class="navbar navbar-light navbar-expand-md shadow-lg navigation-clean-button" style="background-color: #ffffff;z-index:2;"> <div class="container"><a class="navbar-brand" href="#"></a><a href="https://www.corrently.de/" target="_blank"><img id="logo" src="assets/img/Corrently%201000x252.png" style="width: 150px;text-align: left;margin: 0px;"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-1"> <ul class="nav navbar-nav mr-auto" id="Nav-isolated"> <li class="nav-item dropdown" data-bs-hover-animate="pulse"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" id="oekostrom" href="#" style="font-family: 'DIN Alternate Bold';">Ökostrom&nbsp;</a> <div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="https://www.corently.de/" style="font-family: 'DIN Alternate Bold';">Privatkunden</a> <div class="dropdown-divider" role="presentation"></div><a class="dropdown-item" role="presentation" href="https://www.corrently.de/gewerbe.html" style="font-family: 'DIN Alternate Bold';">Gewerbekunden</a> <div class="dropdown-divider" role="presentation"></div><a class="dropdown-item" role="presentation" href="https://www.corrently.de/versorger.html" style="font-size: 14px;font-family: 'DIN Alternate Bold';color: #000000;">Energieversorger</a> <div class="dropdown-divider" role="presentation"></div><a class="dropdown-item" role="presentation" href="https://www.corrently.de/phpmyfaq/index.php" style="font-size: 14px;font-family: 'DIN Alternate Bold';color: #000000;">FAQ</a></div> </li> </ul><span class="navbar-text actions"> <a class="btn btn-light action-button" role="button" id="kontakt" href="https://www.stromdao.de/kontakt" style="font-family: 'DIN Alternate Bold';background-color: rgb(253,168,37);">Kontakt</a></span></div> </div> </nav> <nav class="navbar navbar-light navbar-expand text-center" style="height: 40px;background-color: #29834b;z-index:1;"> <div class="container-fluid"><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-2"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse d-print-none justify-content-md-center justify-content-lg-center justify-content-xl-center" id="navcol-2"> <ul class="nav navbar-nav text-center text-sm-center text-md-center text-lg-center text-xl-center"> <li class="nav-item" role="presentation"><a class="nav-link active secondNavLink" href="./index.html"><i class="fa fa-home"></i></a></li> <li class="nav-item" role="presentation"><a class="nav-link active secondNavLink" href="./stromkosten.html"><i class="fa fa-balance-scale"></i></a></li> <li class="nav-item" role="presentation"><a class="nav-link secondNavLink" href="./community.html"><i class="fa fa-group"></i></a></li> <li class="nav-item" role="presentation"><a class="nav-link secondNavLink" href="./gsi.html"><i class="fa fa-flash"></i></a></li> <li class="nav-item" role="presentation"></li> <li class="nav-item" role="presentation"><a class="nav-link secondNavLink" href="https://tawk.to/chat/5c53189451410568a109843f/default"><i class="fa fa-wechat"></i></a></li> </ul> </div> </div> </nav> <div class="container" id="app" style="background-color: #ffffff;margin-top: 25px;margin-bottom: 25px;box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.18);min-height: 600px;"> <div class="row"> <div class="col"> <div class="dropdown"><button class="btn btn-light btn-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="selectorLabel" type="button">Auswertung der letzten&nbsp;</button> <div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="?s=last24h">24 Stunden</a><a class="dropdown-item" role="presentation" href="?s=last7d">7 Tage</a><a class="dropdown-item" role="presentation" href="?s=last30d">30 Tage</a><a class="dropdown-item" role="presentation" href="?s=last365d">365 Tage</a></div> </div> </div> </div> <div class="row" style="margin-top:20px;"> <div class="col-md-6 col-lg-6 col-xl-6"> <div class="card shadow-sm rounded"> <div class="card-header bg-white"> <h3 style="font-family: 'DIN Alternate Bold';">Strompreis<br></h3> </div> <div class="card-body"> <h4 class="text-center display-3" style="font-family: 'DIN Alternate Bold';"><i class="material-icons" id="priceUp" style="display:none">arrow_drop_up</i><i class="material-icons" id="priceDown" style="display:none">arrow_drop_down</i><span id="energyPrice_kwh">-</span><span class="attributierung" style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">¢/kWh</span></span> </h4> </div> </div> </div> <div class="col-md-6 col-lg-6 col-xl-6"> <div class="card shadow-sm rounded"> <div class="card-header bg-white"> <h3 style="font-family: 'DIN Alternate Bold';">Stromkosten</h3> </div> <div class="card-body"> <h4 class="text-center display-3" style="font-family: 'DIN Alternate Bold';"><i class="material-icons" id="costUp" style="display:none">arrow_drop_up</i><i class="material-icons" id="costDown" style="display:none">arrow_drop_down</i><span id="incomeSaldo">-</span><span class="attributierung" style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">EUR</span></span> </h4> </div> </div> </div> </div> <div class="row" style="margin-top:20px;"> <div class="col-lg-6 col-xl-6"> <h3 style="font-family: 'DIN Alternate Bold';">Ausgaben</h3><canvas id='ausgabenChart' width="600" height="400"></canvas></div> <div class="col-lg-6 col-xl-6"> <h3 style="font-family: 'DIN Alternate Bold';">Einnahmen</h3><canvas id='einnahmenChart' width="600" height="400"></canvas></div> </div> <div id="info" class="blog-slider fade in" style="margin-top:50px;"> <div class="blog-slider__wrp swiper-wrapper"> <div class="blog-slider__item swiper-slide"> <div></div> <div class="blog-slider__content"><div class="blog-slider__title"><i class="fa fa-info-circle" style="margin-right: 10px;"></i>Ausgaben</div><div class="blog-slider__text" id="info0"> <span id="info01">-</span>% der Kosten von <span id="info02">-</span>€ für die Stromversorgung sind variabel, d.h. können durch den Verbrauch unmittelbar beeinflusst werden. </div></div> </div> <div class="blog-slider__pagination"></div> </div> </div> <div class="row" style="margin-top:40px;"> <div class="col"> <h6 class="text-center text-black-50" style="margin-top: 25px;font-family: 'DIN Alternate Bold';"><strong>Stand:&nbsp;</strong><span class="updateTS">-</span>&nbsp;- Nur zur Information, Keine Abrechnung.</h6> </div> </div> </div> <div class="footer-basic"> <footer> <div class="social"><a class="border rounded-circle" data-bs-hover-animate="pulse" href="https://www.instagram.com/corrently.energy/"><i class="icon ion-social-instagram"></i></a><a data-bs-hover-animate="pulse" href="https://www.facebook.com/stromdaoltd/"><i class="icon ion-social-facebook"></i></a> <a data-bs-hover-animate="pulse" href="https://github.com/energychain/"><i class="icon ion-social-github"></i></a><a data-bs-hover-animate="pulse" href="https://twitter.com/corrently"><i class="fa fa-twitter"></i></a><a data-bs-hover-animate="pulse" href="https://www.youtube.com/channel/UCQjaUqLgPaHjs-i4OrrTjHA?view_as=subscriber"><i class="icon ion-social-youtube"></i></a> <a data-bs-hover-animate="pulse" href="https://www.linkedin.com/company/18037207/"><i class="icon ion-social-linkedin"></i></a><a data-bs-hover-animate="pulse" href="#"><i class="icon ion-social-rss"></i></a></div> <ul class="list-inline" style="font-family: 'DIN Alternate Bold';"> <li class="list-inline-item"><a href="https://stromdao.de/impressum">Impressum</a></li> <li class="list-inline-item"><a href="https://www.corrently.de/datenschutz.html">Datenschutz</a></li> <li class="list-inline-item"><a href="https://www.stromkonto.net/"></a>Stromkonto</li> <li class="list-inline-item"><a href="https://www.stromdao.de/" style="color: #4b4c4d;">Unternehmen</a></li> <li class="list-inline-item"><a href="https://www.stromdao.de/verantwortung">Nachhaltigkeit</a></li> <li class="list-inline-item"><a href="https://corrently.blog/">Blog</a></li> </ul> <p class="copyright"><strong>STROM</strong>DAO&nbsp;GmbH © 2020</p> </footer> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script> <script src="https://elements.corrently.io/dist/correntlyElements-min.js"></script> <script src="assets/js/script.min.js"></script> <script src="assets/js/render.min.js"></script> </body> </html>