holm/easydiffusion
1
0
Fork 0
forked from extern/easydiffusion
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move system info into settings

Browse Source
This commit is contained in:
cmdr2 2022-11-14 21:21:48 +05:30
parent 2329c47faf
commit f06a97d30b
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/index.html
View File

@ -7,7 +7,7 @@
<link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32">
<link rel="stylesheet" href="/media/css/fonts.css?v=1"> <link rel="stylesheet" href="/media/css/fonts.css?v=1">
<link rel="stylesheet" href="/media/css/themes.css?v=2"> <link rel="stylesheet" href="/media/css/themes.css?v=2">
<link rel="stylesheet" href="/media/css/main.css?v=13"> <link rel="stylesheet" href="/media/css/main.css?v=14">
<link rel="stylesheet" href="/media/css/auto-save.css?v=5"> <link rel="stylesheet" href="/media/css/auto-save.css?v=5">
<link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=4"> <link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=4">
<link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1"> <link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1">
@ -35,9 +35,6 @@
<span id="tab-about" class="tab"> <span id="tab-about" class="tab">
<span><i class="fa fa-comments icon"></i> Help & Community</span> <span><i class="fa fa-comments icon"></i> Help & Community</span>
</span> </span>
<span id="tab-system-info" class="tab">
<span><i class="fa fa-microchip icon"></i> System Info</span>
</span>
</div> </div>
</div> </div>
@ -242,6 +239,11 @@
<div id="system-settings" class="tab-content-inner"> <div id="system-settings" class="tab-content-inner">
<h1>System Settings</h1> <h1>System Settings</h1>
<table class="form-table"></table> <table class="form-table"></table>
<br/>
<div>
<h3><i class="fa fa-microchip icon"></i> System Info</h3>
<div id="system-info"></div>
</div>
</div> </div>
</div> </div>
<div id="tab-content-about" class="tab-content"> <div id="tab-content-about" class="tab-content">
@ -283,10 +285,6 @@
</div> </div>
</div> </div>
</div> </div>
<div id="tab-content-system-info" class="tab-content">
<div id="system-info" class="tab-content-inner">
</div>
</div>
</div> </div>
@ -330,7 +328,7 @@
<script src="media/js/inpainting-editor.js?v=1"></script> <script src="media/js/inpainting-editor.js?v=1"></script>
<script src="media/js/image-modifiers.js?v=6"></script> <script src="media/js/image-modifiers.js?v=6"></script>
<script src="media/js/auto-save.js?v=8"></script> <script src="media/js/auto-save.js?v=8"></script>
<script src="media/js/main.js?v=19"></script> <script src="media/js/main.js?v=20"></script>
<script src="media/js/themes.js?v=4"></script> <script src="media/js/themes.js?v=4"></script>
<script src="media/js/dnd.js?v=9"></script> <script src="media/js/dnd.js?v=9"></script>
<script> <script>

1
ui/media/css/main.css
View File

@ -893,6 +893,7 @@ i.active {
} }
#system-info { #system-info {
max-width: 800px; max-width: 800px;
font-size: 10pt;
} }
#system-info .value { #system-info .value {
text-align: left; text-align: left;

3
ui/media/js/main.js
View File

@ -203,12 +203,11 @@ function setSystemInfo(devices) {
activeGPUs = activeGPUs.map(ID_TO_TEXT) activeGPUs = activeGPUs.map(ID_TO_TEXT)
let systemInfo = ` let systemInfo = `
<h1>System Info</h1>
<table> <table>
<tr><td><label>Processor:</label></td><td class="value">${cpu}</td></tr> <tr><td><label>Processor:</label></td><td class="value">${cpu}</td></tr>
<tr><td><label>Compatible Graphics Cards (all):</label></td><td class="value">${allGPUs.join('</br>')}</td></tr> <tr><td><label>Compatible Graphics Cards (all):</label></td><td class="value">${allGPUs.join('</br>')}</td></tr>
<tr><td></td><td>&nbsp;</td></tr> <tr><td></td><td>&nbsp;</td></tr>
<tr><td><label>What's being used for rendering 🔥:</label></td><td class="value">${activeGPUs.join('</br>')}</td></tr> <tr><td><label>Used for rendering 🔥:</label></td><td class="value">${activeGPUs.join('</br>')}</td></tr>
</table>` </table>`
let systemInfoEl = document.querySelector('#system-info') let systemInfoEl = document.querySelector('#system-info')