| <!DOCTYPE html> |
| <html lang="en"> |
| <!-- |
| Copyright 2017 The Chromium Authors |
| Use of this source code is governed by a BSD-style license that can be |
| found in the LICENSE file. |
| --> |
| |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, |
| maximum-scale=1.0, user-scalable=no"> |
| <title>System Internals</title> |
| <link rel="stylesheet" type="text/css" href="index.css"> |
| <script type="module" src="main.js"></script> |
| </head> |
| <body> |
| <div id="sys-internals-drawer" class="hidden" hidden> |
| <div id="drawer-menu" class="hidden"> |
| <div id="drawer-title"></div> |
| <hr> |
| <a class="drawer-item" href="#"> |
| <div class="icon"> |
| <img src="/images/info.svg"> |
| </div> |
| Info |
| </a> |
| <hr> |
| <a class="drawer-item" href="#CPU"> |
| <div class="icon"> |
| <img src="/images/cpu.svg"> |
| </div> |
| CPU |
| </a> |
| <a class="drawer-item" href="#Memory"> |
| <div class="icon"> |
| <img src="/images/memory.svg"> |
| </div> |
| Memory |
| </a> |
| <a class="drawer-item" href="#Zram"> |
| <div class="icon"> |
| <img src="/images/zram.svg"> |
| </div> |
| Zram |
| </a> |
| </div> |
| </div> |
| <div id="sys-internals-nav"> |
| <div id="nav-menu-btn"> |
| <img src="/images/menu.svg"> |
| </div> |
| </div> |
| <div id="sys-internals-body"> |
| <div id="chart-root" class="line-chart-root"></div> |
| <div id="infopage-root"> |
| <div class="infopage-panel"> |
| <h2>CPU</h2> |
| <div class="title">Number of Cores</div> |
| <div class="content" id="infopage-num-of-cpu"></div> |
| <div class="title">Usage</div> |
| <div class="content" id="infopage-cpu-usage"></div> |
| <div class="title">Kernel Time</div> |
| <div class="content" id="infopage-cpu-kernel"></div> |
| <div class="title">User Time</div> |
| <div class="content" id="infopage-cpu-user"></div> |
| <div class="title">Idle Time</div> |
| <div class="content" id="infopage-cpu-idle"></div> |
| </div> |
| <div class="infopage-panel"> |
| <h2>Memory</h2> |
| <div class="title">Total Memory</div> |
| <div class="content" id="infopage-memory-total"></div> |
| <div class="title">Used Memory</div> |
| <div class="content" id="infopage-memory-used"></div> |
| <div class="title">Total Swap</div> |
| <div class="content" id="infopage-memory-swap-total"> |
| </div> |
| <div class="title">Used Swap</div> |
| <div class="content" id="infopage-memory-swap-used"> |
| </div> |
| </div> |
| <div class="infopage-panel"> |
| <h2>Zram</h2> |
| <div class="title">Total Used Memory</div> |
| <div class="content" id="infopage-zram-total"></div> |
| <div class="title">Original Memory Size</div> |
| <div class="content" id="infopage-zram-orig"></div> |
| <div class="title">Compressed Memory Size</div> |
| <div class="content" id="infopage-zram-compr"></div> |
| <div class="title">Compression Ratio</div> |
| <div class="content" id="infopage-zram-compr-ratio"> |
| </div> |
| </div> |
| <div class="infopage-panel hidden" id="infopage-panel-gpu"> |
| <h2>GPU</h2> |
| <div class="title">Usage</div> |
| <div class="content" id="infopage-gpu-usage"></div> |
| </div> |
| <div class="infopage-panel hidden" id="infopage-panel-npu"> |
| <h2>NPU</h2> |
| <div class="title">Usage</div> |
| <div class="content" id="infopage-npu-usage"></div> |
| </div> |
| </div> |
| </div> |
| </body> |
| </html> |
