aboutsummaryrefslogtreecommitdiffhomepage
path: root/ui/static/js/nav_handler.js
diff options
context:
space:
mode:
Diffstat (limited to 'ui/static/js/nav_handler.js')
-rw-r--r--ui/static/js/nav_handler.js253
1 files changed, 0 insertions, 253 deletions
diff --git a/ui/static/js/nav_handler.js b/ui/static/js/nav_handler.js
deleted file mode 100644
index 9f1f861..0000000
--- a/ui/static/js/nav_handler.js
+++ /dev/null
@@ -1,253 +0,0 @@
-class NavHandler {
- setFocusToSearchInput(event) {
- event.preventDefault();
- event.stopPropagation();
-
- let toggleSwitchElement = document.querySelector(".search-toggle-switch");
- if (toggleSwitchElement) {
- toggleSwitchElement.style.display = "none";
- }
-
- let searchFormElement = document.querySelector(".search-form");
- if (searchFormElement) {
- searchFormElement.style.display = "block";
- }
-
- let searchInputElement = document.getElementById("search-input");
- if (searchInputElement) {
- searchInputElement.focus();
- searchInputElement.value = "";
- }
- }
-
- showKeyboardShortcuts() {
- let template = document.getElementById("keyboard-shortcuts");
- if (template !== null) {
- ModalHandler.open(template.content);
- }
- }
-
- markPageAsRead(showOnlyUnread) {
- let items = DomHelper.getVisibleElements(".items .item");
- let entryIDs = [];
-
- items.forEach((element) => {
- element.classList.add("item-status-read");
- entryIDs.push(parseInt(element.dataset.id, 10));
- });
-
- if (entryIDs.length > 0) {
- EntryHandler.updateEntriesStatus(entryIDs, "read", () => {
- // This callback make sure the Ajax request reach the server before we reload the page.
- if (showOnlyUnread) {
- window.location.reload();
- } else {
- this.goToPage("next", true);
- }
- });
- }
- }
-
- saveEntry() {
- if (this.isListView()) {
- let currentItem = document.querySelector(".current-item");
- if (currentItem !== null) {
- let saveLink = currentItem.querySelector("a[data-save-entry]");
- if (saveLink) {
- EntryHandler.saveEntry(saveLink);
- }
- }
- } else {
- let saveLink = document.querySelector("a[data-save-entry]");
- if (saveLink) {
- EntryHandler.saveEntry(saveLink);
- }
- }
- }
-
- fetchOriginalContent() {
- if (! this.isListView()){
- let link = document.querySelector("a[data-fetch-content-entry]");
- if (link) {
- EntryHandler.fetchOriginalContent(link);
- }
- }
- }
-
- toggleEntryStatus() {
- if (! this.isListView()) {
- EntryHandler.toggleEntryStatus(document.querySelector(".entry"));
- return;
- }
-
- let currentItem = document.querySelector(".current-item");
- if (currentItem !== null) {
- // The order is important here,
- // On the unread page, the read item will be hidden.
- this.goToNextListItem();
- EntryHandler.toggleEntryStatus(currentItem);
- }
- }
-
- toggleBookmark() {
- if (! this.isListView()) {
- this.toggleBookmarkLink(document.querySelector(".entry"));
- return;
- }
-
- let currentItem = document.querySelector(".current-item");
- if (currentItem !== null) {
- this.toggleBookmarkLink(currentItem);
- }
- }
-
- toggleBookmarkLink(parent) {
- let bookmarkLink = parent.querySelector("a[data-toggle-bookmark]");
- if (bookmarkLink) {
- EntryHandler.toggleBookmark(bookmarkLink);
- }
- }
-
- openOriginalLink() {
- let entryLink = document.querySelector(".entry h1 a");
- if (entryLink !== null) {
- DomHelper.openNewTab(entryLink.getAttribute("href"));
- return;
- }
-
- let currentItemOriginalLink = document.querySelector(".current-item a[data-original-link]");
- if (currentItemOriginalLink !== null) {
- DomHelper.openNewTab(currentItemOriginalLink.getAttribute("href"));
-
- // Move to the next item and if we are on the unread page mark this item as read.
- let currentItem = document.querySelector(".current-item");
- this.goToNextListItem();
- EntryHandler.markEntryAsRead(currentItem);
- }
- }
-
- openSelectedItem() {
- let currentItemLink = document.querySelector(".current-item .item-title a");
- if (currentItemLink !== null) {
- window.location.href = currentItemLink.getAttribute("href");
- }
- }
-
- unsubscribeFromFeed() {
- let unsubscribeLinks = document.querySelectorAll("[data-action=remove-feed]");
- if (unsubscribeLinks.length === 1) {
- let unsubscribeLink = unsubscribeLinks[0];
- FeedHandler.unsubscribe(unsubscribeLink.dataset.url, () => {
- if (unsubscribeLink.dataset.redirectUrl) {
- window.location.href = unsubscribeLink.dataset.redirectUrl;
- } else {
- window.location.reload();
- }
- });
- }
- }
-
- /**
- * @param {string} page Page to redirect to.
- * @param {boolean} fallbackSelf Refresh actual page if the page is not found.
- */
- goToPage(page, fallbackSelf) {
- let element = document.querySelector("a[data-page=" + page + "]");
-
- if (element) {
- document.location.href = element.href;
- } else if (fallbackSelf) {
- window.location.reload();
- }
- }
-
- goToPrevious() {
- if (this.isListView()) {
- this.goToPreviousListItem();
- } else {
- this.goToPage("previous");
- }
- }
-
- goToNext() {
- if (this.isListView()) {
- this.goToNextListItem();
- } else {
- this.goToPage("next");
- }
- }
-
- goToFeedOrFeeds() {
- if (this.isEntry()) {
- let feedAnchor = document.querySelector("span.entry-website a");
- if (feedAnchor !== null) {
- window.location.href = feedAnchor.href;
- }
- } else {
- this.goToPage('feeds');
- }
- }
-
- goToPreviousListItem() {
- let items = DomHelper.getVisibleElements(".items .item");
- if (items.length === 0) {
- return;
- }
-
- if (document.querySelector(".current-item") === null) {
- items[0].classList.add("current-item");
- items[0].querySelector('.item-header a').focus();
- return;
- }
-
- for (let i = 0; i < items.length; i++) {
- if (items[i].classList.contains("current-item")) {
- items[i].classList.remove("current-item");
-
- if (i - 1 >= 0) {
- items[i - 1].classList.add("current-item");
- DomHelper.scrollPageTo(items[i - 1]);
- items[i - 1].querySelector('.item-header a').focus();
- }
-
- break;
- }
- }
- }
-
- goToNextListItem() {
- let currentItem = document.querySelector(".current-item");
- let items = DomHelper.getVisibleElements(".items .item");
- if (items.length === 0) {
- return;
- }
-
- if (currentItem === null) {
- items[0].classList.add("current-item");
- items[0].querySelector('.item-header a').focus();
- return;
- }
-
- for (let i = 0; i < items.length; i++) {
- if (items[i].classList.contains("current-item")) {
- items[i].classList.remove("current-item");
-
- if (i + 1 < items.length) {
- items[i + 1].classList.add("current-item");
- DomHelper.scrollPageTo(items[i + 1]);
- items[i + 1].querySelector('.item-header a').focus();
- }
-
- break;
- }
- }
- }
-
- isEntry() {
- return document.querySelector("section.entry") !== null;
- }
-
- isListView() {
- return document.querySelector(".items") !== null;
- }
-}