mirror of
https://github.com/zulip/zulip-desktop.git
synced 2025-11-03 21:43:18 +00:00
104 lines
3.2 KiB
TypeScript
104 lines
3.2 KiB
TypeScript
import {dialog} from "@electron/remote";
|
|
|
|
import {html} from "../../../../common/html.js";
|
|
import * as LinkUtil from "../../../../common/link-util.js";
|
|
import * as t from "../../../../common/translation-util.js";
|
|
import {generateNodeFromHtml} from "../../components/base.js";
|
|
import {ipcRenderer} from "../../typed-ipc-renderer.js";
|
|
import * as DomainUtil from "../../utils/domain-util.js";
|
|
|
|
type NewServerFormProps = {
|
|
$root: Element;
|
|
onChange: () => void;
|
|
};
|
|
|
|
export function initNewServerForm({$root, onChange}: NewServerFormProps): void {
|
|
const $newServerForm = generateNodeFromHtml(html`
|
|
<div class="server-input-container">
|
|
<div class="title">${t.__("Organization URL")}</div>
|
|
<div class="add-server-info-row">
|
|
<input
|
|
class="setting-input-value"
|
|
autofocus
|
|
placeholder="your-organization.zulipchat.com or zulip.your-organization.com"
|
|
/>
|
|
</div>
|
|
<div class="server-center">
|
|
<button id="connect">${t.__("Connect")}</button>
|
|
</div>
|
|
<div class="server-center">
|
|
<div class="divider">
|
|
<hr class="left" />
|
|
${t.__("OR")}
|
|
<hr class="right" />
|
|
</div>
|
|
</div>
|
|
<div class="server-center">
|
|
<button id="open-create-org-link">
|
|
${t.__("Create a new organization")}
|
|
</button>
|
|
</div>
|
|
<div class="server-center">
|
|
<div class="server-network-option">
|
|
<span id="open-network-settings"
|
|
>${t.__("Network and Proxy Settings")}</span
|
|
>
|
|
<i class="material-icons open-network-button">open_in_new</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`);
|
|
const $saveServerButton: HTMLButtonElement =
|
|
$newServerForm.querySelector("#connect")!;
|
|
$root.textContent = "";
|
|
$root.append($newServerForm);
|
|
const $newServerUrl: HTMLInputElement = $newServerForm.querySelector(
|
|
"input.setting-input-value",
|
|
)!;
|
|
|
|
async function submitFormHandler(): Promise<void> {
|
|
$saveServerButton.textContent = "Connecting...";
|
|
let serverConf;
|
|
try {
|
|
serverConf = await DomainUtil.checkDomain($newServerUrl.value.trim());
|
|
} catch (error: unknown) {
|
|
$saveServerButton.textContent = "Connect";
|
|
await dialog.showMessageBox({
|
|
type: "error",
|
|
message:
|
|
error instanceof Error
|
|
? `${error.name}: ${error.message}`
|
|
: "Unknown error",
|
|
buttons: ["OK"],
|
|
});
|
|
return;
|
|
}
|
|
|
|
await DomainUtil.addDomain(serverConf);
|
|
onChange();
|
|
}
|
|
|
|
$saveServerButton.addEventListener("click", async () => {
|
|
await submitFormHandler();
|
|
});
|
|
$newServerUrl.addEventListener("keypress", async (event) => {
|
|
if (event.key === "Enter") {
|
|
await submitFormHandler();
|
|
}
|
|
});
|
|
|
|
// Open create new org link in default browser
|
|
const link = "https://zulip.com/new/";
|
|
const externalCreateNewOrgElement = $root.querySelector(
|
|
"#open-create-org-link",
|
|
)!;
|
|
externalCreateNewOrgElement.addEventListener("click", async () => {
|
|
await LinkUtil.openBrowser(new URL(link));
|
|
});
|
|
|
|
const networkSettingsId = $root.querySelector(".server-network-option")!;
|
|
networkSettingsId.addEventListener("click", () => {
|
|
ipcRenderer.send("forward-message", "open-network-settings");
|
|
});
|
|
}
|