@openhab-ui/setup-and-maintenance
Version:
Configuration and maintenance interface for openHAB
33 lines • 11 kB
HTML
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=yes"><link rel="icon" href="img/favicon.ico"><link rel="manifest" href="/manifest.json"><link rel="preload" href="fonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="fonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="fonts/roboto-v18-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="fonts/roboto-v18-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese-500.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="fonts/roboto-v18-latin-ext_greek_cyrillic_cyrillic-ext_greek-ext_latin_vietnamese-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="img/pattern_opacity.png" as="image"><link rel="preload" href="img/openhab-logo.svg" as="image"><link rel="stylesheet" href="css/main.css" type="text/css"><link rel="stylesheet" href="css/main_deferred.css" type="text/css"><script type="module" src="js/app.js" async></script><script type="module" src="js/vue.js" async></script><script type="module" src="js/ohcomponents.js" async></script><script type="module" src="js/uicomponents.js" async></script><script type="module">async function applyTheme() {
if (localStorage.getItem("darktheme") === "true") {
let darkthemecss = document.getElementById("darkthemecss");
if (!darkthemecss) {
let head = document.getElementsByTagName('head')[0];
let link = document.createElement('style');
link.id = "darkthemecss";
link.innerHTML = await fetch('css/dark.css').then(d => d.text());
head.appendChild(link);
document.dispatchEvent(new Event("themechanged"));
}
} else {
let darkthemecss = document.getElementById("darkthemecss");
if (darkthemecss) darkthemecss.remove();
}
if (localStorage.getItem("widetheme") === "true") {
document.querySelector("body").classList.add("wide");
} else {
document.querySelector("body").classList.remove("wide");
}
window.requestAnimationFrame(() => {
window.dispatchEvent(new Event("resize"));
});
}
window.toggleWideTheme = function (event) {
event.preventDefault();
let isEnabled = localStorage.getItem("widetheme") === "true";
localStorage.setItem("widetheme", !isEnabled);
applyTheme();
}
applyTheme();
window.addEventListener('storage', e => { if (e.key == "darktheme") applyTheme(); });
document.addEventListener('themechange', e => applyTheme());</script><title>openHAB - Empowering the smart home</title><link rel="parent" href="index.html"></head><body><link rel="stylesheet" href="css/tutorial.css" type="text/css"><nav></nav><header class="navbarui"><a class="sidebar-button" href="#" onclick="toggleSidebar(event)"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon" style="max-width: 20px;"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg> </a><a class="home" id="home" href="index.html"><div alt="openHAB" class="logo"></div></a><nav><oh-nav-auto-link></oh-nav-auto-link><div><a id="navmaintenance" href="maintenance.html">Maintenance</a></div><div><a id="navbindings" href="bindings.html">Add-ons</a></div><div><a id="navinbox" href="inbox.html" style="display: inline-flex;align-items: center;">Inbox<oh-form-bind adapter="modeladapter_forms/inboxcounter" objectid=""></oh-form-bind><oh-vue-form></oh-vue-form><template><span class="ml-2 badge badge-pill badge-orange">{{inboxcounter}}</span></template></a></div><div><a id="navthings" href="things.html">Things</a></div><div><a id="navitems" href="items.html">Items</a></div><div><a id="navscheduler" href="schedules.html">Scheduler</a></div><div><a id="navscenes" href="scenes.html">Scenes</a></div><div><a id="navrules" href="rules.html">Automation</a></div></nav></header><nav-ajax-page-load></nav-ajax-page-load><div id="alert-area" class="alert-area"></div><template id="alert-template"><div class="alert-box"><div class="alert-content"><slot></slot></div><a class="alert-close no-loader" data-close href="#"></a></div></template><section class="header"><div><oh-prop-bind attribute="label" queryparameter="title"></oh-prop-bind><nav-breadcrumb label="openHAB Maintenance & Setup"></nav-breadcrumb></div><span class="link roundbtn" onclick="toggleWideTheme(event)"><i class="fas fa-arrows-alt-h"></i></span><oh-doc-link toggle class="link helpbtn roundbtn" title="Open/Close context help"><i class="fas fa-times"></i><i class="fas fa-question"></i></oh-doc-link></section><main><div class="card my-3 mt-0 border-primary"><div class="card-body"><h3 class="card-title">About this interface</h3><p class="card-text">This interface helps you to configure and maintain your openHAB 2.5 and newer installation.</p></div></div><div class="card my-3"><div class="card-body"><h3 class="card-title">How can I get involved?</h3><div class="card-text"><p>Please post texts, pictures, videos of your ideas on how to improve this interface to the Github Issue section of this project.</p><p>Please always use the latest browser version, before you report any problems, thanks.</p></div></div><div class="card-footer"><a target="_blank" class="btn btn-primary" href="https://github.com/davidgraeff/paperui-ng/issues">Issue Board</a> <a target="_blank" class="btn btn-primary" href="https://paypal.me/openhabpaperui">Donate via Paypal</a></div></div><div class="card mb-3 mt-0"><div class="card-body"><h3 class="card-title">Contributions</h3><div class="card-text">Developers: David Gräff</div><div class="card-text">Tutorial: …</div></div></div><div class="card my-3"><div class="card-body"><h3 class="card-title">Open Source Attributions</h3><div class="card-text"><h5>flatpickr - Date/Time picker</h5><a href="https://flatpickr.js.org/">https://flatpickr.js.org/</a><p>flatpickr is a lightweight and powerful datetime picker. Lean, UX-driven, and extensible, yet it doesn’t depend on any libraries. There’s minimal UI but many themes. Rich, exposed APIs and event system make it suitable for any environment. This “lean” philosophy translates to less size and better performance, with a bonus of not having to load 8 libraries for a calendar.</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Ajax page reload</h5><a href="https://github.com/oom-components/page-loader">https://github.com/oom-components/page-loader</a><p>Javascript library to load pages using ajax and replace the content in the current page. It also can change the title, the url, css and javascript. You can use this library to improve the page load speed and create beautiful page transitions.</p><p>© 2018 Released under the MIT license - Oscar Otero</p></div><div class="card-text"><h5>Charts.js</h5><a href="https://www.chartjs.org">https://www.chartjs.org</a><p>Simple yet flexible JavaScript charting for designers & developers</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Leaflet</h5><a href="https://github.com/Leaflet/Leaflet">https://github.com/Leaflet/Leaflet</a><p>JavaScript library for mobile-friendly interactive maps</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>lit-html</h5><a href="https://lit-html.polymer-project.org">https://lit-html.polymer-project.org</a><p>An efficient, expressive, extensible HTML templating library for JavaScript.</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Vue</h5><a href="https://vuejs.org">https://vuejs.org</a><p>Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects.</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Vue portal</h5><a href="https://linusborg.github.io/portal-vue/">https://linusborg.github.io/portal-vue/#/</a><p>A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document.</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Bootstrap 4</h5><a href="https://getbootstrap.com/">https://getbootstrap.com/</a><p>Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins.</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>Fontawesome</h5><a href="https://origin.fontawesome.com/">https://origin.fontawesome.com/</a><p>Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.</p><p>Font Awesome Free License - SIL OFL 1.1 License (https://scripts.sil.org/OFL) for Webfonts</p></div><div class="card-text"><h5>monaco-editor</h5><a href="https://github.com/Microsoft/monaco-editor">https://github.com/Microsoft/monaco-editor</a><p>The Monaco Editor is the code editor which powers VS Code</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>rete</h5><a href="https://rete.js.org/#/">https://rete.js.org/#/</a><p>Rete is a modular framework for visual programming. Rete allows you to create node-based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code</p><p>© 2018 Released under the MIT license</p></div><div class="card-text"><h5>idb</h5><a href="https://github.com/jakearchibald/idb">https://github.com/jakearchibald/idb</a><p>This is a tiny library that mirrors IndexedDB, but replaces the weird IDBRequest objects with promises, plus a couple of other small changes.</p><p>© 2018 Released under the MIT license</p></div></div></div></main><footer></footer><aside></aside></body></html>