mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-05 16:58:59 +00:00
83 lines
2.4 KiB
JavaScript
83 lines
2.4 KiB
JavaScript
|
NEWSBLUR.ReaderKeyboard = function(options) {
|
||
|
|
var defaults = {};
|
||
|
|
|
||
|
|
this.options = $.extend({}, defaults, options);
|
||
|
|
this.runner();
|
||
|
|
};
|
||
|
|
|
||
|
|
NEWSBLUR.ReaderKeyboard.prototype = {
|
||
|
|
|
||
|
|
runner: function() {
|
||
|
|
this.make_modal();
|
||
|
|
this.handle_cancel();
|
||
|
|
this.open_modal();
|
||
|
|
|
||
|
|
this.$modal.bind('click', $.rescope(this.handle_click, this));
|
||
|
|
},
|
||
|
|
|
||
|
|
make_modal: function() {
|
||
|
|
var self = this;
|
||
|
|
|
||
|
|
this.$modal = $.make('div', { className: 'NB-modal-keyboard NB-modal' }, [
|
||
|
|
$.make('h2', { className: 'NB-modal-title' }, 'Keyboard shortcuts'),
|
||
|
|
$.make('div', { className: 'NB-keyboard-group' }, [
|
||
|
|
$.make('div', { className: 'NB-keyboard-shortcut' }, [
|
||
|
|
$.make('div', { className: 'NB-keyboard-shortcut-key' }, 'j'),
|
||
|
|
$.make('div', { className: 'NB-keyboard-shortcut-explanation' }, 'Next story')
|
||
|
|
])
|
||
|
|
])
|
||
|
|
]);
|
||
|
|
},
|
||
|
|
|
||
|
|
open_modal: function() {
|
||
|
|
var self = this;
|
||
|
|
|
||
|
|
this.$modal.modal({
|
||
|
|
'minWidth': 600,
|
||
|
|
'maxWidth': 600,
|
||
|
|
'overlayClose': true,
|
||
|
|
'onOpen': function (dialog) {
|
||
|
|
dialog.overlay.fadeIn(200, function () {
|
||
|
|
dialog.container.fadeIn(200);
|
||
|
|
dialog.data.fadeIn(200);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
'onShow': function(dialog) {
|
||
|
|
$('#simplemodal-container').corner('6px');
|
||
|
|
},
|
||
|
|
'onClose': function(dialog) {
|
||
|
|
dialog.data.hide().empty().remove();
|
||
|
|
dialog.container.hide().empty().remove();
|
||
|
|
dialog.overlay.fadeOut(200, function() {
|
||
|
|
dialog.overlay.empty().remove();
|
||
|
|
$.modal.close();
|
||
|
|
});
|
||
|
|
$('.NB-modal-holder').empty().remove();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
handle_cancel: function() {
|
||
|
|
var $cancel = $('.NB-modal-cancel', this.$modal);
|
||
|
|
|
||
|
|
$cancel.click(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
$.modal.close();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
// ===========
|
||
|
|
// = Actions =
|
||
|
|
// ===========
|
||
|
|
|
||
|
|
handle_click: function(elem, e) {
|
||
|
|
var self = this;
|
||
|
|
|
||
|
|
$.targetIs(e, { tagSelector: '.NB-add-url-submit' }, function($t, $p) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
self.save_add_url();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|