diff options
author | Arjan van de Ven <arjan@linux.intel.com> | 2012-04-26 12:25:00 -0400 |
---|---|---|
committer | Arjan van de Ven <arjan@linux.intel.com> | 2012-04-26 12:25:00 -0400 |
commit | d643a53a2a823a6430962f4799c0dce839bb9fba (patch) | |
tree | 45ff297729738c4674a0bd6e8234caef1791cdc4 /src/powertop.css | |
parent | a705302cefbac29d1f934eb483596b963c2cbd66 (diff) |
Turn the HTML report into an easier to browse HTML "application"
Diffstat (limited to 'src/powertop.css')
-rw-r--r-- | src/powertop.css | 378 |
1 files changed, 378 insertions, 0 deletions
diff --git a/src/powertop.css b/src/powertop.css index dc5b3a6..63e0f2b 100644 --- a/src/powertop.css +++ b/src/powertop.css @@ -1,3 +1,277 @@ +<!DOCTYPE html PUBLIC \"-//W3C/DTD HTML 4.01//EN\"> +<html> +<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js\"></script> +<script> +$(document).ready(function(){ + + $('#summary h2').addClass('hide'); + $('#summary table').addClass('hide'); + $('#summary p').addClass('hide'); + $('#cpuidle h2').addClass('hide'); + $('#cpuidle table').addClass('hide'); + $('#cpufreq h2').addClass('hide'); + $('#cpufreq table').addClass('hide'); + $('#software h2').addClass('hide'); + $('#software table').addClass('hide'); + $('#device h2').addClass('hide'); + $('#device table').addClass('hide'); + $('#device p').addClass('hide'); + $('#tuning h2').addClass('hide'); + $('#tuning table').addClass('hide'); + + $('#top').append('<div class=\"SystemButton\" onclick=\"toggleSystem()\">System Info</div>'); + $('#top').append('<div class=\"SummaryButton\" onclick=\"toggleSummary()\">Summary</div>'); + $('#top').append('<div class=\"CpuidleButton\" onclick=\"toggleCpuidle()\">CPU Idle</div>'); + $('#top').append('<div class=\"CpufreqButton\" onclick=\"toggleCpufreq()\">CPU Frequency</div>'); + $('#top').append('<div class=\"SoftwareButton\" onclick=\"toggleSoftware()\">Software info</div>'); + $('#top').append('<div class=\"DeviceButton\" onclick=\"toggleDevice()\">Device Info</div>'); + $('#top').append('<div class=\"TuningButton\" onclick=\"toggleTuning()\">Tuning</div>'); + $('#top').append('<div class=\"AllButton\" onclick=\"toggleAll()\">All</div>'); + $('#top .SystemButton').toggleClass('pressed'); + + } + ); +function toggleDummy() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} +function toggleSystem() { + $('#system table').toggleClass('hide', false); + $('#system h2').toggleClass('hide', false); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', true); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} +function toggleSummary() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', false); + $('#summary h2').toggleClass('hide', false); + $('#summary p').toggleClass('hide', false); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', true); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} +function toggleCpuidle() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', false); + $('#cpuidle h2').toggleClass('hide', false); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', true); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); + +} +function toggleCpufreq() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', false); + $('#cpufreq h2').toggleClass('hide', false); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', true); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} + +function toggleSoftware() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', false); + $('#software h2').toggleClass('hide', false); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', true); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} + +function toggleDevice() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', false); + $('#device h2').toggleClass('hide', false); + $('#device p').toggleClass('hide', false); + $('#tuning table').toggleClass('hide', true); + $('#tuning h2').toggleClass('hide', true); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', true); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', false); +} + +function toggleTuning() { + $('#system table').toggleClass('hide', true); + $('#system h2').toggleClass('hide', true); + $('#summary table').toggleClass('hide', true); + $('#summary h2').toggleClass('hide', true); + $('#summary p').toggleClass('hide', true); + $('#cpuidle table').toggleClass('hide', true); + $('#cpuidle h2').toggleClass('hide', true); + $('#cpufreq table').toggleClass('hide', true); + $('#cpufreq h2').toggleClass('hide', true); + $('#software table').toggleClass('hide', true); + $('#software h2').toggleClass('hide', true); + $('#device table').toggleClass('hide', true); + $('#device h2').toggleClass('hide', true); + $('#device p').toggleClass('hide', true); + $('#tuning table').toggleClass('hide', false); + $('#tuning h2').toggleClass('hide', false); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', true); + $('#top .AllButton').toggleClass('pressed', false); +} +function toggleAll() { + $('#system table').toggleClass('hide', false); + $('#system h2').toggleClass('hide', false); + $('#summary table').toggleClass('hide', false); + $('#summary h2').toggleClass('hide', false); + $('#summary p').toggleClass('hide', false); + $('#cpuidle table').toggleClass('hide', false); + $('#cpuidle h2').toggleClass('hide', false); + $('#cpufreq table').toggleClass('hide', false); + $('#cpufreq h2').toggleClass('hide', false); + $('#software table').toggleClass('hide', false); + $('#software h2').toggleClass('hide', false); + $('#device table').toggleClass('hide', false); + $('#device h2').toggleClass('hide', false); + $('#device p').toggleClass('hide', false); + $('#tuning table').toggleClass('hide', false); + $('#tuning h2').toggleClass('hide', false); + $('#top .SystemButton').toggleClass('pressed', false); + $('#top .SummaryButton').toggleClass('pressed', false); + $('#top .CpuidleButton').toggleClass('pressed', false); + $('#top .CpufreqButton').toggleClass('pressed', false); + $('#top .SoftwareButton').toggleClass('pressed', false); + $('#top .DeviceButton').toggleClass('pressed', false); + $('#top .TuningButton').toggleClass('pressed', false); + $('#top .AllButton').toggleClass('pressed', true); +} +</script> + <head> +<style type=\"text/css\"> table { @@ -164,3 +438,107 @@ tr.device_even background-color: #F0f0F0; color: black; } + +body { + background-color: #eee; /* Background color */ + color: #222; /* Foreground color used for text */ + font-family: Helvetica; + font-size: 14px; + margin: 0; /* Amount of negative space around the + outside of the body */ + padding: 0; /* Amount of negative space around the + inside of the body */ +} +#top h1 { + margin: 0; + padding: 0; +} +#top h1 a { + background-color: #ccc; + border-bottom: 1px solid #666; + color: #222; + display: block; + font-size: 20px; + font-weight: bold; + padding: 10px 0; + text-align: center; + text-decoration: none; + text-shadow: 0px 1px 1px #fff; + background-image: -webkit-gradient(linear, left top, left bottom, + from(#ccc), to(#999)); +} + + +#top div { + height: 30px; + font-weight: bold; + text-align: center; + color: white; + text-shadow: rgba(0,0,0,0.6) 0px -1px 1px; + line-height: 28px; + border-width:0px 8px 0px 8px; +} +#top div.SystemButton { + position: absolute; + top: 7px; + left: 6px; +} +#top div.SummaryButton { + position: absolute; + top: 7px; + left: 160px; +} +#top div.CpuidleButton { + position: absolute; + top: 7px; + left: 320px; +} +#top div.CpufreqButton { + position: absolute; + top: 7px; + left: 480px; +} +#top div.SoftwareButton { + position: absolute; + top: 7px; + left: 640px; +} +#top div.DeviceButton { + position: absolute; + top: 7px; + left: 800px; +} +#top div.TuningButton { + position: absolute; + top: 7px; + left: 960px; +} +#top div.AllButton { + position: absolute; + top: 7px; + left: 1120px; +} +div.pressed { + background-color: #000000; + border: 1px solid #000000; + color: #000000; + display: block; + border-width:0px 8px 0px 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + -webkit-border-bottom-right-radius: 8px; +} +table.hide { + display: none; +} +h2.hide { + display: none; +} +p.hide { + display: none +} +</style> +</head> + +<body> |