Talon/notebrook-notes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: focus settings on load

Browse Source
This commit is contained in:
Oriol Gómez
2025-08-22 19:01:45 +02:00
parent b07916309e
commit b312065d3d
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend-vue/src/components/chat/MessageItem.vue
View File

@@ -7,7 +7,7 @@
:data-message-id="message.id" :data-message-id="message.id"
:tabindex="tabindex || -1" :tabindex="tabindex || -1"
:aria-label="messageAriaLabel" :aria-label="messageAriaLabel"
role="listitem" role="option"
@keydown="handleKeydown" @keydown="handleKeydown"
> >
<div class="message__content"> <div class="message__content">

3
frontend-vue/src/components/chat/MessagesContainer.vue
View File

@@ -1,10 +1,11 @@
<template> <template>
<div class="messages-container" ref="containerRef" @keydown="handleKeydown" tabindex="0" role="list" <div class="messages-container" ref="containerRef" @keydown="handleKeydown" tabindex="0" role="listbox"
:aria-label="messagesAriaLabel"> :aria-label="messagesAriaLabel">
<div class="messages" role="presentation"> <div class="messages" role="presentation">
<!-- Regular Messages --> <!-- Regular Messages -->
<MessageItem v-for="(message, index) in messages" :key="message.id" :message="message" <MessageItem v-for="(message, index) in messages" :key="message.id" :message="message"
:tabindex="index === focusedMessageIndex ? 0 : -1" :data-message-index="index" :tabindex="index === focusedMessageIndex ? 0 : -1" :data-message-index="index"
:aria-selected="index === focusedMessageIndex ? 'true' : 'false'"
@focus="focusedMessageIndex = index" /> @focus="focusedMessageIndex = index" />
<!-- Unsent Messages --> <!-- Unsent Messages -->

3
frontend-vue/src/components/dialogs/SettingsDialog.vue
View File

@@ -6,6 +6,7 @@
<label class="setting-item"> <label class="setting-item">
<input <input
ref="soundInput"
type="checkbox" type="checkbox"
v-model="localSettings.soundEnabled" v-model="localSettings.soundEnabled"
class="checkbox" class="checkbox"
@@ -245,6 +246,7 @@ const isSaving = ref(false)
const isResetting = ref(false) const isResetting = ref(false)
const showResetConfirm = ref(false) const showResetConfirm = ref(false)
const selectedVoiceURI = ref('') const selectedVoiceURI = ref('')
const soundInput = ref()
// Computed property for current server URL // Computed property for current server URL
const currentServerUrl = computed(() => authStore.serverUrl) const currentServerUrl = computed(() => authStore.serverUrl)
@@ -338,6 +340,7 @@ onMounted(() => {
// Set up voice selection // Set up voice selection
selectedVoiceURI.value = appStore.settings.selectedVoiceURI || '' selectedVoiceURI.value = appStore.settings.selectedVoiceURI || ''
soundInput.value.focus();
}) })
</script> </script>