mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-28 03:15:16 +00:00
38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
|
const theme = require('../theme');
|
||
|
|
const Spacer = require('./Spacer');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @typedef {Object} RuntimeErrorHeaderProps
|
||
|
|
* @property {number} currentErrorIndex
|
||
|
|
* @property {number} totalErrors
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* A fixed header that shows the total runtime error count.
|
||
|
|
* @param {Document} document
|
||
|
|
* @param {HTMLElement} root
|
||
|
|
* @param {RuntimeErrorHeaderProps} props
|
||
|
|
* @returns {void}
|
||
|
|
*/
|
||
|
|
function RuntimeErrorHeader(document, root, props) {
|
||
|
|
const header = document.createElement('div');
|
||
|
|
header.innerText = 'Error ' + (props.currentErrorIndex + 1) + ' of ' + props.totalErrors;
|
||
|
|
header.style.backgroundColor = '#' + theme.red;
|
||
|
|
header.style.color = '#' + theme.white;
|
||
|
|
header.style.fontWeight = '500';
|
||
|
|
header.style.height = '2.5rem';
|
||
|
|
header.style.left = '0';
|
||
|
|
header.style.lineHeight = '2.5rem';
|
||
|
|
header.style.position = 'fixed';
|
||
|
|
header.style.textAlign = 'center';
|
||
|
|
header.style.top = '0';
|
||
|
|
header.style.width = '100vw';
|
||
|
|
header.style.zIndex = '2';
|
||
|
|
|
||
|
|
root.appendChild(header);
|
||
|
|
|
||
|
|
Spacer(document, root, { space: '2.5rem' });
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = RuntimeErrorHeader;
|