bootstrap.js 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. document.addEventListener("DOMContentLoaded", () => {
  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. if (WebAuthnHandler.isWebAuthnSupported()) {
  49. const webauthnHandler = new WebAuthnHandler();
  50. onClick("#webauthn-delete", () => { webauthnHandler.removeAllCredentials() });
  51. let registerButton = document.getElementById("webauthn-register");
  52. if (registerButton != null) {
  53. registerButton.disabled = false;
  54. onClick("#webauthn-register", () => {
  55. webauthnHandler.register().catch((err) => WebAuthnHandler.showErrorMessage(err));
  56. });
  57. }
  58. let loginButton = document.getElementById("webauthn-login");
  59. if (loginButton != null) {
  60. const abortController = new AbortController();
  61. loginButton.disabled = false;
  62. onClick("#webauthn-login", () => {
  63. let usernameField = document.getElementById("form-username");
  64. if (usernameField != null) {
  65. abortController.abort();
  66. webauthnHandler.login(usernameField.value).catch(err => WebAuthnHandler.showErrorMessage(err));
  67. }
  68. });
  69. webauthnHandler.conditionalLogin(abortController).catch(err => WebAuthnHandler.showErrorMessage(err));
  70. }
  71. }
  72. onClick("a[data-save-entry]", (event) => handleSaveEntry(event.target));
  73. onClick("a[data-toggle-bookmark]", (event) => handleBookmark(event.target));
  74. onClick("a[data-fetch-content-entry]", () => handleFetchOriginalContent());
  75. onClick("a[data-share-status]", () => handleShare());
  76. onClick("a[data-action=markPageAsRead]", (event) => handleConfirmationMessage(event.target, () => markPageAsRead()));
  77. onClick("a[data-toggle-status]", (event) => handleEntryStatus("next", event.target));
  78. onClick("a[data-confirm]", (event) => handleConfirmationMessage(event.target, (url, redirectURL) => {
  79. let request = new RequestBuilder(url);
  80. request.withCallback((response) => {
  81. if (redirectURL) {
  82. window.location.href = redirectURL;
  83. } else if (response && response.redirected && response.url) {
  84. window.location.href = response.url;
  85. } else {
  86. window.location.reload();
  87. }
  88. });
  89. request.execute();
  90. }));
  91. onClick("a[data-original-link='true']", (event) => {
  92. handleEntryStatus("next", event.target, true);
  93. }, true);
  94. onAuxClick("a[data-original-link='true']", (event) => {
  95. if (event.button == 1) {
  96. handleEntryStatus("next", event.target, true);
  97. }
  98. }, true);
  99. checkMenuToggleModeByLayout()
  100. window.addEventListener("resize", checkMenuToggleModeByLayout, { passive: true })
  101. const logoElement = document.querySelector(".logo")
  102. logoElement.addEventListener("click", (event) => toggleMainMenu(event));
  103. logoElement.addEventListener("keydown", (event) => toggleMainMenu(event));
  104. onClick(".header nav li", (event) => onClickMainMenuListItem(event));
  105. if ("serviceWorker" in navigator) {
  106. let scriptElement = document.getElementById("service-worker-script");
  107. if (scriptElement) {
  108. navigator.serviceWorker.register(scriptElement.src);
  109. }
  110. }
  111. window.addEventListener('beforeinstallprompt', (e) => {
  112. // Prevent Chrome 67 and earlier from automatically showing the prompt.
  113. e.preventDefault();
  114. let deferredPrompt = e;
  115. const promptHomeScreen = document.getElementById('prompt-home-screen');
  116. if (promptHomeScreen) {
  117. promptHomeScreen.style.display = "block";
  118. const btnAddToHomeScreen = document.getElementById('btn-add-to-home-screen');
  119. if (btnAddToHomeScreen) {
  120. btnAddToHomeScreen.addEventListener('click', (e) => {
  121. e.preventDefault();
  122. deferredPrompt.prompt();
  123. deferredPrompt.userChoice.then(() => {
  124. deferredPrompt = null;
  125. promptHomeScreen.style.display = "none";
  126. });
  127. });
  128. }
  129. }
  130. });
  131. // Save and resume media position
  132. const elements = document.querySelectorAll("audio[data-last-position],video[data-last-position]");
  133. elements.forEach((element) => {
  134. if (element.dataset.lastPosition) {
  135. element.currentTime = element.dataset.lastPosition;
  136. }
  137. element.ontimeupdate = () => handlePlayerProgressionSave(element);
  138. });
  139. });