37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
|
(function () {
|
||
|
|
var ns = $.namespace("pskl.controller");
|
||
|
|
|
||
|
|
ns.SettingsController = function () {};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Get state for the checkbox that control the display of the grid
|
||
|
|
* on the drawing canvas.
|
||
|
|
* @private
|
||
|
|
*/
|
||
|
|
ns.SettingsController.prototype.isShowGridChecked_ = function() {
|
||
|
|
var showGridCheckbox = $('#show-grid');
|
||
|
|
var isChecked = showGridCheckbox.is(':checked');
|
||
|
|
return isChecked;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @public
|
||
|
|
*/
|
||
|
|
ns.SettingsController.prototype.init = function() {
|
||
|
|
|
||
|
|
// Show/hide the grid on drawing canvas:
|
||
|
|
$.publish(Events.GRID_DISPLAY_STATE_CHANGED, [this.isShowGridChecked_()]);
|
||
|
|
$('#show-grid').change($.proxy(function(evt) {
|
||
|
|
var checked = this.isShowGridChecked_();
|
||
|
|
$.publish(Events.GRID_DISPLAY_STATE_CHANGED, [checked]);
|
||
|
|
}, this));
|
||
|
|
|
||
|
|
// Handle canvas background changes:
|
||
|
|
$('#canvas-picker').change(function(evt) {
|
||
|
|
$('#canvas-picker option:selected').each(function() {
|
||
|
|
console.log($(this).val());
|
||
|
|
$('html')[0].className = $(this).val();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
})();
|