Add UI to edit/delete a network

This commit is contained in:
Simon Ser 2021-03-09 19:10:22 +01:00
parent f84334c31e
commit 11642e1ab4
3 changed files with 136 additions and 39 deletions

View file

@ -20,7 +20,7 @@ function NickStatus(props) {
}
export default function BufferHeader(props) {
function handlePartClick(event) {
function handleCloseClick(event) {
event.preventDefault();
props.onClose();
}
@ -32,6 +32,10 @@ export default function BufferHeader(props) {
event.preventDefault();
props.onAddNetwork();
}
function handleManageNetworkClick(event) {
event.preventDefault();
props.onManageNetwork();
}
var description = null;
if (props.buffer.serverInfo) {
@ -72,27 +76,40 @@ export default function BufferHeader(props) {
}
var actions = null;
var closeText = "Close";
switch (props.buffer.type) {
case BufferType.SERVER:
if (props.isBouncer && !props.network.isupport.get("BOUNCER_NETID")) {
actions = html`<a href="#" onClick=${handleAddNetworkClick}>Add network</a>`;
if (props.isBouncer) {
if (props.network.isupport.get("BOUNCER_NETID")) {
actions = html`
<a href="#" onClick=${handleJoinClick}>Join</a>
${" "}
<a href="#" onClick=${handleManageNetworkClick}>Manage network</a>
`;
} else {
actions = html`
<a href="#" onClick=${handleAddNetworkClick}>Add network</a>
${" "}
<a href="#" onClick=${handleCloseClick}>Disconnect</a>
`;
}
} else {
actions = html`<a href="#" onClick=${handleJoinClick}>Join</a>`;
actions = html`
<a href="#" onClick=${handleJoinClick}>Join</a>
${" "}
<a href="#" onClick=${handleCloseClick}>Disconnect</a>
`;
}
closeText = "Disconnect";
break;
case BufferType.CHANNEL:
closeText = "Part";
actions = html`<a href="#" onClick=${handleCloseClick}>Part</a>`;
break;
case BufferType.NICK:
actions = html`<a href="#" onClick=${handleCloseClick}>Close</a>`;
break;
}
return html`
<span class="description">${description}</span>
<span class="actions">
${actions}
${" "}
<a href="#" onClick=${handlePartClick}>${closeText}</a>
</span>
<span class="actions">${actions}</span>
`;
}