+
+
+ );
+ }
+}
+
+@mobxReact.observer
+class ClientStopModal extends React.Component<{}, {}> {
+ @boundMethod
+ refreshClient() {
+ GlobalModel.refreshClient();
+ }
+
+ render() {
+ let model = GlobalModel;
+ let cdata = model.clientData.get();
+ let title = "Client Not Ready";
+ return (
+
+
+
+
+
+
+
+ Prompt Client Disconnected
+
+
+
+
+
+
+
+ {logLine}
+
+
+
+
+ );
+ }
+}
+
+@mobxReact.observer
+class LoadingSpinner extends React.Component<{}, {}> {
+ render() {
+ return (
+
+
+
+
+ [prompt] {title}
+
+
+
+
+
+ Cannot get client data.
+
+
+
+
+
+
+ );
+ }
+}
+
+@mobxReact.observer
+class AlertModal extends React.Component<{}, {}> {
+ @boundMethod
+ closeModal(): void {
+ GlobalModel.cancelAlert();
+ }
+
+ @boundMethod
+ handleOK(): void {
+ GlobalModel.confirmAlert();
+ }
+
+ render() {
+ let message = GlobalModel.alertMessage.get();
+ if (message == null) {
+ return null;
+ }
+ let title = message.title ?? (message.confirm ? "Confirm" : "Alert");
+ let isConfirm = message.confirm;
+ return (
+
+
+
+ );
+ }
+}
+
+@mobxReact.observer
+class WelcomeModal extends React.Component<{}, {}> {
+ totalPages: number = 3;
+ pageNum: OV
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {message.message}
+
+
+
+ );
+ }
+}
+
+@mobxReact.observer
+class TosModal extends React.Component<{}, {}> {
+ @boundMethod
+ acceptTos(): void {
+ GlobalCommandRunner.clientAcceptTos();
+ }
+
+ render() {
+ return (
+
+
+
+
+ welcome to [prompt]
+
+
+
+
+
+ + Prompt is a new terminal to help save you time and keep your command-line life organized. + Here's a couple quick tips to get your started! +
+
+
+
+ );
+ }
+}
+
+export { WelcomeModal, LoadingSpinner, ClientStopModal, AlertModal, DisconnectedModal, TosModal };
diff --git a/src/app/assets/icons/shield_check.svg b/src/app/assets/icons/shield_check.svg
new file mode 100644
index 00000000..62dcb641
--- /dev/null
+++ b/src/app/assets/icons/shield_check.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/app/assets/icons/statuscircle.svg b/src/app/assets/icons/statuscircle.svg
new file mode 100644
index 00000000..924b09bb
--- /dev/null
+++ b/src/app/assets/icons/statuscircle.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/app/assets/waveterm-logo.png b/src/app/assets/waveterm-logo.png
new file mode 100644
index 00000000..daaf606e
Binary files /dev/null and b/src/app/assets/waveterm-logo.png differ
diff --git a/src/app/assets/waveterm-logo.svg b/src/app/assets/waveterm-logo.svg
new file mode 100644
index 00000000..630fdfa6
--- /dev/null
+++ b/src/app/assets/waveterm-logo.svg
@@ -0,0 +1,42 @@
+
+
+
diff --git a/src/app/bookmarks/bookmarks.tsx b/src/app/bookmarks/bookmarks.tsx
index 2e423c7a..dd7edaa6 100644
--- a/src/app/bookmarks/bookmarks.tsx
+++ b/src/app/bookmarks/bookmarks.tsx
@@ -1,3 +1,6 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
import * as React from "react";
import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
diff --git a/src/app/common/common.less b/src/app/common/common.less
index 6e6bf8b5..5685fe03 100644
--- a/src/app/common/common.less
+++ b/src/app/common/common.less
@@ -176,6 +176,77 @@
}
}
+.checkbox {
+ display: flex;
+
+ input[type="checkbox"] {
+ height: 0;
+ width: 0;
+ }
+
+ input[type="checkbox"] + label {
+ position: relative;
+ display: flex;
+ align-items: center;
+ color: #9e9e9e;
+ transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
+ }
+ input[type="checkbox"] + label > span {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 16px;
+ width: 20px;
+ height: 20px;
+ background: transparent;
+ border: 2px solid #9e9e9e;
+ border-radius: 2px;
+ cursor: pointer;
+ transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1);
+ }
+
+ input[type="checkbox"] + label:hover,
+ input[type="checkbox"]:focus + label {
+ color: #fff;
+ }
+ input[type="checkbox"] + label:hover > span,
+ input[type="checkbox"]:focus + label > span {
+ background: rgba(255, 255, 255, 0.1);
+ }
+ input[type="checkbox"]:checked + label > ins {
+ height: 100%;
+ }
+
+ input[type="checkbox"]:checked + label > span {
+ border: 10px solid @term-green;
+ }
+ input[type="checkbox"]:checked + label > span:before {
+ content: "";
+ position: absolute;
+ top: -2px;
+ left: 3px;
+ width: 7px;
+ height: 12px;
+ border-right: 2px solid #fff;
+ border-bottom: 2px solid #fff;
+ transform: rotate(45deg);
+ transform-origin: 0% 100%;
+ animation: checkbox-check 500ms cubic-bezier(0.4, 0, 0.23, 1);
+ }
+
+ @keyframes checkbox-check {
+ 0% {
+ opacity: 0;
+ }
+ 33% {
+ opacity: 0.5;
+ }
+ 100% {
+ opacity: 1;
+ }
+ }
+}
+
.button.is-prompt-green {
background-color: #222;
color: @term-white;
@@ -186,6 +257,27 @@
}
}
+.button.is-wave-green {
+ margin-top: 16px;
+ display: flex;
+ padding: 6px 16px !important;
+ color: @term-bright-white !important;
+ align-items: center;
+ gap: 4px;
+ border-radius: 6px !important;
+ font-size: 14px !important;
+ height: auto !important;
+ background: @term-green !important;
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4), 0px 0px 0.5px 0px rgba(0, 0, 0, 0.5),
+ 0px 0px 0.5px 0px rgba(255, 255, 255, 0.8) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.6) inset;
+
+ &:hover {
+ background-color: @term-green;
+ color: @term-bright-white !important;
+ box-shadow: none;
+ }
+}
+
.button.is-plain,
.button.is-prompt-cancel {
background-color: #222;
diff --git a/src/app/common/common.tsx b/src/app/common/common.tsx
index f4b2b3dc..4953bcc6 100644
--- a/src/app/common/common.tsx
+++ b/src/app/common/common.tsx
@@ -1,3 +1,6 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
import * as React from "react";
import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
@@ -96,6 +99,32 @@ class Toggle extends React.Component<{ checked: boolean; onChange: (value: boole
}
}
+class Checkbox extends React.Component<
+ { checked: boolean; onChange: (value: boolean) => void; label: string; id: string },
+ {}
+> {
+ render() {
+ const { checked, onChange, label, id } = this.props;
+
+ return (
+
+
+
+
+
+
+
+
+ Welcome to Wave Terminal!
+ Lets set everything for you
+
+ onChange(e.target.checked)}
+ aria-checked={checked}
+ role="checkbox"
+ />
+
+
+ );
+ }
+}
+
@mobxReact.observer
class RemoteStatusLight extends React.Component<{ remote: RemoteType }, {}> {
render() {
@@ -328,6 +357,7 @@ class SettingsError extends React.Component<{ errorMessage: OV
+
+ );
+ }
+
+ render() {
+ const { hasError } = this.state;
+
+ if (hasError) {
+ return this.renderFallback();
+ }
+
+ return this.props.children;
+ }
+}
+
+export { ErrorBoundary };
diff --git a/src/app/common/modals/modals.less b/src/app/common/modals/modals.less
index 5de14313..5c687214 100644
--- a/src/app/common/modals/modals.less
+++ b/src/app/common/modals/modals.less
@@ -158,8 +158,6 @@
display: inline;
width: 1em;
height: 1em;
- margin: 0 0.25em 0 1em;
- vertical-align: middle;
}
&.is-hidden {
display: none;
@@ -183,6 +181,109 @@
}
}
+.modal.wave-modal {
+ .modal-content {
+ display: flex;
+ padding: 32px 48px;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 8px;
+ border-radius: 10px;
+ background: var(--olive-dark-1, #151715);
+ box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35), 0px 10px 24px 0px rgba(0, 0, 0, 0.45),
+ 0px 0px 0.5px 0px rgba(255, 255, 255, 0.5) inset, 0px 0.5px 0px 0px rgba(255, 255, 255, 0.2) inset;
+
+ .modal-content-wrapper {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 24px;
+ width: 100%;
+
+ header {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: var(--sizing-sm, 12px);
+ width: 100%;
+
+ .modal-title {
+ color: @term-bright-white;
+ text-align: center;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 300;
+ line-height: 20px;
+ }
+
+ .modal-subtitle {
+ color: @term-white;
+ text-align: center;
+
+ font-style: normal;
+ font-weight: 300;
+ line-height: 20px;
+ }
+ }
+
+ .content {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 32px;
+ width: 100%;
+ margin-bottom: 0;
+
+ .item {
+ display: flex;
+ width: 100%;
+ align-items: center;
+ gap: 16px;
+
+ .item-inner {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 4px;
+ flex: 1 0 0;
+
+ .item-title {
+ color: @term-bright-white;
+ font-style: normal;
+ line-height: 20px;
+ }
+
+ .item-text {
+ color: @term-white;
+ font-style: normal;
+ line-height: 20px;
+ }
+
+ .item-field {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
+ }
+ }
+ }
+ }
+
+ footer {
+ .button-wrapper {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+
+ button.disabled-button {
+ cursor: default;
+ }
+ }
+ }
+ }
+}
+
.modal.welcome-modal {
footer {
.prev-button {
@@ -343,8 +444,11 @@
.tab-color-icon.color-white path {
fill: @tab-white;
}
- .tab-color-icon.color-black path {
- fill: @tab-black;
+ .tab-color-icon.color-violet path {
+ fill: @tab-violet;
+ }
+ .tab-color-icon.color-pink path {
+ fill: @tab-pink;
}
.tab-colors {
diff --git a/src/app/common/modals/modals.tsx b/src/app/common/modals/modals.tsx
index 7b652f32..5d3427ed 100644
--- a/src/app/common/modals/modals.tsx
+++ b/src/app/common/modals/modals.tsx
@@ -1,3 +1,6 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
import * as React from "react";
import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
@@ -9,9 +12,14 @@ import localizedFormat from "dayjs/plugin/localizedFormat";
import { GlobalModel, GlobalCommandRunner } from "../../../model/model";
import { Markdown } from "../common";
import * as util from "../../../util/util";
+import { Toggle, Checkbox } from "../common";
+import { ClientDataType } from "../../../types/types";
import { ReactComponent as XmarkIcon } from "../../assets/icons/line/xmark.svg";
import { ReactComponent as WarningIcon } from "../../assets/icons/line/triangle-exclamation.svg";
+import shield from "../../assets/icons/shield_check.svg";
+import help from "../../assets/icons/help_filled.svg";
+import github from "../../assets/icons/github.svg";
dayjs.extend(localizedFormat);
@@ -309,48 +317,112 @@ class WelcomeModal extends React.Component<{}, {}> {
@mobxReact.observer
class TosModal extends React.Component<{}, {}> {
+ state = {
+ isChecked: false,
+ };
+
+ @boundMethod
+ handleCheckboxChange(checked: boolean): void {
+ this.setState({ isChecked: checked });
+ }
+
@boundMethod
acceptTos(): void {
GlobalCommandRunner.clientAcceptTos();
}
+ @boundMethod
+ handleChangeTelemetry(val: boolean): void {
+ if (val) {
+ GlobalCommandRunner.telemetryOn(false);
+ } else {
+ GlobalCommandRunner.telemetryOff(false);
+ }
+ }
+
render() {
+ let cdata: ClientDataType = GlobalModel.clientData.get();
+
return (
- {`${error?.message}`}
+ {plugin && An error occurred in the {plugin} plugin
}
+
+
, errorMessage: OV) {
- prtn.then((crtn) => {
- if (crtn.success) {
- return;
- }
- mobx.action(() => {
- errorMessage.set(crtn.error);
- })();
- });
-}
-
@mobxReact.observer
-class ScreenSettingsModal extends React.Component<{ sessionId: string; screenId: string }, {}> {
+class ScreenSettingsModal extends React.Component<{ sessionId: string; screenId: string; inline?: boolean }, {}> {
shareCopied: OV = mobx.observable.box(false, { name: "ScreenSettings-shareCopied" });
errorMessage: OV = mobx.observable.box(null, { name: "ScreenSettings-errorMessage" });
@@ -201,30 +195,38 @@ class ScreenSettingsModal extends React.Component<{ sessionId: string; screenId:
}
render() {
- let { sessionId, screenId } = this.props;
+ let { sessionId, screenId, inline } = this.props;
let screen = GlobalModel.getScreenById(sessionId, screenId);
if (screen == null) {
return null;
}
let color: string = null;
return (
-
@@ -459,7 +461,6 @@ class EditRemoteSettings extends React.Component<
tempManualMode: OV;
tempPassword: OV;
tempKeyFile: OV;
- tempAutoInstall: OV;
constructor(props: any) {
super(props);
@@ -471,7 +472,6 @@ class EditRemoteSettings extends React.Component<
this.tempPassword = mobx.observable.box(remoteEdit.haspassword ? PasswordUnchangedSentinel : "", {
name: "EditRemoteSettings-password",
});
- this.tempAutoInstall = mobx.observable.box(!!remote.autoinstall, { name: "EditRemoteSettings-autoinstall" });
}
componentDidUpdate() {
@@ -527,13 +527,6 @@ class EditRemoteSettings extends React.Component<
})();
}
- @boundMethod
- handleChangeAutoInstall(val: boolean): void {
- mobx.action(() => {
- this.tempAutoInstall.set(val);
- })();
- }
-
@boundMethod
canResetPw(): boolean {
let { remoteEdit } = this.props;
@@ -584,9 +577,6 @@ class EditRemoteSettings extends React.Component<
if (!util.isStrEq(this.tempConnectMode.get(), remote.connectmode)) {
kwargs["connectmode"] = this.tempConnectMode.get();
}
- if (!util.isBoolEq(this.tempAutoInstall.get(), remote.autoinstall)) {
- kwargs["autoinstall"] = this.tempAutoInstall.get() ? "1" : "0";
- }
if (Object.keys(kwargs).length == 0) {
return;
}
@@ -733,19 +723,6 @@ class EditRemoteSettings extends React.Component<
-
-
-
);
diff --git a/src/app/common/modals/settings.tsx b/src/app/common/modals/settings.tsx
index 98d69525..44e1f505 100644
--- a/src/app/common/modals/settings.tsx
+++ b/src/app/common/modals/settings.tsx
@@ -1,3 +1,6 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
import * as React from "react";
import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
@@ -7,8 +10,10 @@ import cn from "classnames";
import { GlobalModel, GlobalCommandRunner, TabColors } from "../../../model/model";
import { Toggle, InlineSettingsTextEdit, SettingsError, InfoMessage } from "../common";
import { LineType, RendererPluginType, ClientDataType, CommandRtnType } from "../../../types/types";
+import { RemotesSelector } from "../../connections/connections";
import { PluginModel } from "../../../plugins/plugins";
import * as util from "../../../util/util";
+import { commandRtnHandler } from "../../../util/util";
import { ReactComponent as SquareIcon } from "../../assets/icons/tab/square.svg";
import { ReactComponent as XmarkIcon } from "../../assets/icons/line/xmark.svg";
import { ReactComponent as AngleDownIcon } from "../../assets/icons/history/angle-down.svg";
@@ -29,9 +34,9 @@ All commands and output will be deleted, and removed from history. To hide the
`.trim();
const SessionDeleteMessage = `
-Are you sure you want to delete this session?
+Are you sure you want to delete this workspace?
-All commands and output will be deleted, and removed from history. To hide the session, and retain the commands in history, use 'archive'.
+All commands and output will be deleted, and removed from history. To hide the workspace, and retain the commands in history, use 'archive'.
`.trim();
const WebShareConfirmMarkdown = `
@@ -44,19 +49,8 @@ const WebStopShareConfirmMarkdown = `
Are you sure you want to stop web-sharing this screen?
`.trim();
-function commandRtnHandler(prtn: PromiseWelcome to [prompt]
-
+
+
+
-
Welcome to Wave Terminal!
+ Lets set everything for you
+
-
+
Thank you for downloading Prompt!
-- Prompt is a new terminal designed to help you save time and organize your command life. - Prompt is currently in beta. If you'd like to give feedback, run into problems, have - questions, or need help, please join the Prompt{" "} - - discord server - - . -
-- Prompt is free to use, no email or registration required (unless you're using the cloud - features). -
- +
+ 
+
+
+
+ Telemetry
+
+ We don’t collect any personal info, only crash logs and IP address to make Wave
+ better. If you like, you can disable telemetry now or late.
+
+
+
+ Basic Telemetry
+
+ 
+
+
+
+ Help
+
+ If you need any help or you have feature request, you can join{" "}
+
+ our Discord
+
+ .
+
+
+ 
+
+
+ Like Wave? Give us a star
+
+ Rankings are very important for small startups like us, it helps other people to
+ know about us. If you like Wave, please consider giving us a star on our{" "}
+
+ Github Repository
+
+ .
+
+
-
-
-
-
-
-
-
-
+
@@ -625,7 +634,7 @@ class ClientSettingsModal extends React.Component<{}, {}> {
renderFontSizeDropdown(): any {
let availableFontSizes = [8, 9, 10, 11, 12, 13, 14, 15];
let fsize: number = 0;
- let curSize = GlobalModel.termFontSize.get()
+ let curSize = GlobalModel.termFontSize.get();
return (
screen settings ({screen.name.get()})
-
-
-
+ {!inline && }
+
- Archive will hide the session from the active menu. Commands and output will be
+ Archive will hide the workspace from the active menu. Commands and output will be
retained in history.
@@ -414,7 +423,7 @@ class SessionSettingsModal extends React.Component<{ sessionId: string }, {}> {
- Delete will remove the session, removing all commands and output from history.
+ Delete will remove the workspace, removing all commands and output from history.
+ {this.shareCopied.get() && }
+ {!inline && (
+
+
+ )}
);
@@ -402,7 +411,7 @@ class SessionSettingsModal extends React.Component<{ sessionId: string }, {}> {
screen settings ({screen.name.get()})
+
+
+
-
-
-
+ {!inline && (
+ Screen Id
- {screen.screenId}
-
+
+ )}
Screen Id
+ {screen.screenId}
+ Name
@@ -259,40 +261,47 @@ class ScreenSettingsModal extends React.Component<{ sessionId: string; screenId:
-
-
-
- Archive will hide the screen tab. Commands and output will be retained in history.
-
-
- Archived
-
-
-
-
-
- Delete will remove the screen, removing all commands and output from history.
-
-
- Actions
-
-
-
+ {!inline && (
+
+ )}
- Delete Screen
+ {!inline && (
+
+ )}
+ {!inline && (
+
+
-
+
+ Archive will hide the screen tab. Commands and output will be retained in
+ history.
+
+
+ Archived
+
+
+
+ )}
+
+ Delete will remove the screen, removing all commands and output from history.
+
+
+ Actions
+
+
+
+ Delete Screen
+
+ Archived
Actions
@@ -422,7 +431,7 @@ class SessionSettingsModal extends React.Component<{ sessionId: string }, {}> {
onClick={this.handleDeleteSession}
className="button is-prompt-danger is-outlined is-small"
>
- Delete Session
+ Delete Workspace
diff --git a/src/app/common/prompt/prompt.tsx b/src/app/common/prompt/prompt.tsx
index 90ef1a73..3cdc9ebd 100644
--- a/src/app/common/prompt/prompt.tsx
+++ b/src/app/common/prompt/prompt.tsx
@@ -1,3 +1,6 @@
+// Copyright 2023, Command Line Inc.
+// SPDX-License-Identifier: Apache-2.0
+
import * as React from "react";
import * as mobxReact from "mobx-react";
import * as mobx from "mobx";
@@ -30,17 +33,6 @@ type RendererComponentType = {
new (props: RendererComponentProps): React.Component;
};
-function getShortVEnv(venvDir: string): string {
- if (isBlank(venvDir)) {
- return "";
- }
- let lastSlash = venvDir.lastIndexOf("/");
- if (lastSlash == -1) {
- return venvDir;
- }
- return venvDir.substr(lastSlash + 1);
-}
-
function makeFullRemoteRef(ownerName: string, remoteRef: string, name: string): string {
if (isBlank(ownerName) && isBlank(name)) {
return remoteRef;
@@ -64,6 +56,17 @@ function getRemoteStr(rptr: RemotePtrType): string {
return fullRef;
}
+function getShortVEnv(venvDir: string): string {
+ if (isBlank(venvDir)) {
+ return "";
+ }
+ let lastSlash = venvDir.lastIndexOf("/");
+ if (lastSlash == -1) {
+ return venvDir;
+ }
+ return venvDir.substr(lastSlash + 1);
+}
+
function replaceHomePath(path: string, homeDir: string): string {
if (path == homeDir) {
return "~";
@@ -153,4 +156,4 @@ class Prompt extends React.Component<{ rptr: RemotePtrType; festate: Record;
tempPassword: OV;
tempKeyFile: OV;
- tempAutoInstall: OV;
errorStr: OV;
constructor(props: any) {
@@ -163,7 +165,6 @@ class CreateRemote extends React.Component<{ model: RemotesModalModel; remoteEdi
this.tempConnectMode = mobx.observable.box("auto", { name: "CreateRemote-connectMode" });
this.tempKeyFile = mobx.observable.box("", { name: "CreateRemote-keystr" });
this.tempPassword = mobx.observable.box("", { name: "CreateRemote-password" });
- this.tempAutoInstall = mobx.observable.box(true, { name: "CreateRemote-autoinstall" });
this.errorStr = mobx.observable.box(remoteEdit.errorstr, { name: "CreateRemote-errorStr" });
}
@@ -220,10 +221,31 @@ class CreateRemote extends React.Component<{ model: RemotesModalModel; remoteEdi
kwargs["password"] = "";
}
kwargs["connectmode"] = this.tempConnectMode.get();
- kwargs["autoinstall"] = this.tempAutoInstall.get() ? "1" : "0";
kwargs["visual"] = "1";
kwargs["submit"] = "1";
- GlobalCommandRunner.createRemote(cname, kwargs);
+ let model = this.props.model;
+ let shouldCr = model.onlyAddNewRemote.get();
+ let prtn = GlobalCommandRunner.createRemote(cname, kwargs, false);
+ prtn.then((crtn) => {
+ if (crtn.success) {
+ if (shouldCr) {
+ let crRtn = GlobalCommandRunner.screenSetRemote(cname, true, false);
+ crRtn.then((crcrtn) => {
+ if (crcrtn.success) {
+ model.closeModal();
+ return;
+ }
+ mobx.action(() => {
+ this.errorStr.set(crcrtn.error);
+ })();
+ });
+ }
+ return;
+ }
+ mobx.action(() => {
+ this.errorStr.set(crtn.error);
+ })();
+ });
}
@boundMethod
@@ -261,13 +283,6 @@ class CreateRemote extends React.Component<{ model: RemotesModalModel; remoteEdi
})();
}
- @boundMethod
- handleChangeAutoInstall(val: boolean): void {
- mobx.action(() => {
- this.tempAutoInstall.set(val);
- })();
- }
-
render() {
let { model, remoteEdit } = this.props;
let authMode = this.tempAuthMode.get();
@@ -413,19 +428,6 @@ class CreateRemote extends React.Component<{ model: RemotesModalModel; remoteEdi
-
-
- If selected, will try to auto-install the mshell client if it is not installed or out of
- date.
-
-
- Auto Install
-
-
-
- Error: {this.getErrorStr()}