Skip to content
Snippets Groups Projects

Frontend createquiz functionality

Merged Frontend createquiz functionality
frontend-createquiz-functionality into main
Merged Kristiane Skogvang Kolshus requested to merge frontend-createquiz-functionality into main
Compare
and
7 files
+ 127
− 37
Compare changes
  • Side-by-side
  • Inline
Files
7
FullstackProsjekt/src/frontend/src/components/shared/create-quiz/EditQuizView.vue
+ 11
− 6
@@ -34,16 +34,20 @@ export default {
@@ -34,16 +34,20 @@ export default {
//TODO: make quiz object
//TODO: make quiz object
};
};
},
},
mounted() {
beforeMount() {
this.quizId = this.$route.params.quizId;
this.quizId = this.$route.params.quizId;
this.getQuiz(this.quizId);
this.getQuiz(this.quizId);
},
},
 
mounted() {
 
//this.quizId = this.$route.params.quizId;
 
//this.getQuiz(this.quizId);
 
},
methods: {
methods: {
getQuiz(quizId) {
getQuiz(quizId) {
console.log('Fetching data for quiz: ', quizId);
console.log('Fetching data for quiz: ', quizId);
try {
try {
apiClient.get('/quiz/quiz/' + this.quizId).then(response => {
apiClient.get('/questions/allQuestionsToAQuiz/' + this.quizId).then(response => {
console.log(response)
console.log(response);
this.quizTitle = JSON.parse(response.data.title);
this.quizTitle = JSON.parse(response.data.title);
this.questions = response.data.questions;
this.questions = response.data.questions;
this.creatorId = JSON.parse(response.data.creatorId);
this.creatorId = JSON.parse(response.data.creatorId);
@@ -52,6 +56,7 @@ export default {
@@ -52,6 +56,7 @@ export default {
});
});
} catch (error) {
} catch (error) {
//TODO: proper error handling
//TODO: proper error handling
 
console.log(error);
this.errorMsg = 'Error retrieving quizzes';
this.errorMsg = 'Error retrieving quizzes';
}
}
},
},
@@ -157,10 +162,10 @@ async function submitQuestion() {
@@ -157,10 +162,10 @@ async function submitQuestion() {
<body>
<body>
<div class="newQuizDiv">
<div class="newQuizDiv">
<router-link to="/overviewQuiz"> <- </router-link>
<router-link to="/overviewQuiz"> <- </router-link>
<h1>Edit quiz {{quizId}}</h1>
<h1>Edit quiz: {{quizTitle}}</h1>
<div class="question-div">
<div class="question-div">
<QuestionCard v-for="question in questions" :question-id=question.id
<QuestionCard id="questionCard" v-for="question in questions" :key="question.id" :question-id=question.id
:key="question.id"/>
/>
</div>
</div>
<NewQuestionModel v-if="showNewQuestion" @close="hideNewQuestion" quiz-id="this.quizId"/>
<NewQuestionModel v-if="showNewQuestion" @close="hideNewQuestion" quiz-id="this.quizId"/>