mirror of
https://github.com/captbaritone/webamp.git
synced 2026-07-23 01:57:29 +00:00
69 lines
2.1 KiB
JavaScript
69 lines
2.1 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-holder'}),
|
|
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-holder'}),
|
|
el('canvas', {id: 'visualizer', width: '152', height: '32'})
|
|
]),
|
|
el('div', {class: 'media-info'}, [
|
|
el('div', {id: 'song-title', class: 'text'}),
|
|
el('div', {id: 'kbps-holder'}),
|
|
el('div', {id: 'khz-holder'}),
|
|
el('div', {class: 'mono-stereo'}, [
|
|
el('div', {id: 'mono'}),
|
|
el('div', {id: 'stereo'})
|
|
])
|
|
]),
|
|
el('div', {id: 'volume-holder'}),
|
|
el('div', {id: 'balance-holder'}),
|
|
el('div', {class: 'windows'}, [
|
|
el('div', {id: 'equalizer-button'}),
|
|
el('div', {id: 'playlist-button'})
|
|
]),
|
|
el('div', {id: 'position-holder'}),
|
|
el('div', {id: 'actions-holder'}),
|
|
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'})
|
|
]);
|