aboutsummaryrefslogtreecommitdiffhomepage
path: root/ui/static/js/bootstrap.js
blob: e44b1e750bcee4a3c72cfd3e91bff265efcbde53 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
document.addEventListener("DOMContentLoaded", function() {
    FormHandler.handleSubmitButtons();

    let navHandler = new NavHandler();

    if (! document.querySelector("body[data-disable-keyboard-shortcuts=true]")) {
        let keyboardHandler = new KeyboardHandler();
        keyboardHandler.on("g u", () => navHandler.goToPage("unread"));
        keyboardHandler.on("g b", () => navHandler.goToPage("starred"));
        keyboardHandler.on("g h", () => navHandler.goToPage("history"));
        keyboardHandler.on("g f", () => navHandler.goToFeedOrFeeds());
        keyboardHandler.on("g c", () => navHandler.goToPage("categories"));
        keyboardHandler.on("g s", () => navHandler.goToPage("settings"));
        keyboardHandler.on("ArrowLeft", () => navHandler.goToPrevious());
        keyboardHandler.on("ArrowRight", () => navHandler.goToNext());
        keyboardHandler.on("k", () => navHandler.goToPrevious());        
        keyboardHandler.on("p", () => navHandler.goToPrevious());
        keyboardHandler.on("j", () => navHandler.goToNext());
        keyboardHandler.on("n", () => navHandler.goToNext());
        keyboardHandler.on("h", () => navHandler.goToPage("previous"));
        keyboardHandler.on("l", () => navHandler.goToPage("next"));
        keyboardHandler.on("o", () => navHandler.openSelectedItem());
        keyboardHandler.on("v", () => navHandler.openOriginalLink());
        keyboardHandler.on("m", () => navHandler.toggleEntryStatus());
        keyboardHandler.on("A", () => {
            let element = document.querySelector("a[data-on-click=markPageAsRead]");
            navHandler.markPageAsRead(element.dataset.showOnlyUnread || false);
        });
        keyboardHandler.on("s", () => navHandler.saveEntry());
        keyboardHandler.on("d", () => navHandler.fetchOriginalContent());
        keyboardHandler.on("f", () => navHandler.toggleBookmark());
        keyboardHandler.on("?", () => navHandler.showKeyboardShortcuts());
        keyboardHandler.on("#", () => navHandler.unsubscribeFromFeed());
        keyboardHandler.on("/", (e) => navHandler.setFocusToSearchInput(e));
        keyboardHandler.on("Escape", () => ModalHandler.close());
        keyboardHandler.listen();
    }

    let touchHandler = new TouchHandler(navHandler);
    touchHandler.listen();

    let mouseHandler = new MouseHandler();
    mouseHandler.onClick("a[data-save-entry]", (event) => {
        EntryHandler.saveEntry(event.target);
    });

    mouseHandler.onClick("a[data-toggle-bookmark]", (event) => {
        EntryHandler.toggleBookmark(event.target);
    });

    mouseHandler.onClick("a[data-toggle-status]", (event) => {
        let currentItem = DomHelper.findParent(event.target, "entry");
        if (! currentItem) {
            currentItem = DomHelper.findParent(event.target, "item");
        }

        if (currentItem) {
            EntryHandler.toggleEntryStatus(currentItem);
        }
    });

    mouseHandler.onClick("a[data-fetch-content-entry]", (event) => {
        EntryHandler.fetchOriginalContent(event.target);
    });

    mouseHandler.onClick("a[data-on-click=markPageAsRead]", (event) => {
        navHandler.markPageAsRead(event.target.dataset.showOnlyUnread || false);
    });

    mouseHandler.onClick("a[data-confirm]", (event) => {
        (new ConfirmHandler()).handle(event);
    });

    mouseHandler.onClick("a[data-action=search]", (event) => {
        navHandler.setFocusToSearchInput(event);
    });

    mouseHandler.onClick("a[data-link-state=flip]", (event) => {
        LinkStateHandler.flip(event.target);
    }, true);

    if (document.documentElement.clientWidth < 600) {
        let menuHandler = new MenuHandler();
        mouseHandler.onClick(".logo", () => menuHandler.toggleMainMenu());
        mouseHandler.onClick(".header nav li", (event) => menuHandler.clickMenuListItem(event));
    }

    if ("serviceWorker" in navigator) {
        let scriptElement = document.getElementById("service-worker-script");
        if (scriptElement) {
            navigator.serviceWorker.register(scriptElement.src);
        }
    }
});