-
Notifications
You must be signed in to change notification settings - Fork 0
/
current.html
67 lines (64 loc) · 9.28 KB
/
current.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Ecoflow Device to Corrently Current UI</title>
<link rel="icon" type="image/webp" sizes="200x80" href="assets/img/Logo_Corrently.webp">
<link rel="icon" type="image/webp" sizes="200x80" href="assets/img/Logo_Corrently.webp">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
</head>
<body style="background: rgb(20,122,80);">
<nav class="navbar navbar-expand-lg fixed-top shadow-lg navbar-custom navbar-dark" style="background: #ffffff;margin-top: 10px;margin-bottom: 15px;">
<div class="container"><a class="navbar-brand link-dark" href="https://corrently.io/" style="font-weight: bold;font-size: 25px;"><img class="img-fluid" src="assets/img/Logo_Corrently.webp"></a><button data-bs-toggle="collapse" class="navbar-toggler text-light text-bg-dark" data-bs-target="#navbarResponsive"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse text-dark text-bg-light" id="navbarResponsive" style="background: #ffffff;">
<ul class="navbar-nav text-dark ms-auto">
<li class="nav-item text-dark"><a class="nav-link link-dark" href="https://corrently.energy/collections/powerstations" target="_blank" rel="external"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-basket2">
<path d="M4 10a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0v-2zm3 0a1 1 0 1 1 2 0v2a1 1 0 0 1-2 0v-2z"></path>
<path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-.623l-1.844 6.456a.75.75 0 0 1-.722.544H3.69a.75.75 0 0 1-.722-.544L1.123 8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM2.163 8l1.714 6h8.246l1.714-6H2.163z"></path>
</svg> Shop</a></li>
<li class="nav-item text-dark"><a class="nav-link link-dark" href="https://corrently.energy/pages/kundenservice" target="_blank" rel="external"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-patch-question">
<path d="M8.05 9.6c.336 0 .504-.24.554-.627.04-.534.198-.815.847-1.26.673-.475 1.049-1.09 1.049-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.71 1.71 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745z"></path>
<path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"></path>
<path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"></path>
</svg> Service & Hife</a></li>
<li class="nav-item text-dark"><a class="nav-link link-dark" href="https://corrently.energy/policies/contact-information" target="_blank" rel="external"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-info-circle">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>
</svg> Impressum</a></li>
</ul>
</div>
</div>
</nav>
<div class="container border rounded shadow-sm" style="margin-top: 150px;background: #f9e1b7;padding: 5px;">
<h1>Ecoflow to Current Import</h1>
<p>Ecoflow Powerstations might be controlled via the Ecoflow APP. This page allows to add data from the API to your <a href="https://github.com/energychain/corrently-current" target="_blank">Correnty Current</a> display.</p>
<h2>Disclaimer</h2>
<p>This page and its script is provided by <a href="https://stromdao.de/" target="_blank">STROMDAO GmbH</a>. The company is not affiliated with Ecoflow or in any other relationship. This <a href="https://www.npmjs.com/package/ecoflow_mqtt_credentials">page/script</a> is provided "as-is" without warranty or support. It is for the educational use of developers and enthusiasts.</p>
</div>
<div class="container border rounded shadow-sm" style="margin-top: 50px;background: #ffffff;padding: 5px;margin-bottom: 150px;">
<form id="appCredentials">
<h1>Login Credentials from Ecoflow APP</h1>
<div class="input-group"><span class="input-group-text w-25">Email</span><input class="form-control" type="email" id="email" required="" name="email"></div>
<div class="input-group" style="margin-top: 15px;"><span class="input-group-text w-25">Password</span><input class="form-control" type="password" id="password" name="password" required=""></div>
<div class="input-group" style="margin-top: 15px;"><span class="input-group-text w-25">Serial Number of Device </span><input class="form-control" type="text" id="serial" placeholder="(Something like R611ZEB5XF12345)" name="serial" required=""></div>
<div class="text-center" style="margin-top: 15px;"><button class="btn btn-danger" id="backReturn" type="submit" style="margin-right: 5px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sign-stop">
<path d="M3.16 10.08c-.931 0-1.447-.493-1.494-1.132h.653c.065.346.396.583.891.583.524 0 .83-.246.83-.62 0-.303-.203-.467-.637-.572l-.656-.164c-.61-.147-.978-.51-.978-1.078 0-.706.597-1.184 1.444-1.184.853 0 1.386.475 1.436 1.087h-.645c-.064-.32-.352-.542-.797-.542-.472 0-.77.246-.77.6 0 .261.196.437.553.522l.654.161c.673.164 1.06.487 1.06 1.11 0 .736-.574 1.228-1.544 1.228Zm3.427-3.51V10h-.665V6.57H4.753V6h3.006v.568H6.587Z"></path>
<path fill-rule="evenodd" d="M11.045 7.73v.544c0 1.131-.636 1.805-1.661 1.805-1.026 0-1.664-.674-1.664-1.805V7.73c0-1.136.638-1.807 1.664-1.807 1.025 0 1.66.674 1.66 1.807Zm-.674.547v-.553c0-.827-.422-1.234-.987-1.234-.572 0-.99.407-.99 1.234v.553c0 .83.418 1.237.99 1.237.565 0 .987-.408.987-1.237Zm1.15-2.276h1.535c.82 0 1.316.55 1.316 1.292 0 .747-.501 1.289-1.321 1.289h-.865V10h-.665V6.001Zm1.436 2.036c.463 0 .735-.272.735-.744s-.272-.741-.735-.741h-.774v1.485h.774Z"></path>
<path fill-rule="evenodd" d="M4.893 0a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146A.5.5 0 0 0 11.107 0H4.893ZM1 5.1 5.1 1h5.8L15 5.1v5.8L10.9 15H5.1L1 10.9V5.1Z"></path>
</svg> Cancel / Return</button><button class="btn btn-secondary" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-share">
<path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"></path>
</svg> Retrieve and Import to Current</button></div>
</form>
<div id="gtpShareId" style="display: none;text-align: center;"><img id="qrImage" style="text-align: center;">
<div class="input-group"><span class="input-group-text">Share Code</span><input class="form-control" type="text" id="shareId"></div>
</div>
<div id="result"></div>
<div class="alert alert-danger alert-dismissible" role="alert" id="alertMsg" style="margin-top: 25px;display:none"><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="alert"></button><span id="errorText"><strong>Error </strong>text.</span></div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/current.js"></script>
</body>
</html>