vbatts/homebox
1
0
Fork 0
forked from mirrors/homebox
Code Pull requests 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

Former-commit-id: 2cbcc8bb1d
This commit is contained in:
Hayden 2023-08-02 13:00:57 -08:00 • committed by GitHub
parent 26911e9530
commit 0cbe516ca3
31 changed files with 458 additions and 208 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend/components/Location/CreateModal.vue
View file

@ -1,7 +1,7 @@
<template>
<BaseModal v-model="modal">
<template #title> Create Location </template>
<div @keyup="keySubmit">
<form @submit.prevent="create()">
<FormTextField
ref="locationNameRef"
v-model="form.name"
@ -13,22 +13,20 @@
<LocationSelector v-model="form.parent" />
<div class="modal-action">
<div class="flex justify-center">
<BaseButton class="rounded-r-none" type="submit" :loading="loading" @click="create(true)">
Create
</BaseButton>
<BaseButton class="rounded-r-none" type="submit" :loading="loading"> 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> + <kbd class="kbd kbd-xs"> Enter </kbd> to create and add another
</p>
@ -71,9 +69,15 @@
const api = useUserApi();
const toast = useNotifier();
async function create(close: boolean) {
const { shift } = useMagicKeys();
async function create(close = true) {
loading.value = true;
if (shift.value) {
close = false;
}
const { data, error } = await api.locations.create({
name: form.name,
description: form.description,
@ -94,16 +98,4 @@
navigateTo(`/location/${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>