node-red-contrib-discovergy-meter
Version:
Allows to work with a Discovergy Smart Meter (Electricity only) within Node RED flows
231 lines (227 loc) • 17.9 kB
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 </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 active 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" style="margin-top:40px">
<div class="col">
<h2 style="margin-top: 25px;font-family: 'DIN Alternate Bold';"><strong>GrünstromIndex </strong><span id="fortext"></span><br></h2>
</div>
</div>
<div id="gsiChart" noco2standard="true" noinfo="true"></div>
<div class="row" style="margin-top:40px">
<div class="col">
<h2 style="margin-top: 25px;font-family: 'DIN Alternate Bold';"><strong>Corrently GrünstromBonus </strong><br></h2>
</div>
</div>
<div id="gsbInfo">
<div class="row" style="margin-top:20px;">
<div class="col">
<div class="card shadow-sm rounded">
<div class="card-header bg-white">
<h3 style="font-family: 'DIN Alternate Bold';">Meine Corrently Erzeugung</h3>
</div>
<div class="card-body">
<h5 class="text-center display-4" style="font-family: 'DIN Alternate Bold';"><i class="material-icons" id="costUp-3" style="display:none">arrow_drop_up</i><i class="material-icons" id="costDown-3" style="display:none">arrow_drop_down</i><span id="p_2_8_0" style="color: rgb(12,107,51);">-</span>
<span
class="attributierung" style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">kWh</span></span>
</h5>
</div>
<div class="card-footer" id="depot"></div>
</div>
</div>
</div>
<div class="row" style="margin-top:20px;">
<div class="col-md-4 col-lg-4 col-xl-4">
<div class="card shadow-sm rounded">
<div class="card-header bg-white">
<h3 style="font-family: 'DIN Alternate Bold';">Gesammelt<br></h3>
</div>
<div class="card-body">
<h5 class="text-center display-4" 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="haben_kwh" style="color: rgb(12,107,51);">-</span>
<span
class="attributierung" style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">kWh</span></span>
</h5>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xl-4">
<div class="card shadow-sm rounded">
<div class="card-header bg-white">
<h3 style="font-family: 'DIN Alternate Bold';">Eingelöst</h3>
</div>
<div class="card-body">
<h5 class="text-center display-4" 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="soll_kwh" style="color: rgb(12,107,51);">-</span><span class="attributierung"
style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">kWh</span></span>
</h5>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xl-4">
<div class="card shadow-sm rounded">
<div class="card-header bg-white">
<h3 style="font-family: 'DIN Alternate Bold';">Verfügbar</h3>
</div>
<div class="card-body">
<h5 class="text-center display-4" style="font-family: 'DIN Alternate Bold';"><i class="material-icons" id="costUp-1" style="display:none">arrow_drop_up</i><i class="material-icons" id="costDown-1" style="display:none">arrow_drop_down</i><span id="balance_kwh" style="color: rgb(12,107,51);">-</span>
<span
class="attributierung" style="min-width: 70px;"><span style="font-size: 22px;min-width: 70px;">kWh</span></span>
</h5>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top:40px">
<div class="col">
<div class="text-center" style="margin-top: 35px;"><canvas id='hknchart' width="600" height="400"></canvas></div>
</div>
</div>
<div class="row" style="margin-top:40px">
<div class="col">
<h2 style="margin-top: 25px;font-family: 'DIN Alternate Bold';"><strong>Nachhaltigkeit und Klimaschutz</strong></h2>
</div>
</div>
<div>
<div class="row">
<div class="col">
<h4 style="margin-top: 25px;font-family: 'DIN Alternate Bold';">an diesem Standort bei:<br></h4>
</div>
<div class="col text-center d-flex align-items-baseline">
<h1 class="text-center flex-fill align-items-xl-end display-3" style="font-family: 'DIN Alternate Bold';"><span id="co2_ratio" style="color: rgb(12,107,51);">-</span><span class="attributierung">%</span></h1>
</div>
</div>
<div class="row" style="margin-top: 37px;">
<div class="col">
<h2 style="margin-top: 25px;font-family: 'DIN Alternate Bold';">CO<span style="font-size: 20px;">2</span>-Emissionen<br></h2>
</div>
</div>
<div class="row">
<div class="col">
<h4 style="margin-top: 25px;font-family: 'DIN Alternate Bold';">verursacht durch Netzverluste:</h4>
</div>
<div class="col d-flex align-items-end align-items-xl-end">
<h1 class="text-center flex-fill display-3" style="font-family: 'DIN Alternate Bold';"><span id="co2_bilanz_kg" style="color: rgb(252,168,36);">-</span><span class="attributierung">kg</span></h1>
</div>
</div>
<div class="row" style="margin-top: 37px;">
<div class="col d-flex align-items-end">
<h2 style="font-family: 'DIN Alternate Bold';">CO<span style="font-size: 20px;">2</span>-Kompensation<br></h2>
</div>
</div>
<div class="row">
<div class="col">
<h4 style="font-family: 'DIN Alternate Bold';margin-top: 25px;">liegt mit<br><span id="trees_balance_de">-</span> <span id="trees_plural_de">Bäumen</span> bei:<br></h4>
</div>
<div class="col d-flex align-items-end align-items-xl-end">
<h1 class="text-center flex-fill display-3" style="font-family: 'DIN Alternate Bold';"><span id="co2_haben_kg" style="color: rgb(12,107,51);">-</span><span class="attributierung">kg</span></h1>
</div>
</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';">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 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/gsi.min.js"></script>
</body>
</html>