@openhab-ui/setup-and-maintenance
Version:
Configuration and maintenance interface for openHAB
33 lines • 8.92 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></head><body><link rel="stylesheet" href="css/index.css" type="text/css"><nav class="mainhome"><a title="Java programming skills?" class="first btn m-2" target="_blank" href="https://www.openhab.org/docs/developer/development/bindings.html"><img src="img/develop_binding.svg.png"><div>We ❤ binding developers</div></a><hr><a title="You know about html, css, javascript?" class="second btn m-2" target="_blank" href="https://www.openhab.org/docs/developer/development/bindings.html"><img src="img/develop_ui.svg.png"><div>User interface development</div></a></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 mainhome"></section><main class="mainhome"><img src="img/openhab-logo.png" alt="openHAB" class="logo"><div class="introcard card my-4 border-primary"><div class="card-body"><h3 class="card-title">Welcome aboard!</h3><div class="row"><p class="card-text col-sm mb-0">You are using the <b>Setup & Maintenance</b> interface of openHAB.<br>Our introduction slides will guide you through openHABs features and explain how to use this interface.</p><div class="col-md-auto text-right"><a class="btn btn-primary-hover" href="tutorial.html">Introduction</a></div></div><div class="row"><details class="card-text col-sm mb-0 mt-2"><summary>Improve your openHAB skills: Check our tutorial section</summary><div class="card-body"><div class="row"><ui-community-topics id="tutorialtopics" class="card-text col-sm" topics="c/tutorials-examples/l/latest" order="created" limit="10"></ui-community-topics><div class="col-md-auto" style="display:flex;flex-direction: column"><a class="btn btn-primary-hover m-2" target="_blank" href="https://community.openhab.org">Community</a> <a class="btn btn-primary-hover m-2" target="_blank" href="https://www.openhab.org/docs">Documentation</a><oh-doc-link class="btn btn-primary-hover m-2" reload target="#tutorialtopics">Reload</oh-doc-link></div></div></div></details></div></div></div><oh-form-bind adapter="modeladapter_forms/userinterfaces" objectid=""></oh-form-bind><oh-vue-form class="introcard"></oh-vue-form><template><div v-if="value.length" id="userinterfaces"><a v-for="item of value" class="pulseAnimation card p-3" :class="item.type" :title="item.description" :href="link(item)"><img :src="image(item)"><header class="title">{{item.label}}</header><section>{{item.description}}</section></a></div><div v-else class="card p-3 mb-4"><p>We have not found any control user-interfaces on your openHAB installation.<br>After you are done with setting up: Head over to the <span class="demolink">Add-ons</span> page and install some.</p><p>Go through the tutorial for futher guidance.</p></div></template></main><footer class="mainhome"><div class="line"></div><div class="links"><oh-login-status-link class="ml-auto invisible" style="min-width: 220px;min-height: 20px;text-align: right;"><a slot="connected" href="login.html">Logout from <span class="hostname"></span></a><div slot="disconnected"><span class="hostname"></span> - <a href="login.html">Connection failed</a></div></oh-login-status-link><a class="mx-4" href="about.html">About | Open Source Attributions</a></div><a style="background-color:var(--primary-light); position: fixed;bottom: 50px;left:50px;width: 100px;height: 100px;display: flex;text-align: center;justify-content: center" class="card first" href="roadmap.html">ROADMAP</a></footer><aside class="mainhome"><h4><span>Latest announcements</span><oh-doc-link target="#latesttopics" reload><a href="#"><i class="fas fa-sync-alt"></i></a></oh-doc-link></h4><ui-community-topics id="latesttopics" class="sidebar hover" topics="c/announcements/l/latest" order="created" limit="2"></ui-community-topics><h4><span>Conventions & Events</span><oh-doc-link target="#conventions" reload><a href="#"><i class="fas fa-sync-alt"></i></a></oh-doc-link></h4><ui-community-topics id="conventions" class="sidebar hover" topics="c/organisation/events/l/latest" order="created" limit="4"></ui-community-topics></aside></body></html>