mirror of
https://github.com/lospec/pixel-editor.git
synced 2023-08-10 21:12:51 +03:00
4457d2178c
Got rid of the "on" files, refactored the rest of the code to use the functions declared in Input.js
101 lines
3.2 KiB
JavaScript
101 lines
3.2 KiB
JavaScript
function create(isSplash) {
|
|
var splashPostfix = '';
|
|
// If I'm creating from the splash menu, I append '-splash' so I get the corresponding values
|
|
if (isSplash) {
|
|
splashPostfix = '-splash';
|
|
}
|
|
|
|
var width = Util.getValue('size-width' + splashPostfix);
|
|
var height = Util.getValue('size-height' + splashPostfix);
|
|
|
|
// If I'm creating from the splash screen, I use the splashMode variable
|
|
var mode = isSplash ? splashMode : pixelEditorMode;
|
|
|
|
newPixel(width, height, mode);
|
|
|
|
// If I'm not creating from the splash page, then this is not the first project I've created
|
|
if (!isSplash)
|
|
document.getElementById('new-pixel-warning').style.display = 'block';
|
|
|
|
//get selected palette name
|
|
var selectedPalette = Util.getText('palette-button' + splashPostfix);
|
|
if (selectedPalette == 'Choose a palette...')
|
|
selectedPalette = 'none';
|
|
|
|
//track google event
|
|
ga('send', 'event', 'Pixel Editor New', selectedPalette, width+'/'+height); /*global ga*/
|
|
|
|
|
|
//reset new form
|
|
Util.setValue('size-width', 64);
|
|
Util.setValue('size-height', 64);
|
|
|
|
Util.setText('palette-button', 'Choose a palette...');
|
|
Util.setText('preset-button', 'Choose a preset...');
|
|
}
|
|
|
|
/** Triggered when the "Create" button in the new pixel dialogue is pressed
|
|
*
|
|
*/
|
|
Input.on('click', 'create-button', function (){
|
|
console.log("Here");
|
|
// Getting the values of the form
|
|
var width = Util.getValue('size-width');
|
|
var height = Util.getValue('size-height');
|
|
|
|
// Creating a new pixel with those properties
|
|
if(pixelEditorMode == "Basic")
|
|
newPixel(width, height, "Advanced");
|
|
else
|
|
newPixel(width, height, "Basic");
|
|
document.getElementById('new-pixel-warning').style.display = 'block';
|
|
|
|
//get selected palette name
|
|
var selectedPalette = Util.getText('palette-button');
|
|
if (selectedPalette == 'Choose a palette...')
|
|
selectedPalette = 'none';
|
|
|
|
//track google event
|
|
ga('send', 'event', 'Pixel Editor New', selectedPalette, width+'/'+height); /*global ga*/
|
|
|
|
|
|
//reset new form
|
|
Util.setValue('size-width', 64);
|
|
Util.setValue('size-height', 64);
|
|
|
|
Util.setText('palette-button', 'Choose a palette...');
|
|
Util.setText('preset-button', 'Choose a preset...');
|
|
});
|
|
|
|
/** Triggered when the "Create" button in the new pixel dialogue is pressed
|
|
*
|
|
*/
|
|
Input.on('click', 'create-button-splash', function (){
|
|
// Getting the values of the form
|
|
var width = Util.getValue('size-width-splash');
|
|
var height = Util.getValue('size-height-splash');
|
|
var mode = pixelEditorMode;
|
|
|
|
if (mode == 'Advanced')
|
|
mode = "Basic";
|
|
else
|
|
mode = "Advanced";
|
|
|
|
// Creating a new pixel with those properties
|
|
newPixel(width, height, mode);
|
|
|
|
//track google event
|
|
ga('send', 'event', 'Pixel Editor New', selectedPalette, width+'/'+height); /*global ga*/
|
|
document.getElementById('new-pixel-warning').style.display = 'block';
|
|
|
|
// Resetting the new pixel values
|
|
selectedPalette = 'none';
|
|
|
|
//reset new pixel form
|
|
Util.setValue('size-width-splash', 64);
|
|
Util.setValue('size-height-splash', 64);
|
|
|
|
Util.setText('palette-button', 'Choose a palette...');
|
|
Util.setText('preset-button', 'Choose a preset...');
|
|
});
|