Upstream/waveterm
1
0
Fork 0
mirror of https://github.com/wavetermdev/waveterm.git synced 2024-12-22 16:48:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

implement back/forward for help view (#991)

Browse Source
This commit is contained in:
Mike Sawka 2024-10-08 16:54:41 -07:00 committed by GitHub
parent b8e03e9628
commit 5d6b85cf54
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 30 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/app/view/helpview/helpview.tsx
View File

@ -4,33 +4,41 @@
import { getApi } from "@/app/store/global"; import { getApi } from "@/app/store/global";
import { WebView, WebViewModel } from "@/app/view/webview/webview"; import { WebView, WebViewModel } from "@/app/view/webview/webview";
import { NodeModel } from "@/layout/index"; import { NodeModel } from "@/layout/index";
import { WebviewTag } from "electron";
import { atom } from "jotai"; import { atom } from "jotai";
import { createRef } from "react";
import "./helpview.less"; import "./helpview.less";
class HelpViewModel extends WebViewModel { class HelpViewModel extends WebViewModel {
viewType: string;
blockId: string;
webviewRef: React.RefObject<WebviewTag>;
constructor(blockId: string, nodeModel: NodeModel) { constructor(blockId: string, nodeModel: NodeModel) {
super(blockId, nodeModel); super(blockId, nodeModel);
this.getSettingsMenuItems = undefined; this.getSettingsMenuItems = undefined;
this.viewText = atom([ this.viewText = atom((get) => {
// force a dependency on meta.url so we re-render the buttons when the url changes
let url = get(this.blockAtom)?.meta?.url || get(this.homepageUrl);
return [
{
elemtype: "iconbutton",
icon: "chevron-left",
click: this.handleBack.bind(this),
disabled: this.shouldDisableBackButton(),
},
{
elemtype: "iconbutton",
icon: "chevron-right",
click: this.handleForward.bind(this),
disabled: this.shouldDisableForwardButton(),
},
{ {
elemtype: "iconbutton", elemtype: "iconbutton",
icon: "house", icon: "house",
click: this.handleHome.bind(this), click: this.handleHome.bind(this),
disabled: this.shouldDisabledHomeButton(), disabled: this.shouldDisableHomeButton(),
}, },
]); ];
});
this.homepageUrl = atom(getApi().getDocsiteUrl()); this.homepageUrl = atom(getApi().getDocsiteUrl());
this.viewType = "help"; this.viewType = "help";
this.blockId = blockId;
this.viewIcon = atom("circle-question"); this.viewIcon = atom("circle-question");
this.viewName = atom("Help"); this.viewName = atom("Help");
this.webviewRef = createRef<WebviewTag>();
} }
} }

12
frontend/app/view/webview/webview.tsx
View File

@ -81,19 +81,19 @@ export class WebViewModel implements ViewModel {
elemtype: "iconbutton", elemtype: "iconbutton",
icon: "chevron-left", icon: "chevron-left",
click: this.handleBack.bind(this), click: this.handleBack.bind(this),
disabled: this.shouldDisabledBackButton(), disabled: this.shouldDisableBackButton(),
}, },
{ {
elemtype: "iconbutton", elemtype: "iconbutton",
icon: "chevron-right", icon: "chevron-right",
click: this.handleForward.bind(this), click: this.handleForward.bind(this),
disabled: this.shouldDisabledForwardButton(), disabled: this.shouldDisableForwardButton(),
}, },
{ {
elemtype: "iconbutton", elemtype: "iconbutton",
icon: "house", icon: "house",
click: this.handleHome.bind(this), click: this.handleHome.bind(this),
disabled: this.shouldDisabledHomeButton(), disabled: this.shouldDisableHomeButton(),
}, },
{ {
elemtype: "div", elemtype: "div",
@ -142,7 +142,7 @@ export class WebViewModel implements ViewModel {
* Whether the back button in the header should be disabled. * Whether the back button in the header should be disabled.
* @returns True if the WebView cannot go back or if the WebView call fails. False otherwise. * @returns True if the WebView cannot go back or if the WebView call fails. False otherwise.
*/ */
shouldDisabledBackButton() { shouldDisableBackButton() {
try { try {
return !this.webviewRef.current?.canGoBack(); return !this.webviewRef.current?.canGoBack();
} catch (_) {} } catch (_) {}
@ -153,7 +153,7 @@ export class WebViewModel implements ViewModel {
* Whether the forward button in the header should be disabled. * Whether the forward button in the header should be disabled.
* @returns True if the WebView cannot go forward or if the WebView call fails. False otherwise. * @returns True if the WebView cannot go forward or if the WebView call fails. False otherwise.
*/ */
shouldDisabledForwardButton() { shouldDisableForwardButton() {
try { try {
return !this.webviewRef.current?.canGoForward(); return !this.webviewRef.current?.canGoForward();
} catch (_) {} } catch (_) {}
@ -164,7 +164,7 @@ export class WebViewModel implements ViewModel {
* Whether the home button in the header should be disabled. * Whether the home button in the header should be disabled.
* @returns True if the current url is the pinned url or the pinned url is not set. False otherwise. * @returns True if the current url is the pinned url or the pinned url is not set. False otherwise.
*/ */
shouldDisabledHomeButton() { shouldDisableHomeButton() {
try { try {
const homepageUrl = globalStore.get(this.homepageUrl); const homepageUrl = globalStore.get(this.homepageUrl);
return !homepageUrl || this.getUrl() === homepageUrl; return !homepageUrl || this.getUrl() === homepageUrl;