feat: format
This commit is contained in:
parent
8f57da4bc1
commit
6d9396348a
2 changed files with 308 additions and 306 deletions
|
@ -163,10 +163,12 @@
|
||||||
|
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<v-alert class="empty-message">
|
<v-alert class="empty-message">
|
||||||
<v-icon icon="mdi-information-outline" size="small" />
|
<v-icon
|
||||||
|
icon="mdi-information-outline"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
{{ t("currently-no-groups") }}
|
{{ t("currently-no-groups") }}
|
||||||
</v-alert>
|
</v-alert>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
</v-card>
|
</v-card>
|
||||||
|
|
|
@ -62,7 +62,6 @@ watchEffect(() => {
|
||||||
|
|
||||||
const hasSubmissions = ref<boolean>(false);
|
const hasSubmissions = ref<boolean>(false);
|
||||||
|
|
||||||
|
|
||||||
const allGroups = computed(() => {
|
const allGroups = computed(() => {
|
||||||
const groups = groupsQueryResult.data.value?.groups;
|
const groups = groupsQueryResult.data.value?.groups;
|
||||||
|
|
||||||
|
@ -76,7 +75,7 @@ const allGroups = computed(() => {
|
||||||
groupNo: index + 1, // New group number that will be used
|
groupNo: index + 1, // New group number that will be used
|
||||||
name: `${t("group")} ${index + 1}`,
|
name: `${t("group")} ${index + 1}`,
|
||||||
members: group.members,
|
members: group.members,
|
||||||
originalGroupNo: group.groupNumber
|
originalGroupNo: group.groupNumber,
|
||||||
}));
|
}));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -88,7 +87,6 @@ function openGroupDetails(group: object): void {
|
||||||
dialog.value = true;
|
dialog.value = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const deleteAssignmentMutation = useDeleteAssignmentMutation();
|
const deleteAssignmentMutation = useDeleteAssignmentMutation();
|
||||||
async function deleteAssignment(num: number, clsId: string): Promise<void> {
|
async function deleteAssignment(num: number, clsId: string): Promise<void> {
|
||||||
deleteAssignmentMutation.mutate(
|
deleteAssignmentMutation.mutate(
|
||||||
|
@ -153,7 +151,6 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
data: assignmentDTO,
|
data: assignmentDTO,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
@ -275,9 +272,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
</using-query-result>
|
</using-query-result>
|
||||||
</v-card-subtitle>
|
</v-card-subtitle>
|
||||||
<v-card-text v-if="isEditing">
|
<v-card-text v-if="isEditing">
|
||||||
<deadline-selector
|
<deadline-selector v-model:deadline="deadline" />
|
||||||
v-model:deadline="deadline"
|
|
||||||
/>
|
|
||||||
</v-card-text>
|
</v-card-text>
|
||||||
<v-card-text
|
<v-card-text
|
||||||
v-if="!isEditing"
|
v-if="!isEditing"
|
||||||
|
@ -374,9 +369,7 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
:key="g.originalGroupNo"
|
:key="g.originalGroupNo"
|
||||||
>
|
>
|
||||||
<td>
|
<td>
|
||||||
<v-btn
|
<v-btn variant="text">
|
||||||
variant="text"
|
|
||||||
>
|
|
||||||
{{ g.name }}
|
{{ g.name }}
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</td>
|
</td>
|
||||||
|
@ -398,8 +391,9 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
:class-id="classId"
|
:class-id="classId"
|
||||||
:language="lang"
|
:language="lang"
|
||||||
:go-to-group-submission-link="goToGroupSubmissionLink"
|
:go-to-group-submission-link="goToGroupSubmissionLink"
|
||||||
@update:hasSubmission="(hasSubmission) => hasSubmissions = hasSubmission"
|
@update:hasSubmission="
|
||||||
|
(hasSubmission) => (hasSubmissions = hasSubmission)
|
||||||
|
"
|
||||||
/>
|
/>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
@ -417,8 +411,14 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4" class="empty-message">
|
<td
|
||||||
<v-icon icon="mdi-information-outline" size="small" />
|
colspan="4"
|
||||||
|
class="empty-message"
|
||||||
|
>
|
||||||
|
<v-icon
|
||||||
|
icon="mdi-information-outline"
|
||||||
|
size="small"
|
||||||
|
/>
|
||||||
{{ t("currently-no-groups") }}
|
{{ t("currently-no-groups") }}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -448,13 +448,15 @@ async function handleGroupsUpdated(updatedGroups: string[][]): Promise<void> {
|
||||||
|
|
||||||
<v-card-actions>
|
<v-card-actions>
|
||||||
<v-spacer></v-spacer>
|
<v-spacer></v-spacer>
|
||||||
<v-btn text @click="editGroups = false">
|
<v-btn
|
||||||
|
text
|
||||||
|
@click="editGroups = false"
|
||||||
|
>
|
||||||
{{ t("cancel") }}
|
{{ t("cancel") }}
|
||||||
</v-btn>
|
</v-btn>
|
||||||
</v-card-actions>
|
</v-card-actions>
|
||||||
</v-card>
|
</v-card>
|
||||||
</v-dialog>
|
</v-dialog>
|
||||||
|
|
||||||
</v-container>
|
</v-container>
|
||||||
</using-query-result>
|
</using-query-result>
|
||||||
</div>
|
</div>
|
||||||
|
@ -503,7 +505,6 @@ th {
|
||||||
border-top: 1px solid #0e6942;
|
border-top: 1px solid #0e6942;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
color: #0e6942;
|
color: #0e6942;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
@ -590,5 +591,4 @@ main {
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue