iobroker.energiefluss-erweitert
Version:
This ioBroker adapter is the next Version of the energiefluss with the attribute 'erweitert' and allows to display an energyflow animation inside an iframe or HTML DIV.
133 lines (120 loc) • 5.61 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, interactive-widget=resizes-content">
<title>Energiefluss - erweitert</title>
<meta name="description" content="Provides an animated energy-flow">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="msapplication-TileColor" content="#538ea3">
<meta name="theme-color" content="#538ea3">
<link class=favicon rel=icon type=image/ico href="img/icons/favicon.ico">
<link rel="stylesheet" href="style/jquery-ui.css">
<link rel="stylesheet" href="style/style.css?v=0.8.2.1">
<script src="/socket.io/socket.io.js"></script>
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/translate.min.js"></script>
<script src="js/words.js?v=0.8.2.1"></script>
<script src="js/functions.min.js?v=0.8.2.1"></script>
<style id="style_animation"></style>
<style id="style_user"></style>
</head>
<body>
<div id="loading">
<div class="loading-spinner">
<div class="loading-spinner-dot"></div>
<div class="loading-spinner-dot"></div>
<div class="loading-spinner-dot"></div>
<div class="loading-spinner-dot"></div>
<div class="loading-spinner-dot"></div>
<div class="loading-spinner-dot"></div>
</div>
<span id="loading_text" class="translate" data-lang="msg_loading_liveview">Loading your Energiefluss -
erweitert</span>
<div id="frameContainer" class="popUpContainer">
<div class="title">
<div id="iframe_close" class="close" onclick="closeEditorContainer('frame');"></div>
</div>
</div>
</div>
<div id="errorLogContainer" class="popUpContainer">
<div class="title">
<span class="translate" data-lang="title_errorLog">Error Log</span>
<div class="close" onclick="closeEditorContainer('errorLog');"></div>
</div>
<!-- Error Log -->
<div class="ef-table-div scrollbar">
<table class="ef-table log" id="errorLog-table">
<thead>
<tr>
<th><span class="translate" data-lang="lbl_config_element">Element</span>
</th>
<th><span class="translate" data-lang="lbl_errorLog_for">For</span>
</th>
<th><span class="translate" data-lang="lbl_errorLog_message">Error message</span>
</th>
<th><span class="translate" data-lang="lbl_errorLog_function">Called function</span>
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<div id="action_change_value">
<div class="detail_box shortcut" id="shortcuts.action">
<div class="contentBox">
<div class="form_div text">
<input type="text" class="input_number" name="shortcuts.action.value" id="shortcuts.action.value"
placeholder="" autocomplete="off">
<label for="shortcuts.action.value" class="form_label translate" data-lang="opt_value">Value</label>
</div>
</div>
</div>
<div class="detail_box shortcut" id="shortcuts.elements"></div>
</div>
<svg viewBox="0 0 800 500" class="" preserveAspectRatio="xMinYMid meet" id="svg_display">
<!-- Definations-->
<defs id="placeholder_defs" class="placeholders"></defs>
<!-- Webkit Filters -->
<defs id="placeholder_filter" class="placeholders"></defs>
<!-- Element gradients -->
<defs id="placeholder_gradients" class="placeholders"></defs>
<!-- Lines -->
<g id="placeholder_lines" class="placeholders"></g>
<!-- Animation -->
<g id="placeholder_animations" class="placeholders"></g>
<!-- Elements -->
<g id="placeholder_elements" class="placeholders"></g>
<!-- Texts -->
<g id="placeholder_text" class="placeholders"></g>
<!-- Icons -->
<g id="placeholder_icons" class="placeholders"></g>
</svg>
<div id="mouse_contextmenu">
<ul>
<li>
<div id="config_link_ctx">
<span class="iconify" data-height="24" data-width="24" data-icon="mdi:cog"></span>
<span class="translate" data-lang="title_configuration">Open configuration</span>
</div>
</li>
</ul>
</div>
<div id="info_error_area">
<a href="javascript:openErrorLog();" class="tooltip" data-title="title_error_link" title="Open Error Log">
<span class="iconify info_error_icon" data-icon="material-symbols:info-outline" data-width="24"
data-height="24"></span>
</a>
</div>
<div id="config_link">
<a href="#" class="tooltip" data-title="title_configuration" accesskey="e">
<span class="iconify config_icon" data-icon="mdi:cog" data-width="24" data-height="24"></span>
</a>
</div>
<div id="toast-container" class="toast-container scrollbar"></div>
</body>
</html>