Giter Site home page Giter Site logo

boriswerner / iobroker.habpanel Goto Github PK

View Code? Open in Web Editor NEW

This project forked from iobroker-community-adapters/iobroker.habpanel

0.0 0.0 0.0 7.19 MB

AngularJS-based dashboard-like interface for ioBroker (based on openHAB panel)

License: Eclipse Public License 1.0

HTML 44.44% JavaScript 47.48% CSS 1.98% Shell 1.14% SCSS 4.97%

iobroker.habpanel's Introduction

Logo

ioBroker.habpanel

Number of Installations Number of Installations NPM version Downloads

NPM

HABPanel is a lightweight dashboard interface for ioBroker based on OpenHAB HABpanel.

It notably features an embedded dashboard designer allowing to build interfaces easily right on the target device.

Installation

Important! This adapter cannot be installed directly from github. Only from npm.

Getting started

  • When accessing HABPanel for the first time on a new browser or device, you should be presented with a rather empty screen - follow the tutorial and begin by clicking (or tapping) on the top-right corner icon.
  • You're now in edit mode, a link ("Add new dashboard") appeared, as well as an "Advanced settings" link.
  • If you previously used HABPanel and stored some panel configurations on the server, go to "Advanced settings" and click on your previous configuration - it will be instantly brought back. Or, create your first dashboard: click/tap on the "Add new dashboard" link and give it a name.
  • Click/tap on the dashboard tile to enter the dashboard editor
  • Add your first widget: select the "Add Widget" menu and choose a widget type (let's say Dummy - a simple widget displaying an item's state)
  • Move the widget by drag-and-drop and resize it with the white chevron - it appears when you click on the widget
  • Hit on the three dots in the widget top-right corner to bring up its context menu and choose "Edit..."
  • Adjust some settings (name, openHAB item etc.) and confirm your changes
  • Save your configuration by clicking/tapping the Save button
  • Click/tap Run to see your dashboard in action - use your browser's back button or the arrow to go back to the drawing board
  • Once you're happy with your set of dashboards, go back to "Advanced settings" then click/tap on "Save the current configuration to a new panel configuration"; this will store it on the openHAB 2 server as described above, and make it available for reuse.

Screenshots

Changelog

0.4.3 (2020-08-22)

  • (bluefox) The compatibility to socket.io 3.0.13 provided

0.4.1 (2020-02-10)

  • (Apollon77) compatibility to web 3.0

0.3.5 (2019-04-15)

  • (yaming116) bugfix i18n

0.3.4 (2019-02-04)

  • (janfromberlin) button widget did not handle primitive boolean commands
  • (matthiasgasser) fix time series query start date, adapted end date

0.3.3 (2019-02-02)

  • (janfromberlin) fix button toggle functionality for true/false

0.3.2 (2019-01-30)

  • (foxthefox) chart and timeline functionality fixed

0.3.1 (2019-01-27)

  • (foxthefox) chart and timeline functionality added

0.2.6 (2019-01-14)

  • (jogibear9988) bugfix selection element

0.2.5 (2019-01-14)

  • (jogibear9988) bugfix format strings

0.2.4 (2019-01-13)

  • (jogibear9988) bugfix template widget

0.2.3 (2019-01-11)

  • (jogibear9988) upgrade to current openhab version

0.1.7 (2017-05-20)

  • (bluefox) add to welcome screen

0.1.6 (2017-05-15)

  • (bluefox) initial commit

License

Copyright 2017-2020 bluefox [email protected]

Eclipse Public License

iobroker.habpanel's People

Contributors

andreasgebauer avatar andreypopov avatar antsunzj avatar apollon77 avatar dependabot-preview[bot] avatar digiltd avatar dutchmannl avatar foxthefox avatar germanbluefox avatar ghys avatar gulliverhan avatar hreichert avatar hww3 avatar hypetsch avatar isigmund avatar janfromberlin avatar jogibear9988 avatar kaikreuzer avatar kubawolanin avatar luckymallari avatar matthiasgasser avatar mgfriedel avatar mikenemat avatar openhab-bot avatar pfink avatar slintes avatar thomdietrich avatar watou avatar yaming116 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.