diff --git a/frontend/src/components/TagField.vue b/frontend/src/components/TagField.vue new file mode 100644 index 0000000..02cfbc0 --- /dev/null +++ b/frontend/src/components/TagField.vue @@ -0,0 +1,87 @@ + + + + + \ No newline at end of file diff --git a/frontend/src/components/TaskForm.vue b/frontend/src/components/TaskForm.vue index e77ebd3..7ebec53 100644 --- a/frontend/src/components/TaskForm.vue +++ b/frontend/src/components/TaskForm.vue @@ -7,6 +7,7 @@ import { useToast } from 'gnexus-ui-kit/vue' import MdEditor from './MdEditor.vue' import DurationInput from './DurationInput.vue' +import TagField from './TagField.vue' // Полная форма задачи: тип (радио), описание (Markdown-редактор с тулбаром), // метаданные, дедлайн, рекуррентность, вложения (Ctrl+V — картинка), @@ -292,12 +293,12 @@ :options="projectOptions()" /> - - + diff --git a/frontend/src/gnexus-ui-kit.d.ts b/frontend/src/gnexus-ui-kit.d.ts index 730839f..c74e038 100644 --- a/frontend/src/gnexus-ui-kit.d.ts +++ b/frontend/src/gnexus-ui-kit.d.ts @@ -54,6 +54,7 @@ export const GnSwitch: AnyComponent export const GnTable: AnyComponent export const GnTabs: AnyComponent + export const GnTagInput: AnyComponent export const GnTextarea: AnyComponent export const GnTimeline: AnyComponent export const GnToastProvider: AnyComponent diff --git a/frontend/src/kit-overrides.css b/frontend/src/kit-overrides.css index e6be902..7ca4505 100644 --- a/frontend/src/kit-overrides.css +++ b/frontend/src/kit-overrides.css @@ -3,6 +3,7 @@ в оригинальном регистре (имена тегов регистрозависимы по смыслу). Прочие бейджи (статус/приоритет/проект/время) остаются как в ките. */ .tag-input .chip, +.tag-suggest .chip, .tag-badge { text-transform: none; } \ No newline at end of file diff --git a/frontend/src/views/TaskView.vue b/frontend/src/views/TaskView.vue index fdc0b14..52c8612 100644 --- a/frontend/src/views/TaskView.vue +++ b/frontend/src/views/TaskView.vue @@ -27,6 +27,7 @@ import { celebrateEarned } from '../gamification' import { onRealtime } from '../realtime' import InlineField from '../components/InlineField.vue' +import TagField from '../components/TagField.vue' import DurationInput from '../components/DurationInput.vue' import MdEditor from '../components/MdEditor.vue' import MdLightbox from '../components/MdLightbox.vue' @@ -1018,11 +1019,12 @@