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

[+] Display numeric rating out of 5

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-27 17:21:30 -04:00
parent df792a57c8
commit fcfdd248b6
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/pages/course-detail.vue
+10 -8
View File
@@ -3,22 +3,23 @@
<div class="header">Course: <span style="color: #229fff">{{uniqueCourse.name}}</span></div> <div class="header">Course: <span style="color: #229fff">{{uniqueCourse.name}}</span></div>
<el-divider class="divider"><i class="el-icon-reading"></i></el-divider> <el-divider class="divider"><i class="el-icon-reading"></i></el-divider>
<div class="item" v-for="course in sortedCourses"> <div class="item" v-for="c in sortedCourses">
<div class="float-left"> <div class="float-left">
<div>{{course.levelFull}} - <i>{{course.teacher}}</i></div> <div>{{c.levelFull}} - <i>{{c.teacher}}</i></div>
<div class="info"> <div class="info">
<span class="name">{{course.name}} : </span> <span class="name">{{c.name}} : </span>
<span class="classes"><i class="el-icon-s-home"/> {{course.classes.length}}</span> <span class="classes"><i class="el-icon-s-home"/> {{c.classes.length}}</span>
<span class="enrollments"><i class="el-icon-user"/> {{course.enrollments}}</span> <span class="enrollments"><i class="el-icon-user"/> {{c.enrollments}}</span>
</div> </div>
</div> </div>
<div class="float-right"> <div class="float-right">
<LoadingSpinner v-if="course.rating == null" class="loading" size="30" :centered="false"/> <LoadingSpinner v-if="c.rating == null" class="loading" size="30" :centered="false"/>
<div v-else class="rating"> <div v-else class="rating">
<span v-if="course.rating.totalCount === 0" class="text">No ratings yet...</span> <span v-if="c.rating.totalCount === 0" class="text">No ratings yet...</span>
<span v-else class="stars"> <span v-else class="stars">
<StarRating :score="course.rating.overallRating"></StarRating> <StarRating :score="c.rating.overallRating"></StarRating>
<span class="info">{{c.rating.overallRating}}/5</span>
</span> </span>
</div> </div>
</div> </div>
@@ -112,4 +113,5 @@
{ {
margin-top: 5px !important; margin-top: 5px !important;
} }
</style> </style>