mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-06-30 07:38:35 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: WebSocket based implementation of server sent events for cache busting (#527)

Browse source 
* rough implementation of WS based event system for server side notifications of mutation

* fix test construction

* fix deadlock on event bus

* disable linter error

* add item mutation events

* remove old event bus code

* refactor event system to use composables

* refresh items table when new item is added

* fix create form errors

* cleanup unnecessary calls

* fix importer erorrs + limit fn calls on import
This commit is contained in:
Hayden 2023-08-02 13:00:57 -08:00 • committed by GitHub
parent cceec06148
commit 2cbcc8bb1d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 458 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/components/Label/CreateModal.vue
View file

@ -1,7 +1,7 @@
<template>
<BaseModal v-model="modal">
<template #title> Create Label </template>
<div @keyup="keySubmit">
<form @submit.prevent="create()">
<FormTextField
ref="locationNameRef"
v-model="form.name"
@ -12,24 +12,22 @@
<FormTextArea v-model="form.description" label="Label Description" />
<div class="modal-action">
<div class="flex justify-center">
<BaseButton class="rounded-r-none" type="submit" :loading="loading" @click.prevent="create(true)">
Create
</BaseButton>
<BaseButton class="rounded-r-none" :loading="loading" type="submit"> Create </BaseButton>
<div class="dropdown dropdown-top">
<label tabindex="0" class="btn rounded-l-none rounded-r-xl">
<Icon class="h-5 w-5" name="mdi-chevron-down" />
</label>
<ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-64">
<li>
<button @click.prevent="create(false)">Create and Add Another</button>
<button type="button" @click="create(false)">Create and Add Another</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</form>
<p class="text-sm text-center mt-4">
use <kbd class="kbd kbd-xs">Shift</kbd> + <kdb class="kbd kbd-xs"> Enter </kdb> to create and add another
use <kbd class="kbd kbd-xs">Shift</kbd> + <kbd class="kbd kbd-xs"> Enter </kbd> to create and add another
</p>
</BaseModal>
</template>
@ -69,7 +67,13 @@
const api = useUserApi();
const toast = useNotifier();
async function create(close: boolean) {
const { shift } = useMagicKeys();
async function create(close = true) {
if (shift.value) {
close = false;
}
const { error, data } = await api.labels.create(form);
if (error) {
toast.error("Couldn't create label");
@ -84,16 +88,4 @@
navigateTo(`/label/${data.id}`);
}
}
async function keySubmit(e: KeyboardEvent) {
// Shift + Enter
if (e.shiftKey && e.key === "Enter") {
e.preventDefault();
await create(false);
focused.value = true;
} else if (e.key === "Enter") {
e.preventDefault();
await create(true);
}
}
</script>