azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[O] Inline overall-course

Browse Source
This commit is contained in:
Hykilpikonna
2019-12-21 19:39:03 -05:00
parent 74bfec92f6
commit 6b7a5af7ae
2 changed files with 26 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/overall/overall-course/overall-course.ts
-45
View File
@@ -1,45 +0,0 @@
import {Component, Prop, Vue} from 'vue-property-decorator';
import App from '@/components/app/app';
import AssignmentEntry from '@/pages/overall/overall-course/assignment-entry/assignment-entry.vue';
import CourseHead from '@/pages/overall/overall-course/course-head/course-head.vue';
import Course, {Assignment} from '@/logic/course';
@Component({
components: {UnreadEntry: AssignmentEntry, CourseHead}
})
export default class OverallCourse extends Vue
{
@Prop({required: true}) course: Course;
get unreadAssignments(): Assignment[]
{
return this.course.assignments.filter(a => a.unread);
}
get unread(): number
{
return this.unreadAssignments.length;
}
/**
* Mark an assignment as read
*/
markAsRead(assignment: Assignment)
{
App.http.post('/mark-as-read', {scoreId: assignment.scoreId})
.then(response =>
{
// Check success
if (response.success)
{
// @ts-ignore
this.unreadAssignments.find(a => a.id == response.data.assignment_id).unread = false;
}
else
{
// Show error message TODO: Show it properly
alert(response.data)
}
})
}
}
src/pages/overall/overall-course/overall-course.vue
+26 -3
View File
@@ -4,16 +4,39 @@
<course-head :clickable="true" :course="course" :unread="unread"/>
<div class="course-card-content expand"
v-if="unread !== 0">
<unread-entry v-for="assignment in unreadAssignments"
<assignment-entry v-for="assignment in unreadAssignments"
:assignment="assignment"
:key="assignment.id"
unread="true"
</unread-entry>
v-on:mark-as-read="assignment.markAsRead()">
</assignment-entry>
</div>
</el-card>
</div>
</template>
<script src="./overall-course.ts" lang="ts"></script>
<script lang="ts">
import {Component, Prop, Vue} from 'vue-property-decorator';
import AssignmentEntry from '@/pages/overall/overall-course/assignment-entry/assignment-entry.vue';
import CourseHead from '@/pages/overall/overall-course/course-head/course-head.vue';
import Course, {Assignment} from '@/logic/course';
@Component({
components: {AssignmentEntry, CourseHead}
})
export default class OverallCourse extends Vue
{
@Prop({required: true}) course: Course;
get unreadAssignments(): Assignment[]
{
return this.course.assignments.filter(a => a.unread);
}
get unread(): number
{
return this.unreadAssignments.length;
}
}
</script>
<style src="./overall-course.scss" lang="scss" scoped/>