de10bd7fb4
- moves footer nav to the header on iPads - disables scrolling events for iPads - removes footer nav entirely on Chrome PWAs - toggles DiscourseHub iOS app status bar styling (dark/light) when opening/closing lightboxes and modals
57 lines
1.1 KiB
JavaScript
57 lines
1.1 KiB
JavaScript
import { createWidget } from "discourse/widgets/widget";
|
|
import { isAppWebview, postRNWebviewMessage } from "discourse/lib/utilities";
|
|
|
|
createWidget("footer-nav", {
|
|
tagName: "div.footer-nav-widget",
|
|
|
|
html(attrs) {
|
|
const buttons = [];
|
|
|
|
buttons.push(
|
|
this.attach("flat-button", {
|
|
action: "goBack",
|
|
icon: "chevron-left",
|
|
className: "btn-large",
|
|
disabled: !attrs.canGoBack
|
|
})
|
|
);
|
|
|
|
buttons.push(
|
|
this.attach("flat-button", {
|
|
action: "goForward",
|
|
icon: "chevron-right",
|
|
className: "btn-large",
|
|
disabled: !attrs.canGoForward
|
|
})
|
|
);
|
|
|
|
if (isAppWebview()) {
|
|
buttons.push(
|
|
this.attach("flat-button", {
|
|
action: "share",
|
|
icon: "link",
|
|
className: "btn-large"
|
|
})
|
|
);
|
|
|
|
buttons.push(
|
|
this.attach("flat-button", {
|
|
action: "dismiss",
|
|
icon: "chevron-down",
|
|
className: "btn-large"
|
|
})
|
|
);
|
|
}
|
|
|
|
return buttons;
|
|
},
|
|
|
|
dismiss() {
|
|
postRNWebviewMessage("dismiss", true);
|
|
},
|
|
|
|
share() {
|
|
postRNWebviewMessage("shareUrl", window.location.href);
|
|
}
|
|
});
|