uppercase shortcuts

1 files changed, 173 insertions, 0 deletions

diff --git a/js/gui/KeyboardShortcuts.js b/js/gui/KeyboardShortcuts.js
new file mode 100644
index 000000000..1a214696e
--- /dev/null
+++ b/js/gui/KeyboardShortcuts.js
@@ -0,0 +1,173 @@
+/**
+ * ownCloud - News
+ *
+ * This file is licensed under the Affero General Public License version 3 or
+ * later. See the COPYING file.
+ *
+ * @author Bernhard Posselt <dev@bernhard-posselt.com>
+ * @copyright Bernhard Posselt 2014
+ */
+
+/**
+ * Code in here acts only as a click shortcut mechanism. That's why its not
+ * being put into a directive since it has to be tested with protractor
+ * anyways and theres no benefit from wiring it into the angular app
+ */
+(function (window, document, $) {
+    'use strict';
+
+    const scrollArea = $('#app-content');
+
+    const noInputFocused = (element) => {
+        return !(
+            element.is('input') &&
+            element.is('select') &&
+            element.is('textarea') &&
+            element.is('checkbox')
+        );
+    };
+
+    const noModifierKey = (event) => {
+        return !(
+            event.shiftKey ||
+            event.altKey ||
+            event.ctrlKey ||
+            event.metaKey
+        );
+    };
+
+    const scrollToItem = (item, scrollArea) => {
+        scrollArea.scrollTop(
+            item.offset().top - scrollArea.offset().top + scrollArea.scrollTop()
+        );
+    };
+
+    const scrollToNextItem = (scrollArea) => {
+        const items = scrollArea.find('.feed_item');
+
+        for (let item of items) {
+            item = $(item);
+
+            if (item.position().top > 1) {
+                scrollToItem(scrollArea, item);
+                return;
+            }
+        }
+
+        // in case this is the last item it should still scroll below the top
+        scrollArea.scrollTop(scrollArea.prop('scrollHeight'));
+
+    };
+
+    const scrollToPreviousItem = (scrollArea) => {
+        const items = scrollArea.find('.feed_item');
+
+        for (let item of items) {
+            item = $(item);
+
+            if (item.position().top >= 0) {
+                let previous = item.prev();
+
+                // if there are no items before the current one
+                if (previous.length > 0) {
+                    scrollToItem(scrollArea, previous);
+                }
+
+                return;
+            }
+        }
+
+        // if there was no jump jump to the last element
+        if (items.length > 0) {
+            scrollToItem(scrollArea, items.last());
+        }
+    };
+
+    const getActiveItem = (scrollArea) => {
+        const items = scrollArea.find('.feed_item');
+
+        for (let item of items) {
+            item = $(item);
+
+            // 130px of the item should be visible
+            if ((item.height() + item.position().top) > 30) {
+                return item;
+            }
+        }
+    };
+
+    const toggleUnread = (scrollArea) => {
+        const item = getActiveItem(scrollArea);
+        item.find('.keep_unread').trigger('click');
+    };
+
+    const toggleStar = (scrollArea) => {
+        const item = getActiveItem(scrollArea);
+        item.find('.item_utils .star').trigger('click');
+    };
+
+    const expandItem = (scrollArea) => {
+        const item = getActiveItem(scrollArea);
+        item.find('.item_heading a').trigger('click');
+    };
+
+    const openLink = (scrollArea) => {
+        const item = getActiveItem(scrollArea).find('.item_title a');
+        item.trigger('click');  // mark read
+        window.open(item.attr('href'), '_blank');
+    };
+
+    $(document).keyup((event) => {
+        const keyCode = event.keyCode;
+
+        if (noInputFocused($(':focus')) && noModifierKey(event)) {
+
+            // j, n, right arrow
+            if ([74, 78, 34].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                scrollToNextItem(scrollArea);
+
+            // k, p, left arrow
+            } else if ([75, 80, 37].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                scrollToPreviousItem(scrollArea);
+
+            // u
+            } else if ([85].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                toggleUnread(scrollArea);
+
+            // e
+            } else if ([69].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                expandItem(scrollArea);
+
+            // s, i, l
+            } else if ([73, 83, 76].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                toggleStar(scrollArea);
+
+            // h
+            } else if ([72].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                toggleStar(scrollArea);
+                scrollToNextItem(scrollArea);
+
+            // o
+            } else if ([79].indexOf(keyCode) >= 0) {
+
+                event.preventDefault();
+                openLink(scrollArea);
+
+            }
+
+        }
+    });
+
+}(window, document, jQuery));
\ No newline at end of file