npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

iobroker.habpanel

v0.5.0

Published

Dashboard based on HABPanel

Downloads

512

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

foxriver76foxriver76iobluefoxiobluefoxbluefoxbluefoxapollon77apollon77ldittmarldittmaralcalzonealcalzonemcm1957mcm1957pmantpmantmatten-mattenmatten-mattensimatecsimatecdkleber89dkleber89raintonrraintonrissiissiciddi89ciddi89dutchmannldutchmannlpatrickwaltherhpatrickwaltherhruhr70ruhr70arteckarteckmeistertrmeistertrprinzeisenherz1prinzeisenherz1nisiodenisiodezefauzefaualgar42algar42garfonsogarfonsoforelleblauforelleblaubuzzy1337buzzy1337pdbjjenspdbjjensunclesamswissunclesamswiss_shojo__shojo_swedish.chefswedish.chefthiemohthiemohsven-s-tersven-s-ter

Keywords

ioBrokerGUIweb interfacehabpanel

Readme

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 icon in top-right corner .
  • 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.5.0 (2022-02-16)

  • (jogibear9988) added on support for new websockets

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-2022 bluefox [email protected]

Eclipse Public License