Skip to content

Instantly share code, notes, and snippets.

Felix felixhageloh

Block or report user

Report or block felixhageloh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@felixhageloh
felixhageloh / SensorWidget.jsx
Created Nov 9, 2018
A widget displaying co2 levels and current temperature from a home-brew sensor
View SensorWidget.jsx
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
felixhageloh / top-cpu.jsx
Created May 25, 2016
Example widget using the new JS + virtual DOM syntax
View top-cpu.jsx
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
felixhageloh / cpu-bar-widget.coffee
Created Jan 28, 2016
A quick and dirty implementation of an Übersicht cpu bar widget I made for a talk
View cpu-bar-widget.coffee
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
View loadchart.coffee
colors =
low : "rgb(60, 160, 189)"
normal : "rgb(88, 189, 60)"
high : "rgb(243, 255, 134)"
higher : "rgb(255, 168, 80)"
highest: "rgb(255, 71, 71)"
settings:
background: true
color : true
@felixhageloh
felixhageloh / gist:4c54a2a69b5a08b9f644
Created Aug 26, 2014
Übersicht widget with blur filter
View gist:4c54a2a69b5a08b9f644
command: "echo blurz"
refreshFrequency: 1000000000
style: """
top: 30%
left: 50%
width: 200px
height: 125px
margin-left: -(@width / 2)
@felixhageloh
felixhageloh / gist:34645a899a0f22f583bb
Created Jul 11, 2014
Pure js widget for Übersicht
View gist:34645a899a0f22f583bb
command: "echo Hello World!",
refreshFrequency: 5000,
render: function (output) {
return "<div><h1>" + output + "</h1></div>";
},
style: " \n\
top: 20px \n\
View tooltip_example_3.html.erb
<% 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 -%>
View rails_tooltip.css
.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;
}
View rails_tooltip.js
function showTooltip(tooltip) {
tooltip = $(tooltip);
tooltip.setStyle({zIndex: -1});
tooltip.show();
tooltip.setStyle({top: "-"+(tooltip.offsetHeight)+"px"});
tooltip.setStyle({zIndex: 100});
}
You can’t perform that action at this time.