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: [