commit a9255cfe0d177dc7b0a043e86a85887aca93d321
parent efd6d6d0a28efcf9e2d8ba63abe9758201d979d6
Author: MTRNord <mtrnord1@gmail.com>
Date: Fri, 18 Feb 2022 22:29:58 +0100
Add missing fields for ban form
Diffstat:
1 file changed, 31 insertions(+), 15 deletions(-)
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
@@ -8,6 +8,7 @@ import {
M_POLICY_RULE_USER,
M_POLICY_RULE_USER_ALT,
M_POLICY_RULE_USER_OLD,
+ ORG_MATRIX_MJOLNIR_SHORTCODE,
ServerRuleEvent,
ShortcodeEvent,
UserRuleEvent
@@ -15,10 +16,11 @@ import {
type Props = Record<string, unknown>;
type State = {
- mxid?: string;
+ glob: string;
roomId?: string;
aliases_shortcodes: Map<string, string>;
banlist?: string;
+ bantype?: "user" | "server";
};
class Home extends PureComponent<Props, State> {
constructor(props: Props | Readonly<Props>) {
@@ -26,6 +28,7 @@ class Home extends PureComponent<Props, State> {
const urlParams = (new URL(window.location.href)).searchParams;
const roomId = urlParams.get("room_id") ?? undefined;
this.state = {
+ glob: "",
roomId: roomId,
aliases_shortcodes: new Map()
};
@@ -42,7 +45,7 @@ class Home extends PureComponent<Props, State> {
const server_rules_all = [...server_rules, ...server_rules_old, ...server_rules_alt];
const listrooms = [...new Set([...user_rules_all.map(element => element.room_id), ...server_rules_all.map(element => element.room_id)])];
const aliases = await window.widget_api.readStateEvents(CANONICAL_ALIAS, listrooms.length, undefined, listrooms) as CanonicalAliasEvent[];
- const shortcodes = await window.widget_api.readStateEvents(CANONICAL_ALIAS, listrooms.length, undefined, listrooms) as ShortcodeEvent[];
+ const shortcodes = await window.widget_api.readStateEvents(ORG_MATRIX_MJOLNIR_SHORTCODE, listrooms.length, undefined, listrooms) as ShortcodeEvent[];
const aliases_shortcodes = new Map();
for (const event of aliases) {
@@ -65,43 +68,56 @@ class Home extends PureComponent<Props, State> {
} as unknown as State);
}
- async handleSubmit() {
- await window.widget_api.sendRoomEvent("m.room.message", {
- msgtype: "m.text",
- body: "widget test",
- }, this.state.roomId);
+ async handleSubmit(ev: { preventDefault: () => void; }) {
+ ev.preventDefault();
+ // TODO let user verify before sending
+ console.log(`!mjolnir ban ${this.state.banlist} ${this.state.bantype} ${this.state.glob}`);
+ /* await window.widget_api.sendRoomEvent("m.room.message", {
+ msgtype: "m.text",
+ body: `!mjolnir ban ${this.state.banlist} ${this.state.bantype} ${this.state.glob}`,
+ }, this.state.roomId);*/
}
render() {
- const { mxid, banlist, aliases_shortcodes } = this.state;
+ const { glob, banlist, aliases_shortcodes, bantype } = this.state;
return (
<main className="m-8">
<h1 className="text-3xl font-bold underline text-gray-900 dark:text-gray-200 mb-4">Home</h1>
<div className='flex flex-col'>
<section>
- <h3 className="text-2xl font-bold text-gray-900 dark:text-gray-200 mb-2">Ban user</h3>
+ <h3 className="text-2xl font-bold text-gray-900 dark:text-gray-200 mb-2">Ban</h3>
<form onSubmit={this.handleSubmit.bind(this)} className="grid grid-cols-1 gap-6">
<label className="inner-flex flex-col">
- <span className="text-xl text-gray-900 dark:text-gray-200 font-bold py-2">Banlist (warning this doesnt check if the banlist can be written to or the bot watches it)</span>
+ <h4 className="text-xl text-gray-900 dark:text-gray-200 font-bold mb-2">Banlist (warning this doesnt check if the banlist can be written to or the bot watches it)</h4>
<div className="w-96">
- <select defaultValue="" required name="banlist" value={banlist ?? ""} className="max-w-full placeholder:text-gray-900 text-gray-900 rounded py-1.5 px-2" onChange={this.handleInputChange.bind(this)}>
+ <select required name="banlist" value={banlist ?? ""} className="max-w-full placeholder:text-gray-900 text-gray-900 rounded py-1.5 px-2" onChange={this.handleInputChange.bind(this)}>
<option value="" disabled>Select an Banlist</option>
{
[...aliases_shortcodes].map(([alias, shortcode]) => {
- return <option value={shortcode}>{alias}</option>;
+ return <option key={alias} value={shortcode}>{alias}</option>;
})
}
</select>
</div>
</label>
+ <label className="inner-flex flex-col w-96">
+ <h4 className="text-xl text-gray-900 dark:text-gray-200 font-bold mb-2">Bantype</h4>
+ <div className="w-96">
+ <select defaultValue="" required name="bantype" value={bantype ?? ""} className="max-w-full min-w-full placeholder:text-gray-900 text-gray-900 rounded py-1.5 px-2" onChange={this.handleInputChange.bind(this)}>
+ <option value="" disabled>Select an Bantype</option>
+ <option value="user">User</option>
+ <option value="server">Server</option>
+ </select>
+ </div>
+ </label>
<label className="block w-96">
- <span className="text-gray-900 dark:text-gray-200 visually-hidden py-2">MXID</span>
+ <span className="text-gray-900 dark:text-gray-200 visually-hidden mb-2">Glob</span>
<div className="mt-1 w-full flex flex-row box-border items-center cursor-text duration-300">
- <input placeholder="MXID" className="rounded py-1.5 px-2 min-w-[1.25rem] flex-[1] border-none placeholder:text-gray-900 text-gray-900" type="text" name="mxid" value={mxid} onChange={this.handleInputChange} />
+ <input placeholder="Glob" className="rounded py-1.5 px-2 min-w-[1.25rem] flex-[1] border-none placeholder:text-gray-900 text-gray-900" type="text" name="glob" value={glob} onChange={this.handleInputChange.bind(this)} />
</div>
</label>
- <input className="bg-red-400 hover:bg-red-500 cursor-pointer h-10 rounded dark:text-gray-900 text-gray-200 w-96" type="submit" value="Ban User" />
+ <input className="bg-red-400 hover:bg-red-500 cursor-pointer h-10 rounded dark:text-gray-900 text-gray-200 w-96" type="submit" value="Ban" />
</form>
</section>
</div>
