befa6f27bb
fix: project table view fix: e2e tests fix: typo in readme fix: list view route fix: don't wait until background is loaded for list to show fix: rename component imports fix: lint fix: parse task text fix: use list card grid fix: use correct class names fix: i18n keys fix: load project fix: task overview fix: list view spacing fix: find project fix: setLoading when updating a project fix: loading saved filter fix: project store loading fix: color picker import fix: cypress tests feat: migrate old list settings chore: add const for project settings fix: wrong projecten rename from lists chore: rename unused variable fix: editor list fix: shortcut list class name fix: pagination list class name fix: notifications list class name fix: list view variable name chore: clarify comment fix: i18n keys fix: router imports fix: comment chore: remove debugging leftover fix: remove duplicate variables fix: change comment fix: list view variable name fix: list view css class name fix: list item property name fix: name update tasks function correctly fix: update comment fix: project create route fix: list view class names fix: list view component name fix: result list class name fix: animation class list name fix: change debug log fix: revert a few navigation changes fix: use @ for imports of all views fix: rename link share list class fix: remove unused css class fix: dynamically import project components again
109 lines
2.8 KiB
Vue
109 lines
2.8 KiB
Vue
<template>
|
|
<create-edit
|
|
:title="$t('project.edit.header')"
|
|
primary-icon=""
|
|
:primary-label="$t('misc.save')"
|
|
@primary="save"
|
|
:tertiary="$t('misc.delete')"
|
|
@tertiary="$router.push({ name: 'project.settings.delete', params: { id: projectId } })"
|
|
>
|
|
<div class="field">
|
|
<label class="label" for="title">{{ $t('project.title') }}</label>
|
|
<div class="control">
|
|
<input
|
|
:class="{ 'disabled': isLoading}"
|
|
:disabled="isLoading || undefined"
|
|
@keyup.enter="save"
|
|
class="input"
|
|
id="title"
|
|
:placeholder="$t('project.edit.titlePlaceholder')"
|
|
type="text"
|
|
v-focus
|
|
v-model="project.title"/>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label
|
|
class="label"
|
|
for="identifier"
|
|
v-tooltip="$t('project.edit.identifierTooltip')">
|
|
{{ $t('project.edit.identifier') }}
|
|
</label>
|
|
<div class="control">
|
|
<input
|
|
:class="{ 'disabled': isLoading}"
|
|
:disabled="isLoading || undefined"
|
|
@keyup.enter="save"
|
|
class="input"
|
|
id="identifier"
|
|
:placeholder="$t('project.edit.identifierPlaceholder')"
|
|
type="text"
|
|
v-focus
|
|
v-model="project.identifier"/>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label" for="projectdescription">{{ $t('project.edit.description') }}</label>
|
|
<div class="control">
|
|
<Editor
|
|
:class="{ 'disabled': isLoading}"
|
|
:disabled="isLoading"
|
|
:previewIsDefault="false"
|
|
id="projectdescription"
|
|
:placeholder="$t('project.edit.descriptionPlaceholder')"
|
|
v-model="project.description"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ $t('project.edit.color') }}</label>
|
|
<div class="control">
|
|
<color-picker v-model="project.hexColor"/>
|
|
</div>
|
|
</div>
|
|
|
|
</create-edit>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default { name: 'project-setting-edit' }
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import type {PropType} from 'vue'
|
|
import {useRouter} from 'vue-router'
|
|
import {useI18n} from 'vue-i18n'
|
|
|
|
import Editor from '@/components/input/AsyncEditor'
|
|
import ColorPicker from '@/components/input/ColorPicker.vue'
|
|
import CreateEdit from '@/components/misc/create-edit.vue'
|
|
|
|
import type {IProject} from '@/modelTypes/IProject'
|
|
|
|
import {useBaseStore} from '@/stores/base'
|
|
import {useProject} from '@/stores/projects'
|
|
|
|
import {useTitle} from '@/composables/useTitle'
|
|
|
|
const props = defineProps({
|
|
projectId: {
|
|
type: Number as PropType<IProject['id']>,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
const router = useRouter()
|
|
|
|
const {t} = useI18n({useScope: 'global'})
|
|
|
|
const {project, save: saveProject, isLoading} = useProject(props.projectId)
|
|
|
|
useTitle(() => project?.title ? t('project.edit.title', {project: project.title}) : '')
|
|
|
|
async function save() {
|
|
await saveProject()
|
|
await useBaseStore().handleSetCurrentProject({project})
|
|
router.back()
|
|
}
|
|
</script>
|