mirror/piskel
1
0
Fork 0
mirror of https://github.com/piskelapp/piskel.git synced 2023-08-10 21:12:52 +03:00
Code Issues Projects Releases Wiki Activity

added shortcuts to select previous / next color in palette

Browse Source
This commit is contained in:
juliandescottes
2014-09-27 11:04:03 +02:00
parent 37aa6c3d72
commit fe5e8966a5
9 changed files with 84 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/js/controller/PalettesListController.js
View File

@ -39,6 +39,10 @@
$.subscribe(Events.SECONDARY_COLOR_SELECTED, this.highlightSelectedColors.bind(this));
$.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
pskl.app.shortcutService.addShortcuts(['>', 'shift+>'], this.selectNextColor_.bind(this));
pskl.app.shortcutService.addShortcut('<', this.selectPreviousColor_.bind(this));
this.fillPaletteList();
this.updateFromUserSettings();
this.fillColorListContainer();
@ -58,8 +62,8 @@
var colors = this.getSelectedPaletteColors_();
if (colors.length > 0) {
var html = colors.map(function (color) {
return pskl.utils.Template.replace(this.paletteColorTemplate_, {color : color});
var html = colors.map(function (color, index) {
return pskl.utils.Template.replace(this.paletteColorTemplate_, {color : color, index : index});
}.bind(this)).join('');
this.colorListContainer_.innerHTML = html;
@ -76,10 +80,13 @@
}
};
ns.PalettesListController.prototype.selectPalette = function (paletteId) {
pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE, paletteId);
};
ns.PalettesListController.prototype.getSelectedPaletteColors_ = function () {
var colors = [];
var paletteId = pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);
var palette = this.paletteService.getPaletteById(paletteId);
var palette = this.getSelectedPalette_();
if (palette) {
colors = palette.getColors();
}
@ -91,8 +98,34 @@
return colors;
};
ns.PalettesListController.prototype.selectPalette = function (paletteId) {
pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE, paletteId);
ns.PalettesListController.prototype.getSelectedPalette_ = function () {
var paletteId = pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);
return this.paletteService.getPaletteById(paletteId);
};
ns.PalettesListController.prototype.selectNextColor_ = function () {
this.selectColor_(this.getCurrentColorIndex_() + 1);
};
ns.PalettesListController.prototype.selectPreviousColor_ = function () {
this.selectColor_(this.getCurrentColorIndex_() - 1);
};
ns.PalettesListController.prototype.getCurrentColorIndex_ = function () {
var currentIndex = 0;
var selectedColor = document.querySelector('.' + PRIMARY_COLOR_CLASSNAME);
if (selectedColor) {
currentIndex = parseInt(selectedColor.dataset.colorIndex, 10);
}
return currentIndex;
};
ns.PalettesListController.prototype.selectColor_ = function (index) {
var colors = this.getSelectedPaletteColors_();
var color = colors[index];
if (color) {
$.publish(Events.SELECT_PRIMARY_COLOR, [color]);
}
};
ns.PalettesListController.prototype.onUserSettingsChange_ = function (evt, name, value) {