ReCloudStudio/WebHooker
1
0
Fork 0
mirror of https://github.com/ReCloudStudio/WebHooker.git synced 2026-09-22 16:11:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(admin): groups management UI in the console

Browse source 
Add a super-admin-only Groups tab to create, edit and delete groups
(name, admin ids, owner scope). Routes now require a group via a select
in the editor, group names are shown on route cards, and the new
useMe/useGroups composables back the UI.
This commit is contained in:
RhenCloud 2026-08-02 08:16:05 +08:00
parent 537f4cbb84
commit 62985a2f3f
No known key found for this signature in database
GPG key ID: A574A617378C4E0B
8 changed files with 382 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
admin/components/RouteEditor.vue
View file

@ -14,6 +14,14 @@
<label>Name</label>
<input v-model="form.name" type="text" placeholder="My Route" required />
</div>
<div class="field">
<label>Group</label>
<select v-model="form.groupId" :disabled="!groups.length">
<option value="" disabled>{{ groups.length ? "Select a group" : "No groups yet" }}</option>
<option v-for="g in groups" :key="g.id" :value="g.id">{{ g.name }}</option>
</select>
<div v-if="!groups.length" class="hint">Create a group first (Groups tab).</div>
</div>
<div class="row2">
<div class="field">
<label>ID</label>
@ -68,14 +76,14 @@
<script setup lang="ts">
import { reactive, watch } from "vue";
import type { Filter, Route } from "~/types";
import type { Filter, Route, Group } from "~/types";
import { FILTER_TYPES, FILTER_LABELS, fmtMatch } from "~/types";
interface FilterForm extends Filter {
matchText: string;
}
const props = defineProps<{ open: boolean; route: Route | null; saving: boolean }>();
const props = defineProps<{ open: boolean; route: Route | null; saving: boolean; groups: Group[] }>();
const emit = defineEmits<{
(e: "close"): void;
(e: "save", route: Route): void;
@ -92,6 +100,7 @@ const form = reactive({
enabled: true,
channelId: "",
threadId: "",
groupId: "",
filters: [] as FilterForm[],
});
@ -124,6 +133,7 @@ watch(
form.enabled = r?.enabled ?? true;
form.channelId = r?.target.channelId ?? "";
form.threadId = r?.target.threadId ?? "";
form.groupId = r?.groupId ?? (props.groups.length === 1 ? props.groups[0]!.id : "");
form.filters = (r && r.filters.length
? r.filters
: [{ type: "event", match: "", exclude: false }]
@ -158,6 +168,7 @@ function collect(): Route | null {
name: form.name.trim(),
enabled: form.enabled,
lang: form.lang.trim() || undefined,
groupId: form.groupId || undefined,
filters,
target: {
channelId: form.channelId.trim(),
@ -182,6 +193,10 @@ function save(): void {
formError.value = "Channel ID is required";
return;
}
if (!route.groupId) {
formError.value = "Please select a group";
return;
}
emit("save", route);
}
</script>