Felix felixhageloh

felixhageloh / SensorWidget.jsx

Created November 9, 2018 08:02

A widget displaying co2 levels and current temperature from a home-brew sensor

	import { css, run } from "uebersicht";

	export const refreshFrequency = 5000;
	export const command = dispatch => {
	run("curl -s sentir1.local/co2").then(output =>
	dispatch({ type: "CO2_FETCHED", output })
	);
	run("curl -s sentir1.local/temp").then(output =>
	dispatch({ type: "TEMP_FETCHED", output })
	);

felixhageloh / Acrobat.png

Last active January 3, 2017 15:16

Preview vs Acrobat Reader

felixhageloh / top-cpu.jsx

Created May 25, 2016 07:21

Example widget using the new JS + virtual DOM syntax

	export const refreshFrequency = 1000;
	export const command = `ps axro \"%cpu,ucomm,pid\" \
	\| sed -e 's/^[ \\t]//g' -e 's/\$[0-9][0-9]\\.[0-9][0-9]\$\\ /\\1\\%\\,/g' -e 's/\\ \\ \$[0-9][0-9]$\$/\\,\\1/g' -e's/\\ \\ /\\_/g' \
	\| awk 'FNR>1' \
	\| head -n 3 \
	\| awk -F',' '{ printf \"%s,%s,%d\\n\", $1, $2, $3}' \
	\| sed -e 's/\\_/\\ /g'`;


	const style = {

felixhageloh / cpu-bar-widget.coffee

Created January 28, 2016 16:55

A quick and dirty implementation of an Übersicht cpu bar widget I made for a talk

	command: "top -R -l2 \| grep 'CPU usage' \| tail -n1 \| awk '{ print $3+$5 }'"

	refreshFrequency: 1000

	style: """
	top: 50%
	left: 80%
	width: 208px
	margin: 0 0 0 -104px
	text-align: left

felixhageloh / loadchart.coffee

Last active December 4, 2015 01:16

loadchard.widget

felixhageloh / gist:4c54a2a69b5a08b9f644

Created August 26, 2014 07:09

Übersicht widget with blur filter

felixhageloh / gist:34645a899a0f22f583bb

Created July 11, 2014 09:12

Pure js widget for Übersicht

felixhageloh / tooltip_example_3.html.erb

Created July 13, 2011 10:37

felixhageloh / rails_tooltip.css

Created July 13, 2011 10:31

felixhageloh / rails_tooltip.js

Created July 13, 2011 10:30

	<% with_tooltip "I am a tooltip" do %>
	The tooltip will appear for this entire section, but only when hovered over
	<span class="TooltipTrigger">this element</span>
	<% end -%>

	.Tooltip {
	background: transparent url(/images/dark-pointer.png) no-repeat scroll 10px bottom;
	font-size: 10px;
	line-height: 12px;
	margin-left: -5px;
	padding: 0 5px;
	position: absolute;
	z-index: 100;
	left: 0;
	}

	function showTooltip(tooltip) {
	tooltip = $(tooltip);
	tooltip.setStyle({zIndex: -1});
	tooltip.show();
	tooltip.setStyle({top: "-"+(tooltip.offsetHeight)+"px"});
	tooltip.setStyle({zIndex: 100});
	}

	export const refreshFrequency = 1000;
	export const command = `ps axro \"%cpu,ucomm,pid\" \
	\| sed -e 's/^[ \\t]//g' -e 's/\\([0-9][0-9]\\.[0-9][0-9]\\)\\ /\\1\\%\\,/g' -e 's/\\ \\ \\([0-9][0-9]$\\)/\\,\\1/g' -e's/\\ \\ /\\_/g' \
	\| awk 'FNR>1' \
	\| head -n 3 \
	\| awk -F',' '{ printf \"%s,%s,%d\\n\", $1, $2, $3}' \
	\| sed -e 's/\\_/\\ /g'`;


	const style = {