rf: added Element to variable names

This commit is contained in:
Carlos Daniel Vilaseca 2024-03-03 23:05:16 -05:00
parent b986c2aefd
commit 7a30dbc839
2 changed files with 11 additions and 11 deletions

View file

@ -19,7 +19,7 @@
export let suggestionPrompts = []; export let suggestionPrompts = [];
export let autoScroll = true; export let autoScroll = true;
let chatTextArea:HTMLTextAreaElement let chatTextAreaElement:HTMLTextAreaElement
let filesInputElement; let filesInputElement;
let promptsElement; let promptsElement;
@ -43,9 +43,9 @@
let speechRecognition; let speechRecognition;
$: if (prompt) { $: if (prompt) {
if (chatTextArea) { if (chatTextAreaElement) {
chatTextArea.style.height = ''; chatTextAreaElement.style.height = '';
chatTextArea.style.height = Math.min(chatTextArea.scrollHeight, 200) + 'px'; chatTextAreaElement.style.height = Math.min(chatTextAreaElement.scrollHeight, 200) + 'px';
} }
} }
@ -84,7 +84,7 @@
if (res) { if (res) {
prompt = res.text; prompt = res.text;
await tick(); await tick();
chatTextArea?.focus(); chatTextAreaElement?.focus();
if (prompt !== '' && $settings?.speechAutoSend === true) { if (prompt !== '' && $settings?.speechAutoSend === true) {
submitPrompt(prompt, user); submitPrompt(prompt, user);
@ -187,7 +187,7 @@
prompt = `${prompt}${transcript}`; prompt = `${prompt}${transcript}`;
await tick(); await tick();
chatTextArea?.focus(); chatTextAreaElement?.focus();
// Restart the inactivity timeout // Restart the inactivity timeout
timeoutId = setTimeout(() => { timeoutId = setTimeout(() => {
@ -289,7 +289,7 @@
}; };
onMount(() => { onMount(() => {
window.setTimeout(() => chatTextArea?.focus(), 0); window.setTimeout(() => chatTextAreaElement?.focus(), 0);
const dropZone = document.querySelector('body'); const dropZone = document.querySelector('body');
@ -657,7 +657,7 @@
<textarea <textarea
id="chat-textarea" id="chat-textarea"
bind:this={chatTextArea} bind:this={chatTextAreaElement}
class=" dark:bg-gray-900 dark:text-gray-100 outline-none w-full py-3 px-3 {fileUploadEnabled class=" dark:bg-gray-900 dark:text-gray-100 outline-none w-full py-3 px-3 {fileUploadEnabled
? '' ? ''
: ' pl-4'} rounded-xl resize-none h-[48px]" : ' pl-4'} rounded-xl resize-none h-[48px]"

View file

@ -37,7 +37,7 @@
let ollamaVersion = ''; let ollamaVersion = '';
let loaded = false; let loaded = false;
let showShortcutsButton:HTMLButtonElement let showShortcutsButtonElement:HTMLButtonElement
let DB = null; let DB = null;
let localDBChats = []; let localDBChats = [];
@ -184,7 +184,7 @@
if (isCtrlPressed && event.key === '/') { if (isCtrlPressed && event.key === '/') {
event.preventDefault(); event.preventDefault();
console.log('showShortcuts'); console.log('showShortcuts');
showShortcutsButton.click(); showShortcutsButtonElement.click();
} }
}); });
@ -203,7 +203,7 @@
<div class=" hidden lg:flex fixed bottom-0 right-0 px-3 py-3 z-10"> <div class=" hidden lg:flex fixed bottom-0 right-0 px-3 py-3 z-10">
<button <button
id="show-shortcuts-button" id="show-shortcuts-button"
bind:this={showShortcutsButton} bind:this={showShortcutsButtonElement}
class="text-gray-600 dark:text-gray-300 bg-gray-300/20 w-6 h-6 flex items-center justify-center text-xs rounded-full" class="text-gray-600 dark:text-gray-300 bg-gray-300/20 w-6 h-6 flex items-center justify-center text-xs rounded-full"
on:click={() => { on:click={() => {
showShortcuts = !showShortcuts; showShortcuts = !showShortcuts;