Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-01-23 10:15:31 +00:00
Code Issues Projects Releases Wiki Activity

Fix eq title buttons

Browse source
This commit is contained in:
Jordan Eldredge 2017-09-07 21:48:03 -07:00
parent f8e4defdde
commit c33ebb7bd4
5 changed files with 65 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
js/components/Skin.js
View file

@ -119,6 +119,12 @@ const imageSelectors = {
"#equalizer-balance.right::-webkit-slider-thumb",
"#equalizer-balance.right::-moz-range-thumb"
],
EQ_MAXIMIZE_BUTTON_ACTIVE: ["#equalizer-shade:active"],
EQ_MINIMIZE_BUTTON_ACTIVE: [
"#equalizer-window.shade #equalizer-shade:active"
],
EQ_CLOSE_BUTTON: ["#equalizer-window.selected #equalizer-close"],
EQ_CLOSE_BUTTON_ACTIVE: ["#equalizer-window #equalizer-close:active"],
MAIN_POSITION_SLIDER_BACKGROUND: ["#position"],
MAIN_POSITION_SLIDER_THUMB: [
"#position::-webkit-slider-thumb",

31
js/skinExplorer.js Normal file
View file

@ -0,0 +1,31 @@
import "babel-polyfill";
import React from "react";
import { render } from "react-dom";
import { skinUrl } from "./config";
import MyFile from "./myFile";
import skinParser from "./skinParser";
const skinFile = new MyFile();
skinFile.setUrl(skinUrl);
const SkinTable = props => (
<table>
{Object.keys(props.images)
.sort()
.map(key => (
<tr>
<td>{key}</td>
<td>
<img src={props.images[key]} />
</td>
</tr>
))}
</table>
);
const parse = async () => {
const skinData = await skinParser(skinFile);
render(<SkinTable {...skinData} />, document.getElementById("skin"));
};
parse();

13
js/skinSprites.js
View file

@ -229,7 +229,6 @@ export default {
{ name: "EQ_SHADE_VOLUME_SLIDER_LEFT", x: 1, y: 30, width: 2, height: 7 },
{ name: "EQ_SHADE_VOLUME_SLIDER_CENTER", x: 3, y: 30, width: 5, height: 7 },
{ name: "EQ_SHADE_VOLUME_SLIDER_RIGHT", x: 8, y: 30, width: 2, height: 7 },
// TODO
{ name: "EQ_SHADE_BALANCE_SLIDER_LEFT", x: 11, y: 30, width: 2, height: 7 },
{
name: "EQ_SHADE_BALANCE_SLIDER_CENTER",
@ -238,7 +237,17 @@ export default {
width: 5,
height: 7
},
{ name: "EQ_SHADE_BALANCE_SLIDER_RIGHT", x: 18, y: 30, width: 2, height: 7 }
{
name: "EQ_SHADE_BALANCE_SLIDER_RIGHT",
x: 18,
y: 30,
width: 2,
height: 7
},
{ name: "EQ_MAXIMIZE_BUTTON_ACTIVE", x: 1, y: 38, width: 9, height: 9 },
{ name: "EQ_MINIMIZE_BUTTON_ACTIVE", x: 1, y: 47, width: 9, height: 9 },
{ name: "EQ_CLOSE_BUTTON", x: 11, y: 38, width: 9, height: 9 },
{ name: "EQ_CLOSE_BUTTON_ACTIVE", x: 11, y: 47, width: 9, height: 9 }
],
EQMAIN: [
{ name: "EQ_WINDOW_BACKGROUND", x: 0, y: 0, width: 275, height: 116 },

12
skin.html Executable file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<title>Winamp2 Skin Explorer</title>
<meta charset="utf-8" />
<link rel="shortcut icon" sizes="16x16 32x32" href="favicon.ico">
</head>
<body>
<div id='skin'></div>
<script src="built/skinExplorer.js"></script>
</body>
</html>

7
webpack.config.js
View file

@ -29,9 +29,12 @@ module.exports = {
],
noParse: [/jszip\.js$/]
},
entry: ["./js/index.js"],
entry: {
winamp: "./js/index.js",
skinExplorer: "./js/skinExplorer.js"
},
output: {
filename: "winamp.js",
filename: "[name].js",
publicPath: "/built/",
path: path.resolve(__dirname, "built")
}