dannc/ich-lerne-deutsch
1
0
Fork 0
mirror of https://github.com/Dannecron/ich-lerne-deutsch.git synced 2025-12-25 21:02:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add user data logic. Some refactoring.

Browse Source 
User can add articles and parts, it stores in firestore.
This commit is contained in:
dannc
2019-03-08 15:23:05 +07:00
parent 62414d39e0
commit 4f15b462a1
6 changed files with 270 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/views/ArticlePart.vue
View File

@@ -1,12 +1,58 @@
<template>
<v-container grid-list-md v-if="part">
<v-layout row wrap>
<v-flex v-if="finishedAt" xs12 sm10 offset-sm1>
<v-card>
<v-img src="https://img.icons8.com/nolan/64/000000/inspection.png"
max-width="100px"
>
</v-img>
<v-card-title primary-title>
<div class="headline">Чтение этой части завершено {{ finishedAt | formattedDate }}</div>
</v-card-title>
<v-card-actions>
<span>Оценка</span>
<v-rating v-model="storedRating" color="success" half-increments readonly large></v-rating>
</v-card-actions>
</v-card>
</v-flex>
<v-flex xs12 sm10 offset-sm1>
<book-part-content :part="part"></book-part-content>
</v-flex>
<v-flex xs12 sm10 offset-sm1>
<book-part-words :words="part.words"></book-part-words>
</v-flex>
<v-flex xs12 sm10 offset-sm1 class="text-xs-center">
<v-dialog v-model="finishDialog" persistent max-width="600px">
<v-btn v-if="!finishedAt" slot="activator" color="success" dark @click.stop="finishDialog = true">
<v-icon>check</v-icon> Завершить
</v-btn>
<v-card>
<v-img src="https://img.icons8.com/nolan/64/000000/inspection.png"
max-width="100px"
>
</v-img>
<v-card-title primary-title>
<div class="headline">Чтение этой части завершено.</div>
</v-card-title>
<v-card-text>
<span>Оценка</span>
<v-rating v-model="rating" color="success" half-increments large></v-rating>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" dark flat @click.native="finishDialog = false">
<v-icon>close</v-icon> Закрыть
</v-btn>
<v-btn color="success" dark flat @click.native="finishWork">
<v-icon>check</v-icon> Подтвердить
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-flex>
</v-layout>
</v-container>
</template>
@@ -31,13 +77,56 @@
BookPartContent,
BookPartWords,
},
computed: {
currentUserArticle() {
const articles = this.$store.getters.userData.articles;
if (!articles) {
return null;
}
return articles[this.articleId];
},
currentUserArticlePart() {
const article = this.currentUserArticle;
if (!article) {
return null;
}
const articleParts = article.parts;
if (!articleParts) {
return null;
}
return articleParts[this.partId];
},
finishedAt() {
const articlePart = this.currentUserArticlePart;
return articlePart ? articlePart.finishedAt : null
},
storedRating() {
const articlePart = this.currentUserArticlePart;
return articlePart ? articlePart.rating : 0;
}
},
methods: {
finishWork() {
this.$store.dispatch('finishUserArticlePart', {
articleId: this.articleId,
partId: this.partId,
rating: this.rating,
});
this.finishDialog = false;
}
},
data: () => ({
part: null,
finishDialog: false,
rating: 0,
}),
created() {
const { articleId, partId } = this;
Vue.$db.collection('articleParts')
.where('articleId', '==', this.articleId)
.where('articlePartId', '==', this.partId)
.where('articleId', '==', articleId)
.where('articlePartId', '==', partId)
.get()
.then((querySnapshot) => {
const snapDocs = querySnapshot.docs;
@@ -45,7 +134,13 @@
this.part = Object.assign({}, snapDocs[0].data());
}
})
.catch(e => console.error(e));
.then(() => {
this.$store.dispatch('updateUserArticlePartStats', {
articleId,
partId,
});
})
.catch(e => window.console.error(e));
}
};
</script>