Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

ad-hoc: Handle errors when fetching commands for an entity

Browse Source
This commit is contained in:
JC Brand 2020-05-14 16:12:00 +02:00
parent ef66f2e35d
commit 2a62e9dc29
1 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/adhoc-commands.js
View File

@ -1,8 +1,7 @@
import "./autocomplete.js" import "./autocomplete.js"
import { CustomElement } from './element.js'; import { CustomElement } from './element.js';
import { __ } from '@converse/headless/i18n'; import { __ } from '@converse/headless/i18n';
import { api } from "@converse/headless/converse-core"; import { api, converse } from "@converse/headless/converse-core";
import { converse } from '@converse/headless/converse-core';
import { html } from "lit-html"; import { html } from "lit-html";
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'; import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
import log from "@converse/headless/log"; import log from "@converse/headless/log";
@ -64,6 +63,7 @@ async function getAutoCompleteList () {
} }
const tpl_adhoc = (o) => html` const tpl_adhoc = (o) => html`
${ o.alert ? html`<div class="alert alert-${o.alert_type}" role="alert">${o.alert}</div>` : '' }
<form class="converse-form" @submit=${o.fetchCommands}> <form class="converse-form" @submit=${o.fetchCommands}>
<fieldset class="form-group"> <fieldset class="form-group">
<label> <label>
@ -126,9 +126,11 @@ export class AdHocCommands extends CustomElement {
static get properties () { static get properties () {
return { return {
'view': { type: String }, 'alert': { type: String },
'alert_type': { type: String },
'nonce': { type: String }, // Used to force re-rendering
'showform': { type: String }, 'showform': { type: String },
'nonce': { type: String } // Used to force re-rendering 'view': { type: String },
} }
} }
@ -141,6 +143,8 @@ export class AdHocCommands extends CustomElement {
render () { render () {
return tpl_adhoc({ return tpl_adhoc({
'alert': this.alert,
'alert_type': this.alert_type,
'commands': this.commands, 'commands': this.commands,
'fetchCommands': ev => this.fetchCommands(ev), 'fetchCommands': ev => this.fetchCommands(ev),
'hideCommandForm': ev => this.hideCommandForm(ev), 'hideCommandForm': ev => this.hideCommandForm(ev),
@ -153,11 +157,32 @@ export class AdHocCommands extends CustomElement {
async fetchCommands (ev) { async fetchCommands (ev) {
ev.preventDefault(); ev.preventDefault();
delete this.alert_type;
delete this.alert;
const form_data = new FormData(ev.target); const form_data = new FormData(ev.target);
const jid = form_data.get('jid').trim(); const jid = form_data.get('jid').trim();
if (await api.disco.supports(Strophe.NS.ADHOC, jid)) { let supported;
try {
supported = await api.disco.supports(Strophe.NS.ADHOC, jid)
} catch (e) {
log.error(e);
}
if (supported) {
try {
this.commands = await api.adhoc.getCommands(jid); this.commands = await api.adhoc.getCommands(jid);
this.view = 'list-commands'; this.view = 'list-commands';
} catch (e) {
log.error(e);
this.alert_type = 'danger';
this.alert = __('Sorry, an error occurred while looking for commands on that entity.');
this.commands = [];
log.error(e);
return;
}
} else {
this.alert_type = 'danger';
this.alert = __("The specified entity doesn't support ad-hoc commands");
} }
} }