Fix demo blank when device.vendor undefined

This commit is contained in:
Faisal Salman 2021-04-19 19:36:34 +07:00
parent a122c0963e
commit 2eb632f4be
4 changed files with 15 additions and 17 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -152,7 +152,6 @@
DETECT GPU FROM WEBGL DATA (EXPERIMENTAL FEATURE) DETECT GPU FROM WEBGL DATA (EXPERIMENTAL FEATURE)
</div> </div>
<div id="gpu-segment" class="ui tall stacked segment"> <div id="gpu-segment" class="ui tall stacked segment">
<div class="ui basic segment">
<div class="ui equal width stackable internally celled grid"> <div class="ui equal width stackable internally celled grid">
<div class="row"> <div class="row">
<div class="column"> <div class="column">
@ -160,13 +159,8 @@
<i class="microchip icon"></i> <i class="microchip icon"></i>
GPU GPU
</div> </div>
</div>
<div class="column">
<div class="ui basic segment">
<img class="ui tiny centered image" id="gpu-img" src=""> <img class="ui tiny centered image" id="gpu-img" src="">
</div> <div class="ui center aligned header">
</div>
<div class="column">
<div id="gpu-txt"></div> <div id="gpu-txt"></div>
</div> </div>
</div> </div>

View File

@ -73,9 +73,13 @@ $(document)
var vendor = result.device.vendor!=undefined?result.device.vendor:'-'; var vendor = result.device.vendor!=undefined?result.device.vendor:'-';
var model = result.device.model!==undefined?result.device.model:'-'; var model = result.device.model!==undefined?result.device.model:'-';
$('#device-txt').html('<span class="ui large label">' + vendor + '</span><span class="ui large label">' + model + '</span>'); $('#device-txt').html('<span class="ui large label">' + vendor + '</span><span class="ui large label">' + model + '</span>');
if (result.device.vendor) {
$('#device-img').attr('src', 'images/companies/' + result.device.vendor.toLowerCase() + '.png').on('error', function () { $('#device-img').attr('src', 'images/companies/' + result.device.vendor.toLowerCase() + '.png').on('error', function () {
$(this).attr('src', 'images/companies/default.png'); $(this).attr('src', 'images/companies/default.png');
}); });
} else {
$('#device-img').attr('src', 'images/companies/default.png');
}
} else { } else {
$('#device-txt').text('-'); $('#device-txt').text('-');
$('#device-img').attr('src', 'images/companies/default.png'); $('#device-img').attr('src', 'images/companies/default.png');