waveterm/xterm.js
0
0
Fork 0
mirror of https://github.com/wavetermdev/xterm.js.git synced 2026-08-05 13:43:48 -07:00
Code Issues Packages Projects Releases Wiki Activity

Generate inputs for all options in demo

Browse Source
This commit is contained in:
Daniel Imms
2018-06-03 10:37:20 +01:00
parent c192a27d93
commit 4d5e305a25
1 changed files with 53 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/main.js
+53
View File
@@ -117,6 +117,7 @@ function createTerminal() {
tabStopWidth: parseInt(optionElements.tabstopwidth.value, 10),
screenReaderMode: optionElements.screenReaderMode.checked
});
initOptions(term);
window.term = term; // Expose `term` to window for debugging purposes
term.on('resize', function (size) {
if (!pid) {
@@ -205,3 +206,55 @@ function runFakeTerminal() {
term.write(data);
});
}
function initOptions(term) {
var blacklistedOptions = [
'cancelEvents',
'convertEol',
'debug',
'handler',
'screenKeys',
'termName',
'useFlowControl'
];
var stringOptions = {
bellStyle: ['none', 'sound'],
cursorStyle: ['block', 'underline', 'bar'],
experimentalCharAtlas: ['none', 'static', 'dynamic'],
fontFamily: null,
fontWeight: ['normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
fontWeightBold: ['normal', 'bold', '100', '200', '300', '400', '500', '600', '700', '800', '900']
};
var options = Object.keys(term.options);
var booleanOptions = [];
var numberOptions = [];
options.filter(o => blacklistedOptions.indexOf(o) === -1).forEach(option => {
switch (typeof term.getOption(option)) {
case 'boolean':
booleanOptions.push(option);
break;
case 'number':
numberOptions.push(option);
break;
}
});
var html = '<h1>Options</h1>';
booleanOptions.forEach(o => {
html += `<div><label><input id="opt-${o}" type="checkbox" ${term.getOption(o) ? 'checked' : ''}/> ${o}</label></div>`;
});
numberOptions.forEach(o => {
html += `<div><label>${o} <input id="opt-${o}" type="number" value="${term.getOption(o)}"/></label></div>`;
});
Object.keys(stringOptions).forEach(o => {
if (stringOptions[o]) {
html += `<div><label>${o} <select id="opt-${o}">${stringOptions[o].map(v => `<option ${term.getOption(o) === v ? 'selected' : ''}>${v}</option>`).join('')}</select></label></div>`;
} else {
html += `<div><label>${o} <input id="opt-${o}" type="text" value="${term.getOption(o)}"/></label></div>`
}
});
const container = document.createElement('div');
container.innerHTML = html;
document.body.appendChild(container);
}