diff --git a/css/equalizer-window.css b/css/equalizer-window.css new file mode 100644 index 00000000..2eb1a0e7 --- /dev/null +++ b/css/equalizer-window.css @@ -0,0 +1,10 @@ +/* Styles */ +#winamp2-js #equalizer-window { + height: 116px; + width: 275px; +} + +#winamp2-js .equalizer-top { + height: 14px; + width: 275px; +} diff --git a/js/components/EqualizerWindow.jsx b/js/components/EqualizerWindow.jsx new file mode 100644 index 00000000..066d0086 --- /dev/null +++ b/js/components/EqualizerWindow.jsx @@ -0,0 +1,23 @@ +import React from 'react'; +import {connect} from 'react-redux'; +import classnames from 'classnames'; + +import DraggableWindow from './DraggableWindow.jsx'; + +import '../../css/equalizer-window.css'; + +const EqualizerWindow = (props) => { + const {doubled} = props.display; + + const className = classnames({ + window: true, + doubled + }); + return +
+
+
+ ; +}; + +module.exports = connect((state) => state)(EqualizerWindow); diff --git a/js/index.js b/js/index.js index 0a89ea74..ff2bf24e 100644 --- a/js/index.js +++ b/js/index.js @@ -9,12 +9,14 @@ import reducer from './reducers'; import Browser from './browser'; import MainWindow from './components/MainWindow.jsx'; import PlaylistWindow from './components/PlaylistWindow.jsx'; +import EqualizerWindow from './components/EqualizerWindow.jsx'; import Winamp from './winamp'; import Hotkeys from './hotkeys'; import Skin from './components/Skin.jsx'; if (new Browser(window).isCompatible) { const playlist = false; // Turn on the incomplete playlist window + const equalizer = false; // Turn on the incomplete equalizer window const winamp = Winamp; const store = createStore( reducer, @@ -31,6 +33,7 @@ if (new Browser(window).isCompatible) { { playlist ? : '' } + { equalizer ? : '' }
, document.getElementById('winamp2-js') diff --git a/js/skinSprites.js b/js/skinSprites.js index 021205b2..45eb46de 100644 --- a/js/skinSprites.js +++ b/js/skinSprites.js @@ -138,6 +138,14 @@ module.exports = [ {selectors: ['#playlist.shade'], x: 72, y: 57, width: 25, height: 14} ] }, + { + name: 'EQMAIN', + sprites: [ + {selectors: ['#equalizer-window'], x: 0, y: 0, width: 275, height: 116}, + {selectors: ['.equalizer-top'], x: 0, y: 149, width: 275, height: 14}, + {selectors: ['.selected .equalizer-top'], x: 0, y: 134, width: 275, height: 14} + ] + }, { name: 'POSBAR', sprites: [