80952f29b0
This is a follow up to #1. The onclick event is triggered by different mouse buttons across browsers: Firefox - all mouse buttons trigger document.onclick (https://bugzilla.mozilla.org/show_bug.cgi?id=430310) - only left mouse button triggers document.body.onclick Internet Explorer - only left mouse button and without any modifier key triggers document.onclick Chrome - left & middle mouse button trigger document.onclick Safari - left mouse button triggers document.onclick - middle click via mac os? By switching to the onmouseup event this can be unified for all mentioned browsers to: - (CTRL+) left click triggers event - middle click triggers event - right click does nothing
189 lines
6.9 KiB
JavaScript
189 lines
6.9 KiB
JavaScript
Miniflux.Event = (function() {
|
|
|
|
var queue = [];
|
|
|
|
return {
|
|
lastEventType: "",
|
|
ListenMouseEvents: function() {
|
|
|
|
document.onclick = function(e) {
|
|
var action = e.target.getAttribute("data-action");
|
|
|
|
if (action && action !== 'original-link') {
|
|
e.preventDefault();
|
|
}
|
|
};
|
|
|
|
document.onmouseup = function(e) {
|
|
|
|
// ignore right mouse button (context menu)
|
|
if (e.button === 2) {
|
|
return;
|
|
}
|
|
|
|
// Auto-select input content
|
|
|
|
if (e.target.nodeName === "INPUT" && e.target.className === "auto-select") {
|
|
e.target.select();
|
|
return;
|
|
}
|
|
|
|
// Application actions
|
|
|
|
var action = e.target.getAttribute("data-action");
|
|
|
|
if (action) {
|
|
|
|
Miniflux.Event.lastEventType = "mouse";
|
|
|
|
var currentItem = function () {
|
|
element = e.target;
|
|
|
|
while (element && element.parentNode) {
|
|
element = element.parentNode;
|
|
if (element.tagName && element.tagName.toLowerCase() === 'article') {
|
|
return element;
|
|
}
|
|
}
|
|
|
|
return null;
|
|
}();
|
|
|
|
switch (action) {
|
|
case 'refresh-all':
|
|
Miniflux.Feed.UpdateAll();
|
|
break;
|
|
case 'refresh-feed':
|
|
Miniflux.Feed.Update(currentItem);
|
|
break;
|
|
case 'mark-read':
|
|
Miniflux.Item.MarkAsRead(currentItem);
|
|
break;
|
|
case 'mark-unread':
|
|
Miniflux.Item.MarkAsUnread(currentItem);
|
|
break;
|
|
case 'mark-removed':
|
|
Miniflux.Item.MarkAsRemoved(currentItem);
|
|
break;
|
|
case 'bookmark':
|
|
Miniflux.Item.SwitchBookmark(currentItem);
|
|
break;
|
|
case 'download-item':
|
|
Miniflux.Item.DownloadContent(currentItem);
|
|
break;
|
|
case 'original-link':
|
|
Miniflux.Item.OpenOriginal(currentItem);
|
|
break;
|
|
case 'mark-all-read':
|
|
Miniflux.Item.MarkListingAsRead("?action=unread");
|
|
break;
|
|
case 'mark-feed-read':
|
|
Miniflux.Item.MarkListingAsRead("?action=feed-items&feed_id=" + e.target.getAttribute("data-feed-id"));
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
},
|
|
ListenKeyboardEvents: function() {
|
|
|
|
document.onkeypress = function(e) {
|
|
|
|
if (e.keyCode !== 63 && (e.ctrlKey || e.shiftKey || e.altKey || e.metaKey)) {
|
|
return;
|
|
}
|
|
|
|
// Do not handle events when there is a focus in form fields
|
|
var target = e.target || e.srcElement;
|
|
if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
|
|
return;
|
|
}
|
|
|
|
Miniflux.Event.lastEventType = "keyboard";
|
|
|
|
queue.push(e.keyCode || e.which);
|
|
|
|
if (queue[0] === 103) { // g
|
|
|
|
switch (queue[1]) {
|
|
case undefined:
|
|
break;
|
|
case 117: // u
|
|
window.location.href = "?action=unread";
|
|
queue = [];
|
|
break;
|
|
case 98: // b
|
|
window.location.href = "?action=bookmarks";
|
|
queue = [];
|
|
break;
|
|
case 104: // h
|
|
window.location.href = "?action=history";
|
|
queue = [];
|
|
break;
|
|
case 115: // s
|
|
window.location.href = "?action=feeds";
|
|
queue = [];
|
|
break;
|
|
case 112: // p
|
|
window.location.href = "?action=config";
|
|
queue = [];
|
|
break;
|
|
default:
|
|
queue = [];
|
|
break;
|
|
}
|
|
}
|
|
else {
|
|
|
|
queue = [];
|
|
|
|
var currentItem = function () {
|
|
return document.getElementById("current-item");
|
|
}();
|
|
|
|
switch (e.keyCode || e.which) {
|
|
case 100: // d
|
|
Miniflux.Item.DownloadContent(currentItem);
|
|
break;
|
|
case 112: // p
|
|
case 107: // k
|
|
Miniflux.Nav.SelectPreviousItem();
|
|
break;
|
|
case 110: // n
|
|
case 106: // j
|
|
Miniflux.Nav.SelectNextItem();
|
|
break;
|
|
case 118: // v
|
|
Miniflux.Item.OpenOriginal(currentItem);
|
|
break;
|
|
case 111: // o
|
|
Miniflux.Item.Show(currentItem);
|
|
break;
|
|
case 109: // m
|
|
Miniflux.Item.SwitchStatus(currentItem);
|
|
break;
|
|
case 102: // f
|
|
Miniflux.Item.SwitchBookmark(currentItem);
|
|
break;
|
|
case 104: // h
|
|
Miniflux.Nav.OpenPreviousPage();
|
|
break
|
|
case 108: // l
|
|
Miniflux.Nav.OpenNextPage();
|
|
break;
|
|
case 114: // r
|
|
Miniflux.Feed.UpdateAll();
|
|
break;
|
|
case 63: // ?
|
|
Miniflux.Nav.ShowHelp();
|
|
break;
|
|
case 122: // z
|
|
Miniflux.Item.ToggleRTLMode();
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
}
|
|
};
|
|
|
|
})();
|