forked from massivebox/ecodash
First commit
This commit is contained in:
MassiveBox
commit
82bba66fd6
30 changed files with 2176 additions and 0 deletions
26
templates/default/accuracy-notice.html
Normal file
26
templates/default/accuracy-notice.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<h1>Accuracy Notice</h1>
|
||||
<p>
|
||||
All the data reported in this dashboard is exclusively for reference. It's presented here with no guarantees of being
|
||||
up-to-date or reliable.
|
||||
</p>
|
||||
|
||||
<h3>Energy consumption data</h3>
|
||||
<p>
|
||||
The energy consumption data reported in this dashboard has been obtained using unprofessional equipment, which lacks of
|
||||
any kind of documentation about its precision.<br>
|
||||
Don't take this data too seriously.
|
||||
</p>
|
||||
|
||||
<h3>Green energy percentage</h3>
|
||||
<p>
|
||||
The percentage of green energy is gathered using <a href="https://www.co2signal.com/">CO2Signal</a>'s API.<br>
|
||||
The data reported might be estimated on historical data, and is exclusively
|
||||
</p>
|
||||
|
||||
<h3>References for comparison table</h3>
|
||||
<ul>
|
||||
<li><b>Desk light:</b> calculated on a 3W 270 lumen lamp running for 24 hours = 0.072kWh</li>
|
||||
<li><b>Washing machine:</b> estimated at an average of 0.66kWh <a href="https://inthewash.co.uk/washing-machines/how-much-electricity-does-a-washing-machine-use/">(source)</a></li>
|
||||
<li><b>Oven:</b> calculated on a 2400W oven running for 30 minutes (the average time to bake a cake, according to my mom) = 1.2kWh</li>
|
||||
<li><b>Bitcoin transaction</b>: estimated as 1300kWh <a href="https://digiconomist.net/bitcoin-energy-consumption">(source)</a></li>
|
||||
</ul>
|
||||
53
templates/default/admin.html
Normal file
53
templates/default/admin.html
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<h1>Admin Panel</h1>
|
||||
<p>Here you can edit all the configurations for EcoDash.</p>
|
||||
|
||||
{{if .Warning}}
|
||||
<article class="card" style="background-color: {{if .Warning.IsSuccess}}#008000{{else}}#ff5050{{end}}; color: white">
|
||||
<header>
|
||||
<h3>{{.Warning.Header}}</h3>
|
||||
</header>
|
||||
<footer>
|
||||
<p>{{.Warning.BodyHTML}}</p>
|
||||
</footer>
|
||||
</article>
|
||||
{{end}}
|
||||
|
||||
<form action="./admin" method="POST">
|
||||
|
||||
<h3>HomeAssistant</h3>
|
||||
<label>HomeAssistant's base URL <input type="text" name="base_url" value="{{.Config.HomeAssistant.BaseURL}}" required></label>
|
||||
<label>HomeAssistant's API Key <input type="text" name="api_key" value="{{.Config.HomeAssistant.ApiKey}}" required></label>
|
||||
|
||||
<h3>Sensors</h3>
|
||||
<label>Polled Smart Energy Summation entity ID <input type="text" name="polled_smart_energy_summation" value="{{.Config.Sensors.PolledSmartEnergySummation}}" required></label>
|
||||
<label>CO2 signal Grid fossil fuel percentage entity ID <input type="text" name="fossil_percentage" value="{{.Config.Sensors.FossilPercentage}}" required></label>
|
||||
|
||||
<h3>Admin account</h3>
|
||||
<label>Username <input type="text" name="username" value="{{.Config.Administrator.Username}}" required></label>
|
||||
{{if .Config.Administrator.PasswordHash}}
|
||||
<label>
|
||||
<input type="checkbox" name="keep_old_password" onchange="toggle_password_edit()">
|
||||
<p class="checkable">Keep the old password</p>
|
||||
</label>
|
||||
{{end}}
|
||||
<label>Password <input type="password" name="password" id="password" required></label>
|
||||
|
||||
<h3>Personalization</h3>
|
||||
<label>Theme
|
||||
<select name="theme">
|
||||
{{range .Themes}}
|
||||
<option value="{{.Name}}">{{.Name}}</option>
|
||||
{{end}}
|
||||
</select>
|
||||
</label>
|
||||
<label>Dashboard name <input type="text" name="name" value="{{.Config.Dashboard.Name}}"></label>
|
||||
<input type="submit" placeholder="Submit" style="margin-top: 2em; width: 100%">
|
||||
|
||||
</form>
|
||||
|
||||
<script>
|
||||
function toggle_password_edit() {
|
||||
const psw_field = document.getElementById('password');
|
||||
psw_field.disabled = !psw_field.disabled;
|
||||
}
|
||||
</script>
|
||||
66
templates/default/assets/bitcoin.svg
Normal file
66
templates/default/assets/bitcoin.svg
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="140"
|
||||
height="141.347"
|
||||
version="1.1"
|
||||
id="svg10"
|
||||
sodipodi:docname="bitcoin.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
|
||||
<metadata
|
||||
id="metadata16">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs14" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1859"
|
||||
inkscape:window-height="1017"
|
||||
id="namedview12"
|
||||
showgrid="false"
|
||||
inkscape:zoom="2.1411258"
|
||||
inkscape:cx="159.77411"
|
||||
inkscape:cy="159.841"
|
||||
inkscape:window-x="1341"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg10" />
|
||||
<circle
|
||||
cx="70"
|
||||
cy="70"
|
||||
id="ellipse2"
|
||||
style="fill:none;stroke:#000000;stroke-width:6.82112;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
r="66.589439" />
|
||||
<ellipse
|
||||
cx="70"
|
||||
cy="70.672997"
|
||||
rx="54.561001"
|
||||
ry="55.102001"
|
||||
id="ellipse4"
|
||||
style="fill:none;stroke:#000000;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" />
|
||||
<path
|
||||
d="M 77.476,42.128 H 53.623 v 25.943 h 23.853 a 12.972,12.972 0 0 0 0,-25.943 z m 0,25.943 H 53.623 v 25.943 h 23.853 a 12.972,12.972 0 0 0 0,-25.943 z M 61.463,33.477 v 8.108 m 14.011,-8.108 v 8.108 m -14.011,53.26 v 8.109 m 14.011,-8.109 v 8.109 M 46.277,42.128 h 8.108 m -8.108,51.886 h 8.108"
|
||||
id="path6"
|
||||
style="fill:none;stroke:#000000;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
13
templates/default/assets/chartjs/chart.js
Normal file
13
templates/default/assets/chartjs/chart.js
Normal file
File diff suppressed because one or more lines are too long
26
templates/default/assets/custom.css
Normal file
26
templates/default/assets/custom.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
html {
|
||||
max-width: 70ch;
|
||||
padding: 4em 1em;
|
||||
margin: auto;
|
||||
line-height: 1.75;
|
||||
}
|
||||
h3 {
|
||||
padding: 2em 0 0.3em;
|
||||
}
|
||||
.dropimage, button, .button, [type=submit], .label, [data-tooltip]:after {
|
||||
background: #00a440
|
||||
}
|
||||
|
||||
.footnote {
|
||||
margin-bottom: 50px;
|
||||
color: rgba(0,0,0,0.7);
|
||||
font-size: 0.7em;
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.home-cards {
|
||||
height: 100%;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
.home-cards h3 { padding-top: 10px }
|
||||
nav { border-bottom: 1px solid #aaa}
|
||||
BIN
templates/default/assets/favicon.ico
Normal file
BIN
templates/default/assets/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
51
templates/default/assets/light-bulb.svg
Normal file
51
templates/default/assets/light-bulb.svg
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.0"
|
||||
width="100"
|
||||
height="100"
|
||||
xml:space="preserve"
|
||||
id="svg6"
|
||||
sodipodi:docname="light-bulb.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata12"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs10" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1859"
|
||||
inkscape:window-height="1017"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:zoom="6.052834"
|
||||
inkscape:cx="70.074534"
|
||||
inkscape:cy="47.818983"
|
||||
inkscape:window-x="1341"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" /><g
|
||||
id="g839"
|
||||
transform="matrix(1.2499718,0,0,1.2499687,-12.498592,-12.498437)"
|
||||
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"><path
|
||||
d="m 50,9.999 c -14.729,0 -26.667,11.937 -26.667,26.667 0,3.609 0.729,7.066 2.041,10.208 l 7.959,19.214 v 17.246 c 0.0011,3.681625 2.985375,6.665896 6.667,6.667 h 20 c 3.68254,0.0011 6.668105,-2.98446 6.667,-6.667 V 66.095 L 74.629,46.874 C 75.976041,43.639385 76.668717,40.169891 76.667,36.666 76.667,21.936 64.733,9.999 50,9.999 Z M 61.600263,84.933676 H 38.39974 v -13.19983 l 23.200523,0.007 z M 70.069872,44.322 60.812246,66.668 H 39.187758 L 29.925949,44.306 C 28.915097,41.885903 28.396706,39.288723 28.400314,36.666 28.400314,25.637 38.972,15.066327 50,15.066327 c 11.028,0 21.599872,10.570673 21.599872,21.599673 0,2.643 -0.515,5.215 -1.53,7.656 z"
|
||||
id="path2"
|
||||
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
sodipodi:nodetypes="sscccccccccsccccccccccssc" /><path
|
||||
d="m 44.167,24.999 -7.5,20 h 17.047 l -5,13.334 h 7.119 l 7.5,-20.001 H 46.286 l 5,-13.333 z"
|
||||
id="path4"
|
||||
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none" /></g></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
1
templates/default/assets/logo.svg
Normal file
1
templates/default/assets/logo.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 114.86"><defs><style>.cls-1{fill:#01a437;}</style></defs><title>leaves</title><path class="cls-1" d="M59.07,110.77C110.92,105,139.6,71.12,112.44,0c-21.29,14.9-50.39,24.6-65,44.55C57,52.94,64.89,62.23,67.08,74.37c13.19-16.08,27.63-30.72,35.23-47-7.79,39.07-20,53.84-38.78,73.81a93.64,93.64,0,0,1-4.46,9.62Zm-14.9,4C4,105-15.18,76.09,14.27,24.75c23.8,22.92,65.79,37.48,38.39,85.86a27.08,27.08,0,0,1-1.83,2.93C45.9,89.62,26.21,70.69,20.43,50.61,21.77,83.42,31.23,93,45.88,114.86c-.57,0-1.14-.06-1.71-.13Z"/></svg>
|
||||
|
After Width: | Height: | Size: 603 B |
47
templates/default/assets/oven.svg
Normal file
47
templates/default/assets/oven.svg
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
viewBox="0 0 64 64"
|
||||
style="enable-background:new 0 0 64 64"
|
||||
xml:space="preserve"
|
||||
version="1.1"
|
||||
id="svg6"
|
||||
sodipodi:docname="oven.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata12"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs10" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1859"
|
||||
inkscape:window-height="1017"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
inkscape:zoom="16"
|
||||
inkscape:cx="22.304161"
|
||||
inkscape:cy="16.24794"
|
||||
inkscape:window-x="1085"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" /><path
|
||||
d="M 59.767,6.07 H 4.233 C 2.4479872,6.072205 1.001653,7.5189866 1,9.304 v 40.895 c 0,1.431 0.942,2.635 2.233,3.059 v 2.593 c 0,1.146 0.934,2.079 2.082,2.079 H 16.29 c 1.148458,-5.49e-4 2.079795,-0.930544 2.082,-2.079 V 53.432 H 45.63 v 2.419 c 0,1.146 0.932,2.079 2.079,2.079 h 10.978 c 1.147352,-0.0017 2.076898,-0.931647 2.078,-2.079 V 53.258 C 62.06,52.834 63,51.63 63,50.198 V 9.305 C 62.998347,7.5199866 61.552013,6.073205 59.767,6.071 Z M 14.873,54.3515 c 0,0.041 -0.04,0.079 -0.082,0.079 L 6.815,54.43 c -0.043,-3e-6 -0.0825,-0.0375 -0.0825,-0.0785 V 53.432 h 8.1405 v 0.9205 z m 42.394,-5e-4 c -5.39e-4,0.0434 -0.0361,0.07846 -0.0795,0.079 H 49.21 c -0.0438,3e-6 -0.07995,-0.03471 -0.0805,-0.0785 V 53.432 h 8.137 v 0.9205 z M 59.5,48.7 c 0.0042,1.262449 -0.5545,1.233 -1.2335,1.233 H 5.7325 C 5.0525,49.932 4.4995,49.38 4.4995,48.7 V 10.617 c 0,-0.68 0.553,-1.046 1.233,-1.046 h 52.534 c 0.68,0 1.233,0.365 1.233,1.046 v 38.082 z"
|
||||
id="path2"
|
||||
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
sodipodi:nodetypes="cccscssccccsscccsccccssscccccccccccccscssssscc" /><path
|
||||
d="M 46.105,12.67 H 7.75 c -0.5522847,0 -1,0.447715 -1,1 v 32.18 c 0,0.552285 0.4477153,1 1,1 h 38.356 c 0.552285,0 1,-0.447715 1,-1 V 13.67 c 0,-0.552285 -0.447715,-1 -1,-1 z m -2.5,2 -5e-4,12.592 H 10.25 V 16.17 H 43.6055 Z M 10.25,43.35 V 30.762 H 43.6055 V 43.35 Z M 51.39,18.044 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z m 0,6.754 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z m 2.535,11.794 c -2.202,0 -3.993,1.791 -3.993,3.994 0,2.203 1.79,3.993 3.993,3.993 2.203,0 3.994,-1.791 3.994,-3.994 0,-2.203 -1.792,-3.993 -3.994,-3.993 z m 0,5.987 c -1.099,0 -1.993,-0.894 -1.993,-1.994 0,-1.1 0.894,-1.993 1.993,-1.993 1.1,0 1.994,0.894 1.994,1.993 0,1.099 -0.895,1.994 -1.994,1.994 z M 51.39,31.81 h 4.789 c 1.333333,0 1.333333,-3.5 0,-3.5 H 51.39 c -1.333333,0 -1.333333,3.5 0,3.5 z"
|
||||
id="path4"
|
||||
style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
|
||||
sodipodi:nodetypes="cssssssssccccccccccccsssssssssssssssssssssssss" /></svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
1
templates/default/assets/picnic/picnic.min.css
vendored
Normal file
1
templates/default/assets/picnic/picnic.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
137
templates/default/assets/washing.svg
Normal file
137
templates/default/assets/washing.svg
Normal file
|
|
@ -0,0 +1,137 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0"
|
||||
y="0"
|
||||
viewBox="0 0 64 64"
|
||||
style="enable-background:new 0 0 64 64"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="washing.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata12"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs10" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1859"
|
||||
inkscape:window-height="1017"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:zoom="9.4575532"
|
||||
inkscape:cx="40.40291"
|
||||
inkscape:cy="11.162574"
|
||||
inkscape:window-x="1341"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1"><sodipodi:guide
|
||||
position="6,64"
|
||||
orientation="0,-1"
|
||||
id="guide843" /><sodipodi:guide
|
||||
position="6,0"
|
||||
orientation="0,-1"
|
||||
id="guide845" /><sodipodi:guide
|
||||
position="10,50"
|
||||
orientation="0,-1"
|
||||
id="guide847" /><sodipodi:guide
|
||||
position="10,46"
|
||||
orientation="0,-1"
|
||||
id="guide849" /><sodipodi:guide
|
||||
position="10,4"
|
||||
orientation="0,-1"
|
||||
id="guide851" /><sodipodi:guide
|
||||
position="10,60"
|
||||
orientation="0,-1"
|
||||
id="guide853" /><sodipodi:guide
|
||||
position="6,64"
|
||||
orientation="1,0"
|
||||
id="guide855" /><sodipodi:guide
|
||||
position="10,60"
|
||||
orientation="1,0"
|
||||
id="guide857" /><sodipodi:guide
|
||||
position="54,60"
|
||||
orientation="1,0"
|
||||
id="guide859" /><sodipodi:guide
|
||||
position="58,64"
|
||||
orientation="1,0"
|
||||
id="guide861" /><sodipodi:guide
|
||||
position="8,64"
|
||||
orientation="-1,0"
|
||||
id="guide867"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="56,64"
|
||||
orientation="-1,0"
|
||||
id="guide869"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="6,62"
|
||||
orientation="0,1"
|
||||
id="guide871"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="58,2"
|
||||
orientation="0,1"
|
||||
id="guide875"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="54,57"
|
||||
orientation="0,1"
|
||||
id="guide886"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="61.943925,53"
|
||||
orientation="0,1"
|
||||
id="guide888"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="50,60"
|
||||
orientation="-1,0"
|
||||
id="guide890"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /><sodipodi:guide
|
||||
position="40,60"
|
||||
orientation="-1,0"
|
||||
id="guide894"
|
||||
inkscape:label=""
|
||||
inkscape:locked="false"
|
||||
inkscape:color="rgb(0,0,255)" /></sodipodi:namedview><style
|
||||
id="style2">.st0{fill:#231f20}</style><path
|
||||
id="XMLID_579_"
|
||||
class="st0"
|
||||
d="M 31.94,21 C 22.05,21 14,29.05 14,38.94 c 0,9.89 8.05,17.94 17.94,17.94 9.89,0 17.94,-8.05 17.94,-17.94 C 49.87,29.05 41.83,21 31.94,21 Z m 0,31.87 C 24.25,52.87 18,46.62 18,38.94 18,31.26 24.25,25 31.94,25 c 7.69,0 13.94,6.25 13.94,13.94 0,7.69 -6.26,13.93 -13.94,13.93 z"
|
||||
style="fill:#000000" /><path
|
||||
id="XMLID_575_"
|
||||
class="st0"
|
||||
d="m 6,4 v 56 c 0,2 2,4 4,4 h 44 c 2,0 4,-2 4,-3.998983 V 3.9642939 C 58,2 56,0 54.031875,0 H 10 C 8,0 6,2 6,4 Z M 54,4 V 14 H 10 V 4 Z M 10,60 V 18 h 44 v 42 z"
|
||||
sodipodi:nodetypes="ccccccccccccccccccc"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-opacity:1" /><rect
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:7;stroke-opacity:1"
|
||||
id="rect896"
|
||||
width="10"
|
||||
height="4"
|
||||
x="40"
|
||||
y="7" /></svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
36
templates/default/base.html
Normal file
36
templates/default/base.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>EcoDash</title>
|
||||
<link rel="stylesheet" href="assets/picnic/picnic.min.css">
|
||||
<link rel="stylesheet" href="assets/custom.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./" class="brand">
|
||||
<img class="logo" src="assets/logo.svg" />
|
||||
<span>{{.Defaults.DashboardName}}</span>
|
||||
</a>
|
||||
<input id="bmenub" type="checkbox" class="show">
|
||||
<label for="bmenub" class="burger button">Menu</label>
|
||||
<div class="menu">
|
||||
{{range .Defaults.HeaderLinks}}
|
||||
<a href="{{.Destination}}" class="{{if not .Primary}}pseudo {{end}}button" {{if .NewTab}}target="_blank" rel="noopener noreferrer"{{end}}>{{.Label}}</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{{embed}}
|
||||
|
||||
<hr style="margin-top: 30px">
|
||||
<p style="margin: 0; padding: 17px 0 17px 0; text-align:center">
|
||||
{{range .Defaults.FooterLinks}}
|
||||
<a href="{{.Destination}}" {{if .NewTab}}target="_blank" rel="noopener noreferrer"{{end}}>{{.Label}}</a> |
|
||||
{{end}}
|
||||
<a href="./accuracy-notice">Disclaimer</a> | <a href="https://gitea.massivebox.net/massivebox/ecodash" target="_blank" rel="noopener noreferrer">EcoDash</a>
|
||||
</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
105
templates/default/index.html
Normal file
105
templates/default/index.html
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<script src="assets/chartjs/chart.js"></script>
|
||||
|
||||
<h1>Green report</h1>
|
||||
|
||||
<canvas id="report"></canvas>
|
||||
<p class="footnote">
|
||||
This server's energy statistics for the last eight days (current day included)
|
||||
</p>
|
||||
|
||||
|
||||
<div class="flex two">
|
||||
<div>
|
||||
<div class="home-cards card">
|
||||
<div>
|
||||
<h3>Energy usage per day</h3>
|
||||
<svg width="100%" height="50px" viewBox="0 0 80 15">
|
||||
<text x="0" y="15">{{.PerDayUsage}} kWh</text>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="home-cards card">
|
||||
<div>
|
||||
<h3>Green energy %</h3>
|
||||
<svg width="100%" height="50px" viewBox="0 0 80 15">
|
||||
<text x="0" y="15">{{.GreenEnergyPercent}} %</text>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<article class="card">
|
||||
<header>
|
||||
<h3>This server consumes in a day as much as...</h3>
|
||||
</header>
|
||||
<footer>
|
||||
<div class="flex two four-600">
|
||||
<div>
|
||||
<img src="assets/light-bulb.svg" alt="Lightbulb" style="width: 100%">
|
||||
<p><b>{{divide .PerDayUsage 0.072}} desk lights</b> running for a day</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/washing.svg" alt="Air Conditioner" style="width: 100%">
|
||||
<p><b>{{divide .PerDayUsage 0.66}} washing machines</b> completing a cycle</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/oven.svg" alt="Oven" style="width: 100%">
|
||||
<p><b>{{divide .PerDayUsage 1.2}} electric ovens</b> baking a cake</p>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/bitcoin.svg" alt="Bitcoin" style="width: 100%">
|
||||
<p><b>{{divide .PerDayUsage 1300}} Bitcoin transactions</b></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<p class="footnote">
|
||||
Calculated on the latest seven days (current day excluded).
|
||||
</p>
|
||||
|
||||
<script>
|
||||
|
||||
const data = {
|
||||
labels: {{.Labels}},
|
||||
datasets: [
|
||||
{
|
||||
label: 'Green energy usage',
|
||||
backgroundColor: '#00a440',
|
||||
borderColor: '#00a440',
|
||||
data: {{.GreenEnergyPercents}},
|
||||
}, {
|
||||
label: 'Total energy usage',
|
||||
backgroundColor: 'rgba(0,116,217,0.8)',
|
||||
borderColor: '#0074d9',
|
||||
data: {{.EnergyConsumptions}},
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
const myChart = new Chart(
|
||||
document.getElementById('report'),
|
||||
{
|
||||
data: data,
|
||||
type: 'bar',
|
||||
options: {
|
||||
scales: {
|
||||
x: {
|
||||
stacked: true
|
||||
},
|
||||
y: {
|
||||
position: 'left',
|
||||
min: 0,
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Energy usage (kWh)'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
</script>
|
||||
19
templates/default/login.html
Normal file
19
templates/default/login.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<h1>Login</h1>
|
||||
<p>Insert your credentials to access the Admin Panel.</p>
|
||||
|
||||
{{if .Failed}}
|
||||
<article class="card" style="background-color: #ff5050; color: white">
|
||||
<header>
|
||||
<h3>Error!</h3>
|
||||
</header>
|
||||
<footer>
|
||||
<p>There was a problem with the login. Check your credentials and try again.</p>
|
||||
</footer>
|
||||
</article>
|
||||
{{end}}
|
||||
|
||||
<form action="./admin" method="POST">
|
||||
<label>Username <input type="text" name="username" required></label>
|
||||
<label>Password <input type="password" name="password" required></label>
|
||||
<input type="submit" placeholder="Submit">
|
||||
</form>
|
||||
6
templates/default/restart.html
Normal file
6
templates/default/restart.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<h1>Restarting...</h1>
|
||||
<p>
|
||||
You should be able to continue using EcoDash soon by clicking <a href="/">here</a>.<br>
|
||||
If you get an error like "Address Unreachable", make sure you've allowed your container to restart automatically.<br>
|
||||
Check the error logs if the error persists.
|
||||
</p>
|
||||
Loading…
Add table
Add a link
Reference in a new issue