skorotkiewicz/gamja
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add post-connect UI to login via SASL

Browse source 
If the server supports SASL and if we aren't logged in with any
account, add a UI to authenticate via SASL. This allows users to
login anonymously then login via SASL.

This will also ease the draft/account-registration implementation.
This commit is contained in:
Simon Ser 2021-11-21 16:40:46 +01:00
parent 24b50a332c
commit 3e2ac307f6
4 changed files with 120 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/buffer.js
View file

@ -2,7 +2,7 @@ import { html, Component } from "../lib/index.js";
import linkify from "../lib/linkify.js";
import * as irc from "../lib/irc.js";
import { strip as stripANSI } from "../lib/ansi.js";
import { BufferType, getNickURL, getChannelURL, getMessageURL } from "../state.js";
import { BufferType, ServerStatus, getNickURL, getChannelURL, getMessageURL } from "../state.js";
import * as store from "../store.js";
import Membership from "./membership.js";
@ -457,6 +457,26 @@ class ProtocolHandlerNagger extends Component {
}
}
function AuthNagger({ server, onClick }) {
let accDesc = "an account on this server";
if (server.isupport.has("NETWORK")) {
accDesc = "a " + server.isupport.get("NETWORK") + " account";
}
function handleClick(event) {
event.preventDefault();
onClick();
}
return html`
<div class="logline">
<${Timestamp}/>
${" "}
You are unauthenticated on this server, <a href="#" onClick=${handleClick}>login</a> if you have ${accDesc}
</div>
`;
}
class DateSeparator extends Component {
constructor(props) {
super(props);
@ -508,6 +528,9 @@ export default class Buffer extends Component {
let name = server.isupport.get("NETWORK");
children.push(html`<${ProtocolHandlerNagger} bouncerName=${name}/>`);
}
if (buf.type == BufferType.SERVER && server.status == ServerStatus.REGISTERED && server.supportsSASLPlain && !server.account) {
children.push(html`<${AuthNagger} server=${server} onClick=${this.props.onAuthClick}/>`);
}
let onChannelClick = this.props.onChannelClick;
let onNickClick = this.props.onNickClick;