169 lines
5.7 KiB
HTML
169 lines
5.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport"
|
||
|
|
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover" />
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||
|
|
<title>Property Inspector Samples PI</title>
|
||
|
|
<link rel="stylesheet" href="css/sdpi.css" />
|
||
|
|
<!--link rel="stylesheet"
|
||
|
|
media="screen and (max-width: 1025px)"
|
||
|
|
href="css/local.css" -->
|
||
|
|
<link rel="stylesheet" href="css/local.css" />
|
||
|
|
<style>
|
||
|
|
#error {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sensorSelect {
|
||
|
|
max-width: 226px;
|
||
|
|
padding-right: 25px;
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sensorSelect option {
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
#readingSelect {
|
||
|
|
max-width: 226px;
|
||
|
|
padding-right: 25px;
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
#readingSelect option {
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="error" class="sdpi-wrapper localbody hiddenx">
|
||
|
|
<div class="sdpi-heading">Plugin Error</div>
|
||
|
|
<div class="sdpi-item">
|
||
|
|
<details open class="message caution">
|
||
|
|
<summary>Unable To Communicate With HWiNFO64</summary>
|
||
|
|
<p>
|
||
|
|
The plugin is unable to communicate with HWiNFO64
|
||
|
|
</p>
|
||
|
|
<p>Make sure it's running and configured properly</p>
|
||
|
|
<p>
|
||
|
|
For help on how to properly setup HWiNFO64, refer to the
|
||
|
|
<a class="info" target="_blank"
|
||
|
|
href="https://github.com/exension/hwinfo-streamdeck/blob/master/README.md#hwinfo-stream-deck-plugin">
|
||
|
|
documentation
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</details>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="ui" class="sdpi-wrapper localbody hiddenx">
|
||
|
|
<div class="sdpi-heading">Font Sizes</div>
|
||
|
|
|
||
|
|
<div type="range" class="sdpi-item" id="titleFontSize">
|
||
|
|
<div class="sdpi-item-label">Title</div>
|
||
|
|
<div class="sdpi-item-value">
|
||
|
|
<span value="8">8</span>
|
||
|
|
<input type="range" min="8" max="20" step="0.5" value="10.5" list="steplist" />
|
||
|
|
<span value="20">20</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div type="range" class="sdpi-item" id="valueFontSize">
|
||
|
|
<div class="sdpi-item-label">Value</div>
|
||
|
|
<div class="sdpi-item-value">
|
||
|
|
<span value="8">8</span>
|
||
|
|
<input type="range" min="8" max="20" step="0.5" value="10.5" />
|
||
|
|
<span value="20">20</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sdpi-heading">HWiNFO Sensors</div>
|
||
|
|
|
||
|
|
<div class="sdpi-item">
|
||
|
|
<div class="sdpi-item-label">Sensor</div>
|
||
|
|
<select class="sdpi-item-value select" id="sensorSelect" disabled="disabled">
|
||
|
|
<option>Loading...</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sdpi-item" id="readingSelectContainer">
|
||
|
|
<div class="sdpi-item-label">Reading</div>
|
||
|
|
<select class="sdpi-item-value select" id="readingSelect" disabled="disabled">
|
||
|
|
<option></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sdpi-heading">Value Params</div>
|
||
|
|
|
||
|
|
<div type="sdpi-item" class="sdpi-item" id="paramsgroup">
|
||
|
|
<div class="sdpi-item-label">Min/Max</div>
|
||
|
|
|
||
|
|
<div class="sdpi-item" id="minmax" style="margin-left: -4px">
|
||
|
|
<input class="sdpi-item-value" style="width:4em" placeholder="Min" inputmode="numeric" pattern="[0-9]*"
|
||
|
|
type="number" id="min" name="min" />
|
||
|
|
<input class="sdpi-item-value" style="margin-left: -7px; width:4em" placeholder=" Max" inputmode="numeric"
|
||
|
|
pattern="[0-9]*" type="number" id="max" name="max" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<details id="advanced_details">
|
||
|
|
<summary>Advanced</summary>
|
||
|
|
<div class="sdpi-item" id="format">
|
||
|
|
<div class="sdpi-item-label">Format</div>
|
||
|
|
<input class="sdpi-item-value" placeholder="%.0f (no decimals)" type="text" name="format" value="" />
|
||
|
|
</div>
|
||
|
|
<div class="sdpi-item">
|
||
|
|
<details open class="message question noInnerMargins">
|
||
|
|
<summary>Help</summary>
|
||
|
|
<p>Format can be used to modify format of the value.</p>
|
||
|
|
<p>
|
||
|
|
For more information on how to use this field,
|
||
|
|
<a target="_BLANK" href="#"
|
||
|
|
onclick="openUrl('https://gobyexample.com/string-formatting'); return false;">click here</a>.
|
||
|
|
</p>
|
||
|
|
</details>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sdpi-item" id="divisor">
|
||
|
|
<div class="sdpi-item-label">Divisor</div>
|
||
|
|
<input class="sdpi-item-value" placeholder="e.g. 125 (for bytes to megabits)" inputmode="numeric"
|
||
|
|
pattern="[0-9]*" min="1" type="number" name="divisor" />
|
||
|
|
</div>
|
||
|
|
<div class="sdpi-item">
|
||
|
|
<details open class="message question noInnerMargins">
|
||
|
|
<summary>Help</summary>
|
||
|
|
<p>Divisor can be used to convert the value.</p>
|
||
|
|
<p>
|
||
|
|
For example, converting bytes to megabits, set the divisor to:
|
||
|
|
"125"
|
||
|
|
</p>
|
||
|
|
</details>
|
||
|
|
</div>
|
||
|
|
</details>
|
||
|
|
|
||
|
|
<div class="sdpi-heading">Graph Colors</div>
|
||
|
|
|
||
|
|
<div type="color" class="sdpi-item" id="colorselection">
|
||
|
|
<div class="sdpi-item-label">Background</div>
|
||
|
|
<input type="color" class="sdpi-item-value" id="background" value="#000000" />
|
||
|
|
<div class="sdpi-item-label">Value Text</div>
|
||
|
|
<input type="color" class="sdpi-item-value" id="valuetext" value="#ffffff" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div type="color" class="sdpi-item" id="colorselection">
|
||
|
|
<div class="sdpi-item-label">Foreground</div>
|
||
|
|
<input type="color" class="sdpi-item-value" id="foreground" value="#005128" />
|
||
|
|
<div class="sdpi-item-label">Highlight</div>
|
||
|
|
<input type="color" class="sdpi-item-value" id="highlight" value="#009e00" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- <script src="echomd.js"></script> -->
|
||
|
|
<script src="index_pi.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|