bootstrap.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. document.addEventListener("DOMContentLoaded", function () {
  2. handleSubmitButtons();
  3. if (!document.querySelector("body[data-disable-keyboard-shortcuts=true]")) {
  4. let keyboardHandler = new KeyboardHandler();
  5. keyboardHandler.on("g u", () => goToPage("unread"));
  6. keyboardHandler.on("g b", () => goToPage("starred"));
  7. keyboardHandler.on("g h", () => goToPage("history"));
  8. keyboardHandler.on("g f", () => goToFeedOrFeeds());
  9. keyboardHandler.on("g c", () => goToPage("categories"));
  10. keyboardHandler.on("g s", () => goToPage("settings"));
  11. keyboardHandler.on("ArrowLeft", () => goToPrevious());
  12. keyboardHandler.on("ArrowRight", () => goToNext());
  13. keyboardHandler.on("k", () => goToPrevious());
  14. keyboardHandler.on("p", () => goToPrevious());
  15. keyboardHandler.on("j", () => goToNext());
  16. keyboardHandler.on("n", () => goToNext());
  17. keyboardHandler.on("h", () => goToPage("previous"));
  18. keyboardHandler.on("l", () => goToPage("next"));
  19. keyboardHandler.on("z t", () => scrollToCurrentItem());
  20. keyboardHandler.on("o", () => openSelectedItem());
  21. keyboardHandler.on("v", () => openOriginalLink());
  22. keyboardHandler.on("V", () => openOriginalLink(true));
  23. keyboardHandler.on("c", () => openCommentLink());
  24. keyboardHandler.on("C", () => openCommentLink(true));
  25. keyboardHandler.on("m", () => handleEntryStatus("next"));
  26. keyboardHandler.on("M", () => handleEntryStatus("previous"));
  27. keyboardHandler.on("A", () => markPageAsRead());
  28. keyboardHandler.on("s", () => handleSaveEntry());
  29. keyboardHandler.on("d", () => handleFetchOriginalContent());
  30. keyboardHandler.on("f", () => handleBookmark());
  31. keyboardHandler.on("F", () => goToFeed());
  32. keyboardHandler.on("R", () => handleRefreshAllFeeds());
  33. keyboardHandler.on("?", () => showKeyboardShortcuts());
  34. keyboardHandler.on("+", () => goToAddSubscription());
  35. keyboardHandler.on("#", () => unsubscribeFromFeed());
  36. keyboardHandler.on("/", (e) => setFocusToSearchInput(e));
  37. keyboardHandler.on("a", () => {
  38. let enclosureElement = document.querySelector('.entry-enclosures');
  39. if (enclosureElement) {
  40. enclosureElement.toggleAttribute('open');
  41. }
  42. });
  43. keyboardHandler.on("Escape", () => ModalHandler.close());
  44. keyboardHandler.listen();
  45. }
  46. let touchHandler = new TouchHandler();
  47. touchHandler.listen();
  48. onClick("a[data-save-entry]", (event) => handleSaveEntry(event.target));
  49. onClick("a[data-toggle-bookmark]", (event) => handleBookmark(event.target));
  50. onClick("a[data-fetch-content-entry]", () => handleFetchOriginalContent());
  51. onClick("a[data-action=search]", (event) => setFocusToSearchInput(event));
  52. onClick("a[data-share-status]", () => handleShare());
  53. onClick("a[data-action=markPageAsRead]", (event) => handleConfirmationMessage(event.target, () => markPageAsRead()));
  54. onClick("a[data-toggle-status]", (event) => handleEntryStatus("next", event.target));
  55. onClick("a[data-confirm]", (event) => handleConfirmationMessage(event.target, (url, redirectURL) => {
  56. let request = new RequestBuilder(url);
  57. request.withCallback((response) => {
  58. if (redirectURL) {
  59. window.location.href = redirectURL;
  60. } else if (response && response.redirected && response.url) {
  61. window.location.href = response.url;
  62. } else {
  63. window.location.reload();
  64. }
  65. });
  66. request.execute();
  67. }));
  68. onClick("a[data-original-link='true']", (event) => {
  69. handleEntryStatus("next", event.target, true);
  70. }, true);
  71. onAuxClick("a[data-original-link='true']", (event) => {
  72. if (event.button == 1) {
  73. handleEntryStatus("next", event.target, true);
  74. }
  75. }, true);
  76. if (document.documentElement.clientWidth < 600) {
  77. onClick(".logo", () => toggleMainMenu());
  78. onClick(".header nav li", (event) => onClickMainMenuListItem(event));
  79. }
  80. if ("serviceWorker" in navigator) {
  81. let scriptElement = document.getElementById("service-worker-script");
  82. if (scriptElement) {
  83. navigator.serviceWorker.register(scriptElement.src);
  84. }
  85. }
  86. window.addEventListener('beforeinstallprompt', (e) => {
  87. // Prevent Chrome 67 and earlier from automatically showing the prompt.
  88. e.preventDefault();
  89. let deferredPrompt = e;
  90. const promptHomeScreen = document.getElementById('prompt-home-screen');
  91. if (promptHomeScreen) {
  92. promptHomeScreen.style.display = "block";
  93. const btnAddToHomeScreen = document.getElementById('btn-add-to-home-screen');
  94. if (btnAddToHomeScreen) {
  95. btnAddToHomeScreen.addEventListener('click', (e) => {
  96. e.preventDefault();
  97. deferredPrompt.prompt();
  98. deferredPrompt.userChoice.then(() => {
  99. deferredPrompt = null;
  100. promptHomeScreen.style.display = "none";
  101. });
  102. });
  103. }
  104. }
  105. });
  106. // enclosure media player position save & resume
  107. const elements = document.querySelectorAll("audio[data-last-position],video[data-last-position]");
  108. elements.forEach((element) => {
  109. // we set the current time of media players
  110. if (element.dataset.lastPosition){ element.currentTime = element.dataset.lastPosition; }
  111. element.ontimeupdate = () => handlePlayerProgressionSave(element);
  112. });
  113. });