mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-25 02:57:30 +00:00
87 lines
3 KiB
JavaScript
87 lines
3 KiB
JavaScript
function el(tagName, attributes, content) {
|
|
tagName = tagName || 'div';
|
|
attributes = attributes || {};
|
|
content = content || [];
|
|
var tag = document.createElement(tagName);
|
|
if (typeof content === 'string') {
|
|
content = [content];
|
|
}
|
|
for (var attr in attributes) {
|
|
if (attributes.hasOwnProperty(attr)) {
|
|
tag.setAttribute(attr, attributes[attr]);
|
|
}
|
|
}
|
|
for (var i = 0; i < content.length; i++) {
|
|
if (typeof content[i] === 'string') {
|
|
tag.appendChild(document.createTextNode(content[i]));
|
|
} else {
|
|
tag.appendChild(content[i]);
|
|
}
|
|
}
|
|
return tag;
|
|
}
|
|
|
|
module.exports = el('div', {id: 'main-window', class: 'loading stop'}, [
|
|
el('div', {id: 'loading'}, 'Loading...'),
|
|
el('div', {id: 'title-bar', class: 'selected'}, [
|
|
el('div', {id: 'context-menu-holder'}),
|
|
el('div', {id: 'shade-time'}, [
|
|
el('div', {id: 'shade-minus-sign'}),
|
|
el('div', {id: 'shade-minute-first-digit', class: 'character'}),
|
|
el('div', {id: 'shade-minute-second-digit', class: 'character'}),
|
|
el('div', {id: 'shade-second-first-digit', class: 'character'}),
|
|
el('div', {id: 'shade-second-second-digit', class: 'character'})
|
|
]),
|
|
el('div', {id: 'minimize'}),
|
|
el('div', {id: 'shade'}),
|
|
el('div', {id: 'close'})
|
|
]),
|
|
el('div', {class: 'status'}, [
|
|
el('div', {id: 'clutter-bar'}, [
|
|
el('div', {id: 'button-o'}),
|
|
el('div', {id: 'button-a'}),
|
|
el('div', {id: 'button-i'}),
|
|
el('div', {id: 'button-d'}),
|
|
el('div', {id: 'button-v'})
|
|
]),
|
|
el('div', {id: 'play-pause'}),
|
|
el('div', {id: 'work-indicator'}),
|
|
el('div', {id: 'time'}, [
|
|
el('div', {id: 'minus-sign'}),
|
|
el('div', {id: 'minute-first-digit'}),
|
|
el('div', {id: 'minute-second-digit'}),
|
|
el('div', {id: 'second-first-digit'}),
|
|
el('div', {id: 'second-second-digit'})
|
|
]),
|
|
el('canvas', {id: 'visualizer', width: '152', height: '32'})
|
|
]),
|
|
el('div', {class: 'media-info'}, [
|
|
el('div', {id: 'song-title', class: 'text'}),
|
|
el('div', {id: 'kbps'}),
|
|
el('div', {id: 'khz'}),
|
|
el('div', {class: 'mono-stereo'}, [
|
|
el('div', {id: 'mono'}),
|
|
el('div', {id: 'stereo'})
|
|
])
|
|
]),
|
|
el('input', {id: 'volume', type: 'range', min: '0', max: '100', step: '1', value: '50'}),
|
|
el('input', {id: 'balance', type: 'range', min: '-100', max: '100', step: '2', value: '0'}),
|
|
el('div', {class: 'windows'}, [
|
|
el('div', {id: 'equalizer-button'}),
|
|
el('div', {id: 'playlist-button'})
|
|
]),
|
|
el('input', {id: 'position', type: 'range', min: '0', max: '100', step: '1', value: '0'}),
|
|
el('div', {class: 'actions'}, [
|
|
el('div', {id: 'previous'}),
|
|
el('div', {id: 'play'}),
|
|
el('div', {id: 'pause'}),
|
|
el('div', {id: 'stop'}),
|
|
el('div', {id: 'next'})
|
|
]),
|
|
el('div', {id: 'eject'}),
|
|
el('div', {class: 'shuffle-repeat'}, [
|
|
el('div', {id: 'shuffle'}),
|
|
el('div', {id: 'repeat'})
|
|
]),
|
|
el('a', {id: 'about', target: 'blank', href: 'https://github.com/captbaritone/winamp2-js'})
|
|
]);
|