ryzen-controller/index.html
2019-02-27 21:04:28 +01:00

103 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Ryzen Controller</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./node_modules/uikit/dist/css/uikit.min.css" />
<script src="./node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="./node_modules/uikit/dist/js/uikit-icons.min.js"></script>
</head>
<body>
<h1>Ryzen Controller</h1>
<ul uk-switcher uk-tab>
<li><a href="#">Settings</a></li>
<li><a href="#">Presets</a></li>
<li><a href="#">Logs</a></li>
</ul>
<ul class="uk-switcher uk-margin">
<li class="uk-container">
<form action="#">
<ul uk-accordion="multiple: true">
<li>
<a class="uk-accordion-title" href="#">STAPM Limit (W)</a>
<div class="uk-accordion-content">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-1-4@s">
<input class="uk-input" type="number" min="5" max="60" value="20" id="stapm_limit_w" repeat="stapm_limit_w_range">
</div>
<div class="uk-width-2-3@s">
<input class="uk-range" type="range" min="5" max="60" value="20" repeat="stapm_limit_w" id="stapm_limit_w_range">
</div>
</div>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">PPT Fast Limit (W)</a>
<div class="uk-accordion-content">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-1-4@s">
<input class="uk-input" type="number" min="5" max="60" value="25" id="ppt_fast_limit_w" repeat="ppt_fast_limit_w_range">
</div>
<div class="uk-width-2-3@s">
<input class="uk-range" type="range" min="5" max="60" value="25" repeat="ppt_fast_limit_w" id="ppt_fast_limit_w_range">
</div>
</div>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">PPT Slow Limit (W)</a>
<div class="uk-accordion-content">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-1-4@s">
<input class="uk-input" type="number" min="5" max="60" value="10" id="ppt_slow_limit_w" repeat="ppt_slow_limit_w_range">
</div>
<div class="uk-width-2-3@s">
<input class="uk-range" type="range" min="5" max="60" value="10" repeat="ppt_slow_limit_w" id="ppt_slow_limit_w_range">
</div>
</div>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">Temperature Limit (°C)</a>
<div class="uk-accordion-content">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-1-4@s">
<input class="uk-input" type="number" min="50" max="100" value="80" id="temperature_limit_c" repeat="temperature_limit_c_range">
</div>
<div class="uk-width-2-3@s">
<input class="uk-range" type="range" min="50" max="100" value="80" repeat="temperature_limit_c" id="temperature_limit_c_range">
</div>
</div>
</div>
</li>
<li>
<a class="uk-accordion-title" href="#">VRM Current (A)</a>
<div class="uk-accordion-content">
<div class="uk-grid-small" uk-grid>
<div class="uk-width-1-4@s">
<input class="uk-input" type="number" min="20" max="100" value="30" id="vrm_current_m_a" repeat="vrm_current_m_a_range">
</div>
<div class="uk-width-2-3@s">
<input class="uk-range" type="range" min="20" max="100" value="30" repeat="vrm_current_m_a" id="vrm_current_m_a_range">
</div>
</div>
</div>
</li>
</ul>
<button class="uk-button uk-button-default" onClick="applyRyzenSettings()">Apply</button>
</form>
</li>
<li class="uk-container">Will be available soon!</li>
<li class="uk-container">Will be available soon!</li>
</ul>
<script type="text/javascript" src="./js/settings.js"></script>
</body>
</html>