cynic
/
0x40-web
mirror of https://github.com/kurisufriend/0x40-web
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Reorganise function layout

Browse Source
master
William Toohey 10 years ago
parent 4a4648b26e
commit 58b2241d87
1 changed files with 183 additions and 183 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 366
      src/js/HuesEditor.js

366
src/js/HuesEditor.js
Unescape View File

@ -144,64 +144,6 @@ HuesEditor.prototype.resize = function(noHilightCalc) {
}
};
HuesEditor.prototype.createTextInput = function(label, id, subtitle, parent) {
let div = document.createElement("div");
div.className = "edit-label";
let caption = document.createElement("label");
caption.innerHTML = label;
caption.htmlFor = id;
div.appendChild(caption);
let container = document.createElement("span");
container.className = "edit-textbox-container";
let input = document.createElement("input");
input.className = "edit-textbox";
input.type = "text";
input.id = id;
input.value = subtitle;
container.appendChild(input);
div.appendChild(container);
parent.appendChild(div);
return input;
};
HuesEditor.prototype.createButton = function(label, parent, disabled, extraClass) {
let button = document.createElement("span");
button.className = "hues-button";
if(disabled) {
button.className += " disabled";
}
if(extraClass) {
button.className += " " + extraClass;
}
button.innerHTML = label.toUpperCase();
parent.appendChild(button);
return button;
};
HuesEditor.prototype.uiCreateInfo = function() {
let info = document.createElement("div");
this.topBar.appendChild(info);
info.id = "edit-info";
let songUpdate = function(name) {
if(!this.song ) {
return;
}
this.song[name] = this[name].value;
if(this.song != this.core.currentSong) {
return;
}
this.core.callEventListeners("newsong", this.song);
};
this.title = this.createTextInput("Title:", "edit-title", "Song name", info);
this.title.oninput = songUpdate.bind(this, "title");
this.source = this.createTextInput("Link: ", "edit-source", "Source link", info);
this.source.oninput = songUpdate.bind(this, "source");
};
HuesEditor.prototype.onNewSong = function(song) {
if(this.linked) {
if(song == this.song) {
@ -264,6 +206,49 @@ HuesEditor.prototype.reflow = function(editor, map) {
editor._beatmap.innerHTML = map.replace(regex, "$1<br />");
};
HuesEditor.prototype.updateInfo = function() {
if(!this.linked) {
return;
}
let loopLen = this.core.soundManager.loopLength;
let buildLen = this.core.soundManager.buildLength;
let beatLen = (loopLen / this.song.rhythm.length) * 1000;
this.loopLen.textContent = loopLen.toFixed(2);
this.buildLen.textContent = buildLen.toFixed(2);
this.beatLen.textContent = beatLen.toFixed(2);
// Avoid a bunch of nested elses
this.seekStart.classList.add("disabled");
this.seekLoop.classList.add("disabled");
this.saveBtn.classList.add("disabled");
this.copyBtn.classList.add("disabled");
this.buildEdit._removeBtn.classList.add("disabled");
this.loopEdit._removeBtn.classList.add("disabled");
if(this.song) {
if(this.song.independentBuild) {
this.timeLock._locker.innerHTML = "&#xe904;";
this.timeLock.classList.add("unlocked");
} else {
this.timeLock._locker.innerHTML = "&#xe905;";
this.timeLock.classList.remove("unlocked");
}
this.saveBtn.classList.remove("disabled");
this.copyBtn.classList.remove("disabled");
if(this.song.sound) {
this.seekLoop.classList.remove("disabled");
this.loopEdit._removeBtn.classList.remove("disabled");
if(this.song.buildup) {
this.seekStart.classList.remove("disabled");
this.buildEdit._removeBtn.classList.remove("disabled");
}
}
}
};
HuesEditor.prototype.loadAudio = function(editor) {
if(editor._fileInput.files.length < 1) {
return;
@ -387,49 +372,6 @@ HuesEditor.prototype.newSong = function(song) {
this.updateWaveform();
};
HuesEditor.prototype.updateInfo = function() {
if(!this.linked) {
return;
}
let loopLen = this.core.soundManager.loopLength;
let buildLen = this.core.soundManager.buildLength;
let beatLen = (loopLen / this.song.rhythm.length) * 1000;
this.loopLen.textContent = loopLen.toFixed(2);
this.buildLen.textContent = buildLen.toFixed(2);
this.beatLen.textContent = beatLen.toFixed(2);
// Avoid a bunch of nested elses
this.seekStart.classList.add("disabled");
this.seekLoop.classList.add("disabled");
this.saveBtn.classList.add("disabled");
this.copyBtn.classList.add("disabled");
this.buildEdit._removeBtn.classList.add("disabled");
this.loopEdit._removeBtn.classList.add("disabled");
if(this.song) {
if(this.song.independentBuild) {
this.timeLock._locker.innerHTML = "&#xe904;";
this.timeLock.classList.add("unlocked");
} else {
this.timeLock._locker.innerHTML = "&#xe905;";
this.timeLock.classList.remove("unlocked");
}
this.saveBtn.classList.remove("disabled");
this.copyBtn.classList.remove("disabled");
if(this.song.sound) {
this.seekLoop.classList.remove("disabled");
this.loopEdit._removeBtn.classList.remove("disabled");
if(this.song.buildup) {
this.seekStart.classList.remove("disabled");
this.buildEdit._removeBtn.classList.remove("disabled");
}
}
}
};
HuesEditor.prototype.pushUndo = function(name, editor, oldText, newText) {
if(oldText == newText) {
return;
@ -524,6 +466,79 @@ HuesEditor.prototype.doubleBeats = function(editor) {
this.setText(editor, this.song[editor._rhythm].replace(/(.)/g, "$1."));
};
HuesEditor.prototype.updateHalveDoubleButtons = function(editor) {
editor._halveBtn.className = "hues-button disabled";
editor._doubleBtn.className = "hues-button disabled";
if(!editor._locked) {
let txtLen = this.getText(editor).length;
if(txtLen > 0) {
editor._doubleBtn.className = "hues-button";
}
if(txtLen > 1) {
editor._halveBtn.className = "hues-button";
}
}
};
HuesEditor.prototype.createTextInput = function(label, id, subtitle, parent) {
let div = document.createElement("div");
div.className = "edit-label";
let caption = document.createElement("label");
caption.innerHTML = label;
caption.htmlFor = id;
div.appendChild(caption);
let container = document.createElement("span");
container.className = "edit-textbox-container";
let input = document.createElement("input");
input.className = "edit-textbox";
input.type = "text";
input.id = id;
input.value = subtitle;
container.appendChild(input);
div.appendChild(container);
parent.appendChild(div);
return input;
};
HuesEditor.prototype.createButton = function(label, parent, disabled, extraClass) {
let button = document.createElement("span");
button.className = "hues-button";
if(disabled) {
button.className += " disabled";
}
if(extraClass) {
button.className += " " + extraClass;
}
button.innerHTML = label.toUpperCase();
parent.appendChild(button);
return button;
};
HuesEditor.prototype.uiCreateInfo = function() {
let info = document.createElement("div");
this.topBar.appendChild(info);
info.id = "edit-info";
let songUpdate = function(name) {
if(!this.song ) {
return;
}
this.song[name] = this[name].value;
if(this.song != this.core.currentSong) {
return;
}
this.core.callEventListeners("newsong", this.song);
};
this.title = this.createTextInput("Title:", "edit-title", "Song name", info);
this.title.oninput = songUpdate.bind(this, "title");
this.source = this.createTextInput("Link:&nbsp;", "edit-source", "Source link", info);
this.source.oninput = songUpdate.bind(this, "source");
};
HuesEditor.prototype.uiCreateImport = function() {
let imports = document.createElement("div");
this.topBar.appendChild(imports);
@ -742,6 +757,73 @@ HuesEditor.prototype.uiCreateSingleEditor = function(title, soundName, rhythmNam
return container;
};
HuesEditor.prototype.uiCreateControls = function() {
let controls = document.createElement("div");
controls.id = "edit-controls";
this.root.appendChild(controls);
let changeRate = function(change) {
let rate = this.core.soundManager.playbackRate;
rate += change;
this.core.soundManager.setRate(rate);
// In case it gets clamped, check
let newRate = this.core.soundManager.playbackRate;
playRateLab.textContent = newRate.toFixed(2) + "x";
};
let speedControl = document.createElement("div");
controls.appendChild(speedControl);
// BACKWARD
let speedDown = this.createButton("&#xe909;", speedControl, false, "hues-icon");
speedDown.onclick = changeRate.bind(this, -0.25);
// FORWARD
let speedUp = this.createButton("&#xe90a;", speedControl, false, "hues-icon");
speedUp.onclick = changeRate.bind(this, 0.25);
let playRateLab = document.createElement("span");
playRateLab.className = "settings-individual";
playRateLab.textContent = "1.00x";
speedControl.appendChild(playRateLab);
let wrapControl = document.createElement("div");
controls.appendChild(wrapControl);
let wrapLab = document.createElement("span");
wrapLab.className = "settings-individual";
wrapLab.textContent = "New line at beat ";
wrapControl.appendChild(wrapLab);
let wrapAt = document.createElement("input");
wrapAt.className = "settings-input";
wrapAt.value = this.wrapAt;
wrapAt.type = "text";
wrapAt.oninput = () => {
wrapAt.value = wrapAt.value.replace(/\D/g,'');
if(wrapAt.value === "" || wrapAt.value < 1) {
wrapAt.value = "";
return;
}
this.wrapAt = parseInt(wrapAt.value);
this.reflow(this.buildEdit, this.song.buildupRhythm);
this.reflow(this.loopEdit, this.song.rhythm);
};
wrapControl.appendChild(wrapAt);
};
HuesEditor.prototype.uiCreateVisualiser = function() {
// TODO placeholder
let wave = document.createElement("canvas");
wave.id = "edit-waveform";
wave.height = WAVE_HEIGHT_PIXELS;
this.root.appendChild(wave);
this.waveCanvas = wave;
this.waveContext = wave.getContext("2d");
this.core.addEventListener("frame", this.drawWave.bind(this));
};
HuesEditor.prototype.rightClick = function(editor, event) {
if(!this.linked) {
return;
@ -881,21 +963,6 @@ HuesEditor.prototype.setCaret = function(editable, caret) {
}
};
HuesEditor.prototype.updateHalveDoubleButtons = function(editor) {
editor._halveBtn.className = "hues-button disabled";
editor._doubleBtn.className = "hues-button disabled";
if(!editor._locked) {
let txtLen = this.getText(editor).length;
if(txtLen > 0) {
editor._doubleBtn.className = "hues-button";
}
if(txtLen > 1) {
editor._halveBtn.className = "hues-button";
}
}
};
HuesEditor.prototype.setLocked = function(editor, locked) {
editor._locked = locked;
if(locked) {
@ -906,73 +973,6 @@ HuesEditor.prototype.setLocked = function(editor, locked) {
this.updateHalveDoubleButtons(editor);
};
HuesEditor.prototype.uiCreateControls = function() {
let controls = document.createElement("div");
controls.id = "edit-controls";
this.root.appendChild(controls);
let changeRate = function(change) {
let rate = this.core.soundManager.playbackRate;
rate += change;
this.core.soundManager.setRate(rate);
// In case it gets clamped, check
let newRate = this.core.soundManager.playbackRate;
playRateLab.textContent = newRate.toFixed(2) + "x";
};
let speedControl = document.createElement("div");
controls.appendChild(speedControl);
// BACKWARD
let speedDown = this.createButton("&#xe909;", speedControl, false, "hues-icon");
speedDown.onclick = changeRate.bind(this, -0.25);
// FORWARD
let speedUp = this.createButton("&#xe90a;", speedControl, false, "hues-icon");
speedUp.onclick = changeRate.bind(this, 0.25);
let playRateLab = document.createElement("span");
playRateLab.className = "settings-individual";
playRateLab.textContent = "1.00x";
speedControl.appendChild(playRateLab);
let wrapControl = document.createElement("div");
controls.appendChild(wrapControl);
let wrapLab = document.createElement("span");
wrapLab.className = "settings-individual";
wrapLab.textContent = "New line at beat ";
wrapControl.appendChild(wrapLab);
let wrapAt = document.createElement("input");
wrapAt.className = "settings-input";
wrapAt.value = this.wrapAt;
wrapAt.type = "text";
wrapAt.oninput = () => {
wrapAt.value = wrapAt.value.replace(/\D/g,'');
if(wrapAt.value === "" || wrapAt.value < 1) {
wrapAt.value = "";
return;
}
this.wrapAt = parseInt(wrapAt.value);
this.reflow(this.buildEdit, this.song.buildupRhythm);
this.reflow(this.loopEdit, this.song.rhythm);
};
wrapControl.appendChild(wrapAt);
};
HuesEditor.prototype.uiCreateVisualiser = function() {
// TODO placeholder
let wave = document.createElement("canvas");
wave.id = "edit-waveform";
wave.height = WAVE_HEIGHT_PIXELS;
this.root.appendChild(wave);
this.waveCanvas = wave;
this.waveContext = wave.getContext("2d");
this.core.addEventListener("frame", this.drawWave.bind(this));
};
HuesEditor.prototype.updateWaveform = function() {
if(this.buildWaveBuff != this.core.soundManager.buildup) {
this.buildWaveBuff = this.core.soundManager.buildup;

Write Preview
Loading…
Cancel
Save