egor3f/rssalchemy
1
0
Fork 0
Code Actions Packages Releases Wiki Activity

improve ux

Browse Source
This commit is contained in:
Egor Aristov 2025-02-22 21:39:46 +03:00
parent 2952907618
commit dc92fdd613
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/wizard-vue/src/pages/WizardPage.vue
View File

@ -6,9 +6,9 @@ import Copyable from "@/components/Copyable.vue";
import EditUrlModal from "@/components/EditUrlModal.vue";
import {decodeUrl, encodeUrl, getScreenshotUrl} from "@/urlmaker";
import {useWizardStore} from "@/stores/wizard.ts";
import {debounce} from "es-toolkit";
const store = useWizardStore();
const existingLink = ref("");
const link = ref("");
const editModalVisible = ref(false);
@ -25,6 +25,14 @@ watch(existingLink, async (value) => {
}
});
watch(store.specs, debounce(() => {
if(store.formValid) {
generateLink();
} else {
link.value = "";
}
}, 100));
async function generateLink() {
try {
link.value = await encodeUrl(store.specs);
@ -43,7 +51,7 @@ function screenshot() {
<template>
<div class="wrapper">
<SpecsForm class="specs-form"></SpecsForm>
<Btn :active="store.formValid" @click="generateLink">Generate link</Btn>
<!-- <Btn :active="store.formValid" @click="generateLink">Generate link</Btn>-->
<Btn :active="store.formValid" @click="screenshot">Screenshot</Btn>
<Btn @click="editModalVisible = true">Edit existing task</Btn>
<Btn @click="store.reset">Reset Form</Btn>

2
frontend/wizard-vue/src/stores/wizard.ts
View File

@ -20,7 +20,7 @@ export const useWizardStore = defineStore('wizard', () => {
const updateLocalStorage = debounce(() => {
localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(specs));
}, 500);
}, 250);
function updateSpec(fieldName: FieldNames, newValue: string) {
specs[fieldName] = newValue;