style: fix linting issues met Prettier
This commit is contained in:
Lint Action
parent
2f5bb333db
commit
fc92570282
16 changed files with 498 additions and 505 deletions
|
|
@ -1,19 +1,19 @@
|
|||
<script setup lang="ts">
|
||||
import type { LearningObject } from '@/data-objects/learning-objects/learning-object';
|
||||
import type { LearningPath } from '@/data-objects/learning-paths/learning-path';
|
||||
import { useLearningObjectListForPathQuery } from '@/queries/learning-objects';
|
||||
import { useRoute } from 'vue-router';
|
||||
import UsingQueryResult from "@/components/UsingQueryResult.vue";
|
||||
import { ref, watchEffect } from 'vue';
|
||||
import type { LearningObject } from "@/data-objects/learning-objects/learning-object";
|
||||
import type { LearningPath } from "@/data-objects/learning-paths/learning-path";
|
||||
import { useLearningObjectListForPathQuery } from "@/queries/learning-objects";
|
||||
import { useRoute } from "vue-router";
|
||||
import UsingQueryResult from "@/components/UsingQueryResult.vue";
|
||||
import { ref, watchEffect } from "vue";
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
const props = defineProps<{
|
||||
path: LearningPath;
|
||||
activeObjectId: string
|
||||
activeObjectId: string;
|
||||
}>();
|
||||
|
||||
const currentPath = ref(props.path)
|
||||
const currentPath = ref(props.path);
|
||||
|
||||
const learningObjectListQueryResult = useLearningObjectListForPathQuery(currentPath);
|
||||
|
||||
|
|
@ -33,21 +33,34 @@ import { ref, watchEffect } from 'vue';
|
|||
function toggleDropdown(): void {
|
||||
dropdownEnabled.value = !dropdownEnabled.value;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<main>
|
||||
<div class="dropdown-toggle" @click="toggleDropdown()">▼{{path.title}}</div>
|
||||
<div class="dropdown" v-if="dropdownEnabled">
|
||||
<div
|
||||
class="dropdown-toggle"
|
||||
@click="toggleDropdown()"
|
||||
>
|
||||
▼{{ path.title }}
|
||||
</div>
|
||||
<div
|
||||
class="dropdown"
|
||||
v-if="dropdownEnabled"
|
||||
>
|
||||
<using-query-result
|
||||
:query-result="learningObjectListQueryResult"
|
||||
v-slot="learningObjects: { data: LearningObject[] }"
|
||||
>
|
||||
<template v-for="node in learningObjects.data" :key="node.key">
|
||||
<template
|
||||
v-for="node in learningObjects.data"
|
||||
:key="node.key"
|
||||
>
|
||||
<v-list-item
|
||||
link
|
||||
:to="{ path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`, query: route.query }"
|
||||
:to="{
|
||||
path: `/discussion-reload/${currentPath.hruid}/${node.language}/${node.key}`,
|
||||
query: route.query,
|
||||
}"
|
||||
:title="node.title"
|
||||
:active="node.key === props.activeObjectId"
|
||||
>
|
||||
|
|
@ -59,31 +72,31 @@ import { ref, watchEffect } from 'vue';
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
.dropdown {
|
||||
margin-left: 0.5rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 2px solid #e0e0e0;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
user-select: none;
|
||||
padding: 0.5rem;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.dropdown {
|
||||
margin-left: 0.5rem;
|
||||
padding-left: 1rem;
|
||||
border-left: 2px solid #e0e0e0;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 4px;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
user-select: none;
|
||||
padding: 0.5rem;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.dropdown-toggle:hover {
|
||||
color: #27c53f;
|
||||
}
|
||||
.dropdown-toggle:hover {
|
||||
color: #27c53f;
|
||||
}
|
||||
|
||||
.dropdown-icon {
|
||||
margin-right: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.dropdown-icon {
|
||||
margin-right: 0.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,16 @@
|
|||
<script setup lang="ts">
|
||||
import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
|
||||
import UsingQueryResult from "@/components/UsingQueryResult.vue";
|
||||
import DiscussionSideBarElement from "@/components/DiscussionSideBarElement.vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import { useGetAllLearningPaths } from "@/queries/learning-paths.ts";
|
||||
import { ref } from "vue";
|
||||
|
||||
import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
|
||||
import UsingQueryResult from '@/components/UsingQueryResult.vue';
|
||||
import DiscussionSideBarElement from '@/components/DiscussionSideBarElement.vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useGetAllLearningPaths } from '@/queries/learning-paths.ts';
|
||||
import { ref } from 'vue';
|
||||
const { t, locale } = useI18n();
|
||||
|
||||
const { t, locale } = useI18n();
|
||||
|
||||
const navigationDrawerShown = ref(true);
|
||||
|
||||
const allLearningPathsResult = useGetAllLearningPaths(locale.value);
|
||||
const navigationDrawerShown = ref(true);
|
||||
|
||||
const allLearningPathsResult = useGetAllLearningPaths(locale.value);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -24,14 +22,15 @@ const allLearningPathsResult = useGetAllLearningPaths(locale.value);
|
|||
<div class="d-flex flex-column h-100">
|
||||
<v-list-item>
|
||||
<template v-slot:title>
|
||||
<div class="title">{{ t('discussions') }}</div>
|
||||
<div class="title">{{ t("discussions") }}</div>
|
||||
</template>
|
||||
</v-list-item>
|
||||
<v-divider></v-divider>
|
||||
<div>
|
||||
<using-query-result
|
||||
:query-result="allLearningPathsResult"
|
||||
v-slot="learningPaths: {data: LearningPath[]}">
|
||||
v-slot="learningPaths: { data: LearningPath[] }"
|
||||
>
|
||||
<DiscussionSideBarElement
|
||||
v-for="learningPath in learningPaths.data"
|
||||
:path="learningPath"
|
||||
|
|
@ -54,13 +53,11 @@ const allLearningPathsResult = useGetAllLearningPaths(locale.value);
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
.title {
|
||||
color: #0e6942;
|
||||
text-transform: uppercase;
|
||||
font-weight: bolder;
|
||||
padding-top: 2%;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
|
||||
.title {
|
||||
color: #0e6942;
|
||||
text-transform: uppercase;
|
||||
font-weight: bolder;
|
||||
padding-top: 2%;
|
||||
font-size: 36px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<script setup lang="ts">
|
||||
import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
|
||||
import SingleQuestion from "./SingleQuestion.vue";
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useI18n } from "vue-i18n";
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
|
|
@ -21,19 +21,19 @@
|
|||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<p class="no-questions">{{t("no-questions")}}</p>
|
||||
<p class="no-questions">{{ t("no-questions") }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
.no-questions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40vh;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #666;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.no-questions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40vh;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #666;
|
||||
padding: 0 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,97 +1,95 @@
|
|||
<script setup lang="ts">
|
||||
import authService from "@/services/auth/auth-service.ts";
|
||||
import { Language } from "@/data-objects/language.ts";
|
||||
import { computed, type ComputedRef, ref } from "vue";
|
||||
import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
|
||||
import { useStudentAssignmentsQuery, useStudentGroupsQuery } from "@/queries/students.ts";
|
||||
import type { GroupDTO, GroupDTOId } from "@dwengo-1/common/interfaces/group";
|
||||
import type { QuestionData } from "@dwengo-1/common/interfaces/question";
|
||||
import type { LearningObjectIdentifierDTO } from "@dwengo-1/interfaces/learning-content";
|
||||
import { useCreateQuestionMutation, useQuestionsQuery } from "@/queries/questions.ts";
|
||||
import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
|
||||
import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
|
||||
import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import { AccountType } from "@dwengo-1/common/src/util/account-types.ts";
|
||||
|
||||
import authService from '@/services/auth/auth-service.ts';
|
||||
import { Language } from '@/data-objects/language.ts';
|
||||
import { computed, type ComputedRef, ref } from 'vue';
|
||||
import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
|
||||
import { useStudentAssignmentsQuery, useStudentGroupsQuery } from '@/queries/students.ts';
|
||||
import type { GroupDTO, GroupDTOId } from '@dwengo-1/common/interfaces/group';
|
||||
import type { QuestionData } from '@dwengo-1/common/interfaces/question';
|
||||
import type { LearningObjectIdentifierDTO } from '@dwengo-1/interfaces/learning-content';
|
||||
import { useCreateQuestionMutation, useQuestionsQuery } from '@/queries/questions.ts';
|
||||
import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
|
||||
import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
|
||||
import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { AccountType } from '@dwengo-1/common/src/util/account-types.ts';
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
forGroup?: GroupDTOId | undefined;
|
||||
}>();
|
||||
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
forGroup?: GroupDTOId | undefined
|
||||
}>();
|
||||
const { t } = useI18n();
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
|
||||
authService.authState.user?.profile.preferred_username,
|
||||
);
|
||||
const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, props.forGroup);
|
||||
const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
|
||||
|
||||
const pathIsAssignment = computed(() => {
|
||||
const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
|
||||
return assignments.some(
|
||||
(assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
|
||||
const studentAssignmentsQueryResult = useStudentAssignmentsQuery(
|
||||
authService.authState.user?.profile.preferred_username,
|
||||
);
|
||||
});
|
||||
const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, props.forGroup);
|
||||
const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
|
||||
|
||||
const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
|
||||
() => learningPathQueryResult.data.value?.nodesAsList ?? null,
|
||||
);
|
||||
const pathIsAssignment = computed(() => {
|
||||
const assignments = (studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[]) || [];
|
||||
return assignments.some(
|
||||
(assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
|
||||
);
|
||||
});
|
||||
|
||||
|
||||
const currentNode = computed(() => {
|
||||
const currentHruid = props.learningObjectHruid;
|
||||
return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
|
||||
});
|
||||
|
||||
const getQuestionsQuery = useQuestionsQuery(
|
||||
computed(
|
||||
() =>
|
||||
({
|
||||
language: currentNode.value?.language,
|
||||
hruid: currentNode.value?.learningobjectHruid,
|
||||
version: currentNode.value?.version,
|
||||
}) as LearningObjectIdentifierDTO,
|
||||
),
|
||||
);
|
||||
|
||||
const questionInput = ref('');
|
||||
|
||||
const loID: LearningObjectIdentifierDTO = {
|
||||
hruid: props.learningObjectHruid as string,
|
||||
language: props.language,
|
||||
};
|
||||
const createQuestionMutation = useCreateQuestionMutation(loID);
|
||||
const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
|
||||
|
||||
function submitQuestion(): void {
|
||||
const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
|
||||
const assignment = assignments.find(
|
||||
(assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
|
||||
const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
|
||||
() => learningPathQueryResult.data.value?.nodesAsList ?? null,
|
||||
);
|
||||
const groups = groupsQueryResult.data.value?.groups as GroupDTO[];
|
||||
const group = groups?.find((group) => group.assignment === assignment?.id) as GroupDTO;
|
||||
const questionData: QuestionData = {
|
||||
author: authService.authState.user?.profile.preferred_username,
|
||||
content: questionInput.value,
|
||||
inGroup: group,
|
||||
|
||||
const currentNode = computed(() => {
|
||||
const currentHruid = props.learningObjectHruid;
|
||||
return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
|
||||
});
|
||||
|
||||
const getQuestionsQuery = useQuestionsQuery(
|
||||
computed(
|
||||
() =>
|
||||
({
|
||||
language: currentNode.value?.language,
|
||||
hruid: currentNode.value?.learningobjectHruid,
|
||||
version: currentNode.value?.version,
|
||||
}) as LearningObjectIdentifierDTO,
|
||||
),
|
||||
);
|
||||
|
||||
const questionInput = ref("");
|
||||
|
||||
const loID: LearningObjectIdentifierDTO = {
|
||||
hruid: props.learningObjectHruid as string,
|
||||
language: props.language,
|
||||
};
|
||||
if (questionInput.value !== '') {
|
||||
createQuestionMutation.mutate(questionData, {
|
||||
onSuccess: async () => {
|
||||
questionInput.value = ''; // Clear the input field after submission
|
||||
await getQuestionsQuery.refetch(); // Reload the questions
|
||||
},
|
||||
onError: (_) => {
|
||||
// TODO Handle error
|
||||
// - console.error(e);
|
||||
},
|
||||
});
|
||||
const createQuestionMutation = useCreateQuestionMutation(loID);
|
||||
const groupsQueryResult = useStudentGroupsQuery(authService.authState.user?.profile.preferred_username);
|
||||
|
||||
function submitQuestion(): void {
|
||||
const assignments = studentAssignmentsQueryResult.data.value?.assignments as AssignmentDTO[];
|
||||
const assignment = assignments.find(
|
||||
(assignment) => assignment.learningPath === props.hruid && assignment.language === props.language,
|
||||
);
|
||||
const groups = groupsQueryResult.data.value?.groups as GroupDTO[];
|
||||
const group = groups?.find((group) => group.assignment === assignment?.id) as GroupDTO;
|
||||
const questionData: QuestionData = {
|
||||
author: authService.authState.user?.profile.preferred_username,
|
||||
content: questionInput.value,
|
||||
inGroup: group,
|
||||
};
|
||||
if (questionInput.value !== "") {
|
||||
createQuestionMutation.mutate(questionData, {
|
||||
onSuccess: async () => {
|
||||
questionInput.value = ""; // Clear the input field after submission
|
||||
await getQuestionsQuery.refetch(); // Reload the questions
|
||||
},
|
||||
onError: (_) => {
|
||||
// TODO Handle error
|
||||
// - console.error(e);
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -114,48 +112,47 @@ function submitQuestion(): void {
|
|||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.question-box {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
margin: 20px auto;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.question-box {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
margin: 20px auto;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 999px;
|
||||
padding: 8px 12px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.input-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 999px;
|
||||
padding: 8px 12px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.question-input {
|
||||
flex: 1;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.question-input {
|
||||
flex: 1;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.question-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.question-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.send-button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
.send-button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.send-button:hover {
|
||||
color: #000;
|
||||
}
|
||||
.send-button:hover {
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,6 @@
|
|||
import authService from "@/services/auth/auth-service";
|
||||
import { useI18n } from "vue-i18n";
|
||||
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
const props = defineProps<{
|
||||
|
|
@ -135,7 +134,7 @@
|
|||
:key="answerIndex"
|
||||
class="text-gray-600"
|
||||
>
|
||||
<v-divider :thickness=2 />
|
||||
<v-divider :thickness="2" />
|
||||
<div
|
||||
class="flex justify-between items-center mb-2"
|
||||
style="
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
import { createRouter, createWebHistory } from 'vue-router';
|
||||
import SingleAssignment from '@/views/assignments/SingleAssignment.vue';
|
||||
import SingleClass from '@/views/classes/SingleClass.vue';
|
||||
import SingleDiscussion from '@/views/discussions/SingleDiscussion.vue';
|
||||
import NotFound from '@/components/errors/NotFound.vue';
|
||||
import CreateAssignment from '@/views/assignments/CreateAssignment.vue';
|
||||
import CreateDiscussion from '@/views/discussions/CreateDiscussion.vue';
|
||||
import CallbackPage from '@/views/CallbackPage.vue';
|
||||
import UserClasses from '@/views/classes/UserClasses.vue';
|
||||
import UserAssignments from '@/views/assignments/UserAssignments.vue';
|
||||
import LearningPathPage from '@/views/learning-paths/LearningPathPage.vue';
|
||||
import LearningPathSearchPage from '@/views/learning-paths/LearningPathSearchPage.vue';
|
||||
import UserHomePage from '@/views/homepage/UserHomePage.vue';
|
||||
import SingleTheme from '@/views/SingleTheme.vue';
|
||||
import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
|
||||
import authService from '@/services/auth/auth-service';
|
||||
import DiscussionForward from '@/views/discussions/DiscussionForward.vue';
|
||||
import NoDiscussion from '@/views/discussions/NoDiscussion.vue';
|
||||
import OwnLearningContentPage from '@/views/own-learning-content/OwnLearningContentPage.vue';
|
||||
import { allowRedirect, Redirect } from '@/utils/redirect.ts';
|
||||
import { createRouter, createWebHistory } from "vue-router";
|
||||
import SingleAssignment from "@/views/assignments/SingleAssignment.vue";
|
||||
import SingleClass from "@/views/classes/SingleClass.vue";
|
||||
import SingleDiscussion from "@/views/discussions/SingleDiscussion.vue";
|
||||
import NotFound from "@/components/errors/NotFound.vue";
|
||||
import CreateAssignment from "@/views/assignments/CreateAssignment.vue";
|
||||
import CreateDiscussion from "@/views/discussions/CreateDiscussion.vue";
|
||||
import CallbackPage from "@/views/CallbackPage.vue";
|
||||
import UserClasses from "@/views/classes/UserClasses.vue";
|
||||
import UserAssignments from "@/views/assignments/UserAssignments.vue";
|
||||
import LearningPathPage from "@/views/learning-paths/LearningPathPage.vue";
|
||||
import LearningPathSearchPage from "@/views/learning-paths/LearningPathSearchPage.vue";
|
||||
import UserHomePage from "@/views/homepage/UserHomePage.vue";
|
||||
import SingleTheme from "@/views/SingleTheme.vue";
|
||||
import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
|
||||
import authService from "@/services/auth/auth-service";
|
||||
import DiscussionForward from "@/views/discussions/DiscussionForward.vue";
|
||||
import NoDiscussion from "@/views/discussions/NoDiscussion.vue";
|
||||
import OwnLearningContentPage from "@/views/own-learning-content/OwnLearningContentPage.vue";
|
||||
import { allowRedirect, Redirect } from "@/utils/redirect.ts";
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
|
|
|
|||
|
|
@ -1,26 +1,21 @@
|
|||
<script setup lang="ts">
|
||||
import type { Language } from '@/data-objects/language';
|
||||
import { onMounted } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import type { Language } from "@/data-objects/language";
|
||||
import { onMounted } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
|
||||
const router = useRouter();
|
||||
const router = useRouter();
|
||||
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
}>();
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
}>();
|
||||
|
||||
const discussionURL = "/discussion"
|
||||
+ "/" + props.hruid
|
||||
+ "/" + props.language
|
||||
+ "/" + props.learningObjectHruid
|
||||
|
||||
|
||||
onMounted(async () => {
|
||||
await router.replace(discussionURL);
|
||||
})
|
||||
const discussionURL = "/discussion" + "/" + props.hruid + "/" + props.language + "/" + props.learningObjectHruid;
|
||||
|
||||
onMounted(async () => {
|
||||
await router.replace(discussionURL);
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,14 @@
|
|||
<script setup lang="ts">
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
|
||||
|
||||
const { t } = useI18n();
|
||||
import { useI18n } from "vue-i18n";
|
||||
import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
|
||||
|
||||
const { t } = useI18n();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<DiscussionsSideBar></DiscussionsSideBar>
|
||||
<div>
|
||||
<p class="no-discussion-tip">{{t("no-discussion-tip")}}</p>
|
||||
<p class="no-discussion-tip">{{ t("no-discussion-tip") }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,127 +1,130 @@
|
|||
<script setup lang="ts">
|
||||
import { Language } from '@/data-objects/language.ts';
|
||||
import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
|
||||
import { computed, type ComputedRef, ref, watch } from 'vue';
|
||||
import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
|
||||
import { useRoute } from 'vue-router';
|
||||
import { useGetAllLearningPaths, useGetLearningPathQuery } from '@/queries/learning-paths.ts';
|
||||
import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
|
||||
import UsingQueryResult from '@/components/UsingQueryResult.vue';
|
||||
import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
|
||||
import { useQuestionsQuery } from '@/queries/questions';
|
||||
import type { QuestionsResponse } from '@/controllers/questions';
|
||||
import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
|
||||
import QandA from '@/components/QandA.vue';
|
||||
import type { QuestionDTO } from '@dwengo-1/common/interfaces/question';
|
||||
import DiscussionsSideBar from '@/components/DiscussionsSideBar.vue';
|
||||
import QuestionBox from '@/components/QuestionBox.vue';
|
||||
import { Language } from "@/data-objects/language.ts";
|
||||
import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
|
||||
import { computed, type ComputedRef, ref, watch } from "vue";
|
||||
import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
|
||||
import { useRoute } from "vue-router";
|
||||
import { useGetAllLearningPaths, useGetLearningPathQuery } from "@/queries/learning-paths.ts";
|
||||
import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
|
||||
import UsingQueryResult from "@/components/UsingQueryResult.vue";
|
||||
import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
|
||||
import { useQuestionsQuery } from "@/queries/questions";
|
||||
import type { QuestionsResponse } from "@/controllers/questions";
|
||||
import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
|
||||
import QandA from "@/components/QandA.vue";
|
||||
import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
|
||||
import DiscussionsSideBar from "@/components/DiscussionsSideBar.vue";
|
||||
import QuestionBox from "@/components/QuestionBox.vue";
|
||||
|
||||
const route = useRoute();
|
||||
const route = useRoute();
|
||||
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
}>();
|
||||
const props = defineProps<{
|
||||
hruid: string;
|
||||
language: Language;
|
||||
learningObjectHruid?: string;
|
||||
}>();
|
||||
|
||||
interface LearningPathPageQuery {
|
||||
forGroup?: string;
|
||||
assignmentNo?: string;
|
||||
classId?: string;
|
||||
}
|
||||
|
||||
const query = computed(() => route.query as LearningPathPageQuery);
|
||||
|
||||
const forGroup = computed(() => {
|
||||
if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
|
||||
return {
|
||||
forGroup: parseInt(query.value.forGroup),
|
||||
assignmentNo: parseInt(query.value.assignmentNo),
|
||||
classId: query.value.classId,
|
||||
};
|
||||
interface LearningPathPageQuery {
|
||||
forGroup?: string;
|
||||
assignmentNo?: string;
|
||||
classId?: string;
|
||||
}
|
||||
return undefined;
|
||||
});
|
||||
|
||||
const allLearningPathsResult = useGetAllLearningPaths(props.language);
|
||||
const query = computed(() => route.query as LearningPathPageQuery);
|
||||
|
||||
async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
|
||||
const loid = {
|
||||
hruid: learningObject.key,
|
||||
version: learningObject.version,
|
||||
language: learningObject.language,
|
||||
} as LearningObjectIdentifierDTO;
|
||||
const { data } = useQuestionsQuery(loid);
|
||||
return (data.value?.questions.length ?? 0) > 0;
|
||||
}
|
||||
|
||||
async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
|
||||
const learningPathQueryResult = useGetLearningPathQuery(learningPath.hruid, learningPath.language as Language, forGroup);
|
||||
const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
|
||||
const learningObjects = learningObjectListQueryResult.data.value || [];
|
||||
const hasQuestions = await Promise.all(
|
||||
learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
|
||||
);
|
||||
return hasQuestions.some((hasQuestion) => hasQuestion);
|
||||
}
|
||||
|
||||
const questionedLearningPaths = ref<LearningPath[] | null>(null);
|
||||
|
||||
watch(
|
||||
() => allLearningPathsResult.data.value,
|
||||
async (learningPaths) => {
|
||||
if (learningPaths) {
|
||||
const pathsWithQuestions = await Promise.all(
|
||||
learningPaths.map(async (learningPath) => {
|
||||
const hasQuestions = await learningPathHasQuestions(learningPath);
|
||||
return hasQuestions ? learningPath : null;
|
||||
}),
|
||||
);
|
||||
questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
|
||||
const forGroup = computed(() => {
|
||||
if (query.value.forGroup && query.value.assignmentNo && query.value.classId) {
|
||||
return {
|
||||
forGroup: parseInt(query.value.forGroup),
|
||||
assignmentNo: parseInt(query.value.assignmentNo),
|
||||
classId: query.value.classId,
|
||||
};
|
||||
}
|
||||
},
|
||||
{ immediate: true },
|
||||
);
|
||||
return undefined;
|
||||
});
|
||||
|
||||
const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
|
||||
const allLearningPathsResult = useGetAllLearningPaths(props.language);
|
||||
|
||||
const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
|
||||
() => learningPathQueryResult.data.value?.nodesAsList ?? null,
|
||||
);
|
||||
async function learningObjectHasQuestions(learningObject: LearningObject): Promise<boolean> {
|
||||
const loid = {
|
||||
hruid: learningObject.key,
|
||||
version: learningObject.version,
|
||||
language: learningObject.language,
|
||||
} as LearningObjectIdentifierDTO;
|
||||
const { data } = useQuestionsQuery(loid);
|
||||
return (data.value?.questions.length ?? 0) > 0;
|
||||
}
|
||||
|
||||
const currentNode = computed(() => {
|
||||
const currentHruid = props.learningObjectHruid;
|
||||
return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
|
||||
});
|
||||
async function learningPathHasQuestions(learningPath: LearningPath): Promise<boolean> {
|
||||
const learningPathQueryResult = useGetLearningPathQuery(
|
||||
learningPath.hruid,
|
||||
learningPath.language as Language,
|
||||
forGroup,
|
||||
);
|
||||
const learningObjectListQueryResult = useLearningObjectListForPathQuery(learningPathQueryResult.data);
|
||||
const learningObjects = learningObjectListQueryResult.data.value || [];
|
||||
const hasQuestions = await Promise.all(
|
||||
learningObjects.map(async (learningObject) => learningObjectHasQuestions(learningObject)),
|
||||
);
|
||||
return hasQuestions.some((hasQuestion) => hasQuestion);
|
||||
}
|
||||
|
||||
const getQuestionsQuery = useQuestionsQuery(
|
||||
computed(
|
||||
() =>
|
||||
({
|
||||
language: currentNode.value?.language,
|
||||
hruid: currentNode.value?.learningobjectHruid,
|
||||
version: currentNode.value?.version,
|
||||
}) as LearningObjectIdentifierDTO,
|
||||
),
|
||||
);
|
||||
const questionedLearningPaths = ref<LearningPath[] | null>(null);
|
||||
|
||||
watch(
|
||||
() => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
|
||||
() => {
|
||||
//TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
|
||||
// Momenteel opgelost door de DiscussionsForward page workaround
|
||||
},
|
||||
);
|
||||
watch(
|
||||
() => allLearningPathsResult.data.value,
|
||||
async (learningPaths) => {
|
||||
if (learningPaths) {
|
||||
const pathsWithQuestions = await Promise.all(
|
||||
learningPaths.map(async (learningPath) => {
|
||||
const hasQuestions = await learningPathHasQuestions(learningPath);
|
||||
return hasQuestions ? learningPath : null;
|
||||
}),
|
||||
);
|
||||
questionedLearningPaths.value = pathsWithQuestions.filter((path) => path !== null);
|
||||
}
|
||||
},
|
||||
{ immediate: true },
|
||||
);
|
||||
|
||||
const learningPathQueryResult = useGetLearningPathQuery(props.hruid, props.language, forGroup);
|
||||
|
||||
const nodesList: ComputedRef<LearningPathNode[] | null> = computed(
|
||||
() => learningPathQueryResult.data.value?.nodesAsList ?? null,
|
||||
);
|
||||
|
||||
const currentNode = computed(() => {
|
||||
const currentHruid = props.learningObjectHruid;
|
||||
return nodesList.value?.find((it) => it.learningobjectHruid === currentHruid);
|
||||
});
|
||||
|
||||
const getQuestionsQuery = useQuestionsQuery(
|
||||
computed(
|
||||
() =>
|
||||
({
|
||||
language: currentNode.value?.language,
|
||||
hruid: currentNode.value?.learningobjectHruid,
|
||||
version: currentNode.value?.version,
|
||||
}) as LearningObjectIdentifierDTO,
|
||||
),
|
||||
);
|
||||
|
||||
watch(
|
||||
() => [route.params.hruid, route.params.language, route.params.learningObjectHruid],
|
||||
() => {
|
||||
//TODO: moet op een of andere manier createQuestionMutation opnieuw kunnen instellen
|
||||
// Momenteel opgelost door de DiscussionsForward page workaround
|
||||
},
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<DiscussionsSideBar></DiscussionsSideBar>
|
||||
<QuestionBox
|
||||
:hruid=props.hruid
|
||||
:language=props.language
|
||||
:learningObjectHruid=props.learningObjectHruid
|
||||
:forGroup=forGroup
|
||||
:hruid="props.hruid"
|
||||
:language="props.language"
|
||||
:learningObjectHruid="props.learningObjectHruid"
|
||||
:forGroup="forGroup"
|
||||
/>
|
||||
<using-query-result
|
||||
:query-result="getQuestionsQuery"
|
||||
|
|
@ -132,97 +135,97 @@ watch(
|
|||
</template>
|
||||
|
||||
<style scoped>
|
||||
.learning-path-title {
|
||||
white-space: normal;
|
||||
}
|
||||
.learning-path-title {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.search-field-container {
|
||||
min-width: 250px;
|
||||
}
|
||||
.search-field-container {
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
.control-bar-above-content {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: -30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.control-bar-above-content {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: -30px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.learning-object-view-container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.learning-object-view-container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.navigation-buttons-container {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.navigation-buttons-container {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.assignment-indicator {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
padding: 4px 12px;
|
||||
border: 2px solid #f8bcbc;
|
||||
border-radius: 20px;
|
||||
color: #f36c6c;
|
||||
background-color: rgba(248, 188, 188, 0.1);
|
||||
font-weight: bold;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
z-index: 2; /* Less than modals/popups */
|
||||
}
|
||||
.assignment-indicator {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
padding: 4px 12px;
|
||||
border: 2px solid #f8bcbc;
|
||||
border-radius: 20px;
|
||||
color: #f36c6c;
|
||||
background-color: rgba(248, 188, 188, 0.1);
|
||||
font-weight: bold;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
z-index: 2; /* Less than modals/popups */
|
||||
}
|
||||
|
||||
.question-box {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
margin: 20px auto;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.question-box {
|
||||
width: 100%;
|
||||
max-width: 400px;
|
||||
margin: 20px auto;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.input-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 999px;
|
||||
padding: 8px 12px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.input-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 999px;
|
||||
padding: 8px 12px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.question-input {
|
||||
flex: 1;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
}
|
||||
.question-input {
|
||||
flex: 1;
|
||||
border: none;
|
||||
outline: none;
|
||||
font-size: 14px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.question-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
.question-input::placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.send-button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
.send-button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
color: #555;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.send-button:hover {
|
||||
color: #000;
|
||||
}
|
||||
.send-button:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.discussion-link a {
|
||||
color: #3b82f6; /* blue */
|
||||
text-decoration: none;
|
||||
}
|
||||
.discussion-link a {
|
||||
color: #3b82f6; /* blue */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.discussion-link a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.discussion-link a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,30 +1,30 @@
|
|||
<script setup lang="ts">
|
||||
import { Language } from '@/data-objects/language.ts';
|
||||
import type { LearningPath } from '@/data-objects/learning-paths/learning-path.ts';
|
||||
import { computed, type ComputedRef, ref } from 'vue';
|
||||
import type { LearningObject } from '@/data-objects/learning-objects/learning-object.ts';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import LearningObjectView from '@/views/learning-paths/learning-object/LearningObjectView.vue';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import LearningPathSearchField from '@/components/LearningPathSearchField.vue';
|
||||
import { useGetLearningPathQuery } from '@/queries/learning-paths.ts';
|
||||
import { useLearningObjectListForPathQuery } from '@/queries/learning-objects.ts';
|
||||
import UsingQueryResult from '@/components/UsingQueryResult.vue';
|
||||
import authService from '@/services/auth/auth-service.ts';
|
||||
import { LearningPathNode } from '@/data-objects/learning-paths/learning-path-node.ts';
|
||||
import LearningPathGroupSelector from '@/views/learning-paths/LearningPathGroupSelector.vue';
|
||||
import { useQuestionsQuery } from '@/queries/questions';
|
||||
import type { QuestionsResponse } from '@/controllers/questions';
|
||||
import type { LearningObjectIdentifierDTO } from '@dwengo-1/common/interfaces/learning-content';
|
||||
import QandA from '@/components/QandA.vue';
|
||||
import type { QuestionDTO } from '@dwengo-1/common/interfaces/question';
|
||||
import { useStudentAssignmentsQuery } from '@/queries/students';
|
||||
import type { AssignmentDTO } from '@dwengo-1/common/interfaces/assignment';
|
||||
import QuestionNotification from '@/components/QuestionNotification.vue';
|
||||
import QuestionBox from '@/components/QuestionBox.vue';
|
||||
import { Language } from "@/data-objects/language.ts";
|
||||
import type { LearningPath } from "@/data-objects/learning-paths/learning-path.ts";
|
||||
import { computed, type ComputedRef, ref } from "vue";
|
||||
import type { LearningObject } from "@/data-objects/learning-objects/learning-object.ts";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import LearningObjectView from "@/views/learning-paths/learning-object/LearningObjectView.vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import LearningPathSearchField from "@/components/LearningPathSearchField.vue";
|
||||
import { useGetLearningPathQuery } from "@/queries/learning-paths.ts";
|
||||
import { useLearningObjectListForPathQuery } from "@/queries/learning-objects.ts";
|
||||
import UsingQueryResult from "@/components/UsingQueryResult.vue";
|
||||
import authService from "@/services/auth/auth-service.ts";
|
||||
import { LearningPathNode } from "@/data-objects/learning-paths/learning-path-node.ts";
|
||||
import LearningPathGroupSelector from "@/views/learning-paths/LearningPathGroupSelector.vue";
|
||||
import { useQuestionsQuery } from "@/queries/questions";
|
||||
import type { QuestionsResponse } from "@/controllers/questions";
|
||||
import type { LearningObjectIdentifierDTO } from "@dwengo-1/common/interfaces/learning-content";
|
||||
import QandA from "@/components/QandA.vue";
|
||||
import type { QuestionDTO } from "@dwengo-1/common/interfaces/question";
|
||||
import { useStudentAssignmentsQuery } from "@/queries/students";
|
||||
import type { AssignmentDTO } from "@dwengo-1/common/interfaces/assignment";
|
||||
import QuestionNotification from "@/components/QuestionNotification.vue";
|
||||
import QuestionBox from "@/components/QuestionBox.vue";
|
||||
import { AccountType } from "@dwengo-1/common/util/account-types";
|
||||
|
||||
const router = useRouter();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const { t } = useI18n();
|
||||
|
||||
|
|
@ -157,12 +157,16 @@ const router = useRouter();
|
|||
);
|
||||
});
|
||||
|
||||
const discussionLink = computed(() =>
|
||||
"/discussion"
|
||||
+ "/" + props.hruid
|
||||
+ "/" + currentNode.value?.language
|
||||
+ "/" + currentNode.value?.learningobjectHruid);
|
||||
|
||||
const discussionLink = computed(
|
||||
() =>
|
||||
"/discussion" +
|
||||
"/" +
|
||||
props.hruid +
|
||||
"/" +
|
||||
currentNode.value?.language +
|
||||
"/" +
|
||||
currentNode.value?.learningobjectHruid,
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -302,10 +306,10 @@ const router = useRouter();
|
|||
></learning-object-view>
|
||||
</div>
|
||||
<QuestionBox
|
||||
:hruid=props.hruid
|
||||
:language=props.language
|
||||
:learningObjectHruid=props.learningObjectHruid
|
||||
:forGroup=forGroup
|
||||
:hruid="props.hruid"
|
||||
:language="props.language"
|
||||
:learningObjectHruid="props.learningObjectHruid"
|
||||
:forGroup="forGroup"
|
||||
/>
|
||||
<div class="navigation-buttons-container">
|
||||
<v-btn
|
||||
|
|
@ -329,15 +333,13 @@ const router = useRouter();
|
|||
:query-result="getQuestionsQuery"
|
||||
v-slot="questionsResponse: { data: QuestionsResponse }"
|
||||
>
|
||||
<v-divider :thickness="6"></v-divider>
|
||||
<v-divider :thickness="6"></v-divider>
|
||||
<div class="question-header">
|
||||
<span class="question-title">{{t("questions")}}</span>
|
||||
<span class="question-title">{{ t("questions") }}</span>
|
||||
<span class="discussion-link-text">
|
||||
{{t("view-questions")}}
|
||||
<router-link
|
||||
:to=discussionLink
|
||||
>
|
||||
{{t("discussions")}}
|
||||
{{ t("view-questions") }}
|
||||
<router-link :to="discussionLink">
|
||||
{{ t("discussions") }}
|
||||
</router-link>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue