/nerdbar.widget-2

Customizable bar(s) for OSX.

Primary LanguageCoffeeScript

Bars

Personal Übersicht system information bars for use with Kwm window manager and designed with colors from the Gruvbox theme.

Screen Shots: img img

The original widget created by herrbischoff can be found here.

Further modifications were made by koekeishiya, whose version can be found here.

How it works:

Ubersicht

Übersicht creates a webview and places it on your desktop, just above the wallpaper but behind everyting else. Ubersicht widgets are written as .coffee files which let you format elements with html, style them with css and manipulate data with javascript and coffeescript. For dynamic widgets, Ubersicht let's you run terminal commands and insert the output into html, so just about any language can be used to write scripts for widgets. My scripts use bash, python and AppleScript.

You can find the necessary scripts in my Dotfiles directory in the kwm folder.

Backgrounds

These are as simple as Ubersicht widgets get, they make black bars at the top, bottom left and bottom right of the screen that the other widgets sit on top of.

mode.coffee

img

This widget is designed to work with KWM. It shows the current KWM mode (bsp, float, monocle) and the number of desktops and the current one. If enabled in the Ubersicht preferences menu, holding the interaction key and clicking on the mode will cycle through the KWM modes and clicking on desktop icons will change the current desktop to the one clicked on. This works best if your interaction shortcut is ctrl.

currentWindow.coffee

img

This widget shows the currently selected window. If working on a file, it can highlight the name of the file being worked on.

status.coffee

img

  • This widget shows the current time and date.
  • The battery widget changes color from green to yellow to red as battery percentage changes. Now has a little lightning bolt that will appear when the computer is plugged in (taken from Mizzazz).
  • Network connection indicator widget. Shows grey if no connection detected and blue if there's an active connection on Wi-Fi or Ethernet. Shows different icons for Wi-Fi and Ethernet.

weather.coffee

img

This used to be a part of status.coffee but since it uses an API call it was very inefficent to have it update every few seconds. It is now its own widget that updates every 10 minutes signifigantly reducing the resources used.

  • The weather widget tells the current temperature ( color is blue, yellow or red depending on temperature) and an icon showing the current weather status. Uses the Yahoo Weather API for forecast data and ip-api to determine current location.
  • Clicking on the temperature loads a five day forecast panel with location, current condition, date, condition, and low and high temperatures for the week. To use, enable an interaction shortcut in the Übersicht preference menu and hold down that key while clicking on the temperature.

stats.coffee

img

This widget shows a number of current system indicators.

nowplaying.coffee

img img

This widget works with MPD and NCMPCPP and the Transmission cli torrent client. It shows the current track and artist, the position in current track and has some simple play controls. Will probably add volume controls in the future.

Clicking on the icon while holding the interaction key will toggle the widget between current MPD status and the current download progress of active torrents and the number of downloading / total.

Installation

Make sure you have Übersicht installed.

Then clone this repository.

git clone https://github.com/apierz/nerdbar.widget $HOME/Library/Application\ Support/Übersicht/widgets/nerdbar.widget

I use Hack for the main text, FontAwesome for the icons and All-the-icons for the weather icons.