Added more info to CPU page; removed vendorId call for GPU page; added table to CPU and GPU pages
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Gregory Ballantine 2022-08-23 19:13:49 -04:00
parent 4d4c5b2f16
commit 1756478ef7
4 changed files with 34 additions and 5 deletions

View File

@ -22,6 +22,7 @@ loadGpus = () ->
optionElem.setAttribute('value', i) optionElem.setAttribute('value', i)
document.getElementById('gpuSelector').appendChild(optionElem) document.getElementById('gpuSelector').appendChild(optionElem)
i++ i++
console.log(data)
).catch((error) -> ).catch((error) ->
console.error(error) console.error(error)
) )
@ -31,7 +32,6 @@ updateGpuInfo = (gpuId = 0) ->
.then((data) -> .then((data) ->
document.getElementById('gpuInfo').innerText = data.controllers[gpuId].model document.getElementById('gpuInfo').innerText = data.controllers[gpuId].model
document.getElementById('gpuVendor').innerText = data.controllers[gpuId].vendor document.getElementById('gpuVendor').innerText = data.controllers[gpuId].vendor
document.getElementById('gpuVendorId').innerText = data.controllers[gpuId].vendorId
document.getElementById('gpuVram').innerText = data.controllers[gpuId].vram + 'MB' document.getElementById('gpuVram').innerText = data.controllers[gpuId].vram + 'MB'
document.getElementById('gpuBus').innerText = data.controllers[gpuId].bus document.getElementById('gpuBus').innerText = data.controllers[gpuId].bus
).catch((error) -> ).catch((error) ->

View File

@ -1,5 +1,6 @@
body body
background: white background: white
font-size: 18px
a a
color: cornflowerblue color: cornflowerblue
@ -21,6 +22,9 @@ button
background-color: darken(cornflowerblue, 10%) background-color: darken(cornflowerblue, 10%)
color: white color: white
.faded-text
color: #999
.u-text-center .u-text-center
text-align: center text-align: center
@ -40,6 +44,17 @@ button
font-size: 2.5rem font-size: 2.5rem
text-decoration: none text-decoration: none
table.hardware-info
border-spacing: 0
padding: 8px
border: 1px solid #999
td
border: none
td:not(:nth-child(2))
border-right: 1px solid #bbb
tr:not(:last-child) td
border-bottom: 1px solid #bbb
.tempGauge .tempGauge
position: relative position: relative
box-sizing: border-box box-sizing: border-box
@ -73,6 +88,7 @@ button
padding-top: 25px padding-top: 25px
padding-bottom: 25px padding-bottom: 25px
border-top: 1px solid #999 border-top: 1px solid #999
font-size: 16px
.row .row
position: relative position: relative

View File

@ -15,7 +15,7 @@
<section class="row"> <section class="row">
<article class="columns eight"> <article class="columns eight">
<h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5> <h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5>
<table> <table class="hardware-info">
<tbody> <tbody>
<tr> <tr>
<td>Physical cores</td> <td>Physical cores</td>

View File

@ -15,9 +15,22 @@
<section class="row"> <section class="row">
<h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5> <h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
<p>Vendor: <span id="gpuVendor">N/a</span></p> <table class="hardware-info">
<p>GPU Memory: <span id="gpuVram">N/a</span></p> <tbody>
<p>Bus: <span id="gpuBus">N/a</span></p> <tr>
<td>GPU vendor</td>
<td><span id="gpuVendor">N/a</span></td>
</tr>
<tr>
<td>GPU memory</td>
<td><span id="gpuVram">N/a</span></td>
</tr>
<tr>
<td>Bus</td>
<td><span id="gpuBus">N/a</span></td>
</tr>
</tbody>
</table>
</section> </section>
<section class="row"> <section class="row">