mirror of
https://github.com/lospec/pixel-editor.git
synced 2023-08-10 21:12:51 +03:00
3f2d67a36e
Found out every function that uses this has problems: when calling an object method as an input callback, this gets replaced with the element that triggered the event.
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
|
|
*
|
|
*/
|
|
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
|
|
*
|
|
*/
|
|
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...');
|
|
});
|