iobroker.vis-2
Version:
Next generation graphical user interface for ioBroker.
142 lines (133 loc) • 8.26 kB
HTML
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<script type="module" src="./assets/hostInit-B9zXb-Vi.js"></script>
<title>ioBroker.vis</title>
<meta charset="utf-8"/>
<link rel="shortcut icon" href="./favicon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="theme-color" content="#000000"/>
<link rel="manifest" href="./manifest.json" id="vis-manifest"/>
<link rel="stylesheet" type="text/css" href="./lib/css/jquery.multiselect-1.13.css"/>
<script type="text/javascript" src="./lib/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="./lib/js/jquery-ui-1.11.4.full.min.js"></script>
<script type="text/javascript" src="./lib/js/can.custom.js"></script>
<script type="text/javascript" src="./lib/js/jquery.multiselect-1.13.min.js"></script>
<script type="text/javascript" src="./lib/js/quo.standalone.js"></script>
<script type="text/javascript" id="_socket/info.js"></script>
<script type="text/javascript" id="config.js"></script> <!-- this file must be before vis.js -->
<script type="text/javascript">
window.apiUrl = 'https://iobroker.net'; // Marketplace server
window.webPrefix = '/market'; // Prefix for the marketplace client
window.marketplaceClient = 'https://iobroker.net/market';
// window.apiUrl = 'http://localhost:3009'; // Marketplace server
// window.webPrefix = ''; // Prefix for marketplace client
// window.marketplaceClient = 'http://localhost:3002';
function loadRemoteScript(scriptId, scriptUrl) {
return new Promise(resolveScript => fetch(scriptUrl, {
credentials: 'include'
})
.then(response => {
if (response.status === 408) {
// no connection with ioBroker
response.json()
.then(data => {
console.warn(`ioBroker not connected: ${JSON.stringify(data)}`)
window.location.reload();
});
} else if (response.status === 401) {
window.location = 'https://remote-html-login.iobroker.in';
} else if (response.status !== 200) {
return response.text()
.then(data => {
window.alert(`Unexpected error: ${data}`);
});
} else {
response.text()
.then(text => {
const newScript = document.createElement('script');
newScript.innerHTML = text;
const oldScript = document.getElementById(scriptId);
oldScript.parentNode.replaceChild(newScript, oldScript);
resolveScript();
});
}
})
.catch(e => {
// redirect to login page
window.alert(`Cannot get ${scriptUrl}: ${e}`);
}));
}
// if we are in the cloud
if (window.location.hostname.includes('iobroker.in')) {
// load config.js over file service from the iobroker instance
window.visConfigLoaded = new Promise(resolve => {
const promiseInfo = loadRemoteScript('_socket/info.js', 'https://remote-files.iobroker.in/vis-2/_socket/info.js');
const promiseConfig = loadRemoteScript('config.js', 'https://remote-files.iobroker.in/vis-2/config.js');
Promise.all([promiseInfo, promiseConfig])
.then(() => resolve());
});
} else {
const configScript = document.getElementById('config.js');
const infoScript = document.getElementById('_socket/info.js');
window.visConfigLoaded = new Promise(resolve => {
const promiseInfo = new Promise(resolveInfo => {
infoScript.onload = () => resolveInfo();
infoScript.src = '_socket/info.js';
});
const promiseConfig = new Promise(resoleConfig => {
configScript.onload = () => resoleConfig();
configScript.src = 'config.js';
});
Promise.all([promiseInfo, promiseConfig])
.then(() => resolve());
});
}
window.visConfigLoaded
.then(() => {
window.vendorPrefix = window.vendorPrefix || '@@vendorPrefix@@';
window.disableDataReporting = window.disableDataReporting || '@@disableDataReporting@@';
window.loadingBackgroundColor = window.loadingBackgroundColor || '@@loadingBackgroundColor@@';
window.loadingBackgroundImage = window.loadingBackgroundImage || '@@loadingBackgroundImage@@';
window.loadingHideLogo = window.loadingHideLogo || '@@loadingHideLogo@@';
});
</script>
<script type="text/javascript" onerror="setTimeout(function(){window.location.reload()}, 5000)" src="../../lib/js/socket.io.js"></script>
<!--script type="text/javascript" src="/../../socket.io/socket.io.js"></script-->
<script type="module" crossorigin src="./assets/index-BRd7FNtl.js"></script>
<link rel="modulepreload" crossorigin href="./assets/preload-helper-D5QYaGzd.js">
<link rel="modulepreload" crossorigin href="./assets/virtual_mf-REMOTE_ENTRY_ID_iobroker_vis__remoteEntry_js-C1lLKz-z.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare__react__loadShare__.js-QKtVi7r1.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare__react__loadShare__.js_commonjs-proxy-DZ2NGvQn.js">
<link rel="modulepreload" crossorigin href="./assets/jsx-runtime-DXKJPqi2.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare__react_mf_2_dom_mf_1_client__loadShare__.js-ZIxpVjoC.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.js-CsN8r17m.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare__prop_mf_2_types__loadShare__.js-OoAqYupB.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare___mf_0_mui_mf_1_material__loadShare__.js-B8Z0SsW4.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__.js-CG0yp7Ex.js">
<link rel="modulepreload" crossorigin href="./assets/visRxWidget-404DmCpH.js">
<link rel="modulepreload" crossorigin href="./assets/clsx-DKpeWZFz.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare___mf_0_mui_mf_1_system__loadShare__.js-Zvkdie3d.js">
<link rel="modulepreload" crossorigin href="./assets/createStyled-CtLRJdF1.js">
<link rel="modulepreload" crossorigin href="./assets/createSvgIcon-BEOyHFEj.js">
<link rel="modulepreload" crossorigin href="./assets/InsertDriveFile-aDtVRikn.js">
<link rel="modulepreload" crossorigin href="./assets/assertThisInitialized-DtkDSj7h.js">
<link rel="modulepreload" crossorigin href="./assets/useMediaQuery-DfRjuqob.js">
<link rel="modulepreload" crossorigin href="./assets/iobroker_vis__loadShare__react_mf_2_dom__loadShare__.js-D8CM_cOC.js">
<link rel="modulepreload" crossorigin href="./assets/Dialog-Dgkz1L-r.js">
<link rel="stylesheet" crossorigin href="./assets/index-CbPDs_Z3.css">
</head>
<body>
<div id="root"></div>
</body>
<script>
// set background as early as possible
let themeType = window.localStorage.getItem('Editor.themeType');
themeType = themeType || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
if (themeType === 'dark') {
window.document.body.className += 'body-dark';
} else {
window.document.body.className += 'body-light';
}
</script>
</html>