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

[+] Display star rating in course-detail

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-27 17:17:21 -04:00
parent 41e68d070d
commit df792a57c8
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/pages/course-detail.vue
+10 -2
View File
@@ -14,7 +14,13 @@
</div> </div>
<div class="float-right"> <div class="float-right">
<LoadingSpinner class="loading" size="30" :centered="false"/> <LoadingSpinner v-if="course.rating == null" class="loading" size="30" :centered="false"/>
<div v-else class="rating">
<span v-if="course.rating.totalCount === 0" class="text">No ratings yet...</span>
<span v-else class="stars">
<StarRating :score="course.rating.overallRating"></StarRating>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -26,7 +32,9 @@
import App from '@/components/app/app'; import App from '@/components/app/app';
import course from '@/logic/course'; import course from '@/logic/course';
import LoadingSpinner from '@/components/loading-spinner.vue'; import LoadingSpinner from '@/components/loading-spinner.vue';
@Component({components: {LoadingSpinner}}) import loading from '@/components/overlays/loading.vue';
import StarRating from '@/components/star-rating.vue';
@Component({components: {StarRating, LoadingSpinner}})
export default class CourseDetail extends Vue export default class CourseDetail extends Vue
{ {
@Prop({required: true}) uniqueCourse: UniqueCourse; @Prop({required: true}) uniqueCourse: UniqueCourse;