feat: rename files with list to project

src/views/project/NewProject.vue

@@ -0,0 +1,74 @@
+<template>
+	<create-edit :title="$t('list.create.header')" @create="createNewList()" :primary-disabled="list.title === ''">
+		<div class="field">
+			<label class="label" for="listTitle">{{ $t('list.title') }}</label>
+			<div
+				:class="{ 'is-loading': listService.loading }"
+				class="control"
+			>
+				<input
+					:class="{ disabled: listService.loading }"
+					@keyup.enter="createNewList()"
+					@keyup.esc="$router.back()"
+					class="input"
+					:placeholder="$t('list.create.titlePlaceholder')"
+					type="text"
+					name="listTitle"
+					v-focus
+					v-model="list.title"
+				/>
+			</div>
+		</div>
+		<p class="help is-danger" v-if="showError && list.title === ''">
+			{{ $t('list.create.addTitleRequired') }}
+		</p>
+		<div class="field">
+			<label class="label">{{ $t('list.color') }}</label>
+			<div class="control">
+				<color-picker v-model="list.hexColor" />
+			</div>
+		</div>
+	</create-edit>
+</template>
+
+<script setup lang="ts">
+import {ref, reactive, shallowReactive} from 'vue'
+import {useI18n} from 'vue-i18n'
+import {useRouter, useRoute} from 'vue-router'
+
+import ListService from '@/services/list'
+import ListModel from '@/models/list'
+import CreateEdit from '@/components/misc/create-edit.vue'
+import ColorPicker from '@/components/input/ColorPicker.vue'
+
+import {success} from '@/message'
+import {useTitle} from '@/composables/useTitle'
+import {useListStore} from '@/stores/lists'
+
+const {t} = useI18n({useScope: 'global'})
+const router = useRouter()
+const route = useRoute()
+
+useTitle(() => t('list.create.header'))
+
+const showError = ref(false)
+const list = reactive(new ListModel())
+const listService = shallowReactive(new ListService())
+const listStore = useListStore()
+
+async function createNewList() {
+	if (list.title === '') {
+		showError.value = true
+		return
+	}
+	showError.value = false
+
+	list.namespaceId = Number(route.params.namespaceId as string)
+	const newList = await listStore.createList(list)
+	await router.push({
+		name: 'list.index',
+		params: { listId: newList.id },
+	})
+	success({message: t('list.create.createdSuccess') })
+}
+</script>

src/views/project/settings/archive.vue

@@ -0,0 +1,49 @@
+<template>
+	<modal
+		@close="$router.back()"
+		@submit="archiveList()"
+	>
+		<template #header><span>{{ list.isArchived ? $t('list.archive.unarchive') : $t('list.archive.archive') }}</span></template>
+		
+		<template #text>
+			<p>{{ list.isArchived ? $t('list.archive.unarchiveText') : $t('list.archive.archiveText') }}</p>
+		</template>
+	</modal>
+</template>
+
+<script lang="ts">
+export default {name: 'list-setting-archive'}
+</script>
+
+<script setup lang="ts">
+import {computed} from 'vue'
+import {useRouter, useRoute} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+
+import {success} from '@/message'
+import {useTitle} from '@/composables/useTitle'
+
+import {useBaseStore} from '@/stores/base'
+import {useListStore} from '@/stores/lists'
+
+const {t} = useI18n({useScope: 'global'})
+const listStore = useListStore()
+const router = useRouter()
+const route = useRoute()
+
+const list = computed(() => listStore.getListById(route.params.listId))
+useTitle(() => t('list.archive.title', {list: list.value.title}))
+
+async function archiveList() {
+	try {
+		const newList = await listStore.updateList({
+			...list.value,
+			isArchived: !list.value.isArchived,
+		})
+		useBaseStore().setCurrentList(newList)
+		success({message: t('list.archive.success')})
+	} finally {
+		router.back()
+	}
+}
+</script>

src/views/project/settings/share.vue

@@ -0,0 +1,74 @@
+<template>
+	<create-edit
+		:title="$t('list.share.header')"
+		:has-primary-action="false"
+	>
+		<template v-if="list">
+			<userTeam
+				:id="list.id"
+				:userIsAdmin="userIsAdmin"
+				shareType="user"
+				type="list"
+			/>
+			<userTeam
+				:id="list.id"
+				:userIsAdmin="userIsAdmin"
+				shareType="team"
+				type="list"
+			/>
+		</template>
+
+		<link-sharing :list-id="listId" v-if="linkSharingEnabled" class="mt-4"/>
+	</create-edit>
+</template>
+
+<script lang="ts">
+export default {name: 'list-setting-share'}
+</script>
+
+<script lang="ts" setup>
+import {ref, computed, watchEffect} from 'vue'
+import {useRoute} from 'vue-router'
+import {useI18n} from 'vue-i18n'
+import {useTitle} from '@vueuse/core'
+
+import ListService from '@/services/list'
+import ListModel from '@/models/list'
+import type {IList} from '@/modelTypes/IList'
+import {RIGHTS} from '@/constants/rights'
+
+import CreateEdit from '@/components/misc/create-edit.vue'
+import LinkSharing from '@/components/sharing/linkSharing.vue'
+import userTeam from '@/components/sharing/userTeam.vue'
+
+import {useBaseStore} from '@/stores/base'
+import {useConfigStore} from '@/stores/config'
+
+const {t} = useI18n({useScope: 'global'})
+
+const list = ref<IList>()
+const title = computed(() => list.value?.title
+	? t('list.share.title', {list: list.value.title})
+	: '',
+)
+useTitle(title)
+
+const configStore = useConfigStore()
+
+const linkSharingEnabled = computed(() => configStore.linkSharingEnabled)
+const userIsAdmin = computed(() => list?.value?.maxRight === RIGHTS.ADMIN)
+
+async function loadList(listId: number) {
+	const listService = new ListService()
+	const newList = await listService.get(new ListModel({id: listId}))
+	await useBaseStore().handleSetCurrentList({list: newList})
+	list.value = newList
+}
+
+const route = useRoute()
+const listId = computed(() => route.params.listId !== undefined
+	? parseInt(route.params.listId as string)
+	: undefined,
+)
+watchEffect(() => listId.value !== undefined && loadList(listId.value))
+</script>