[+] Add details/comments popup for course-detail

2020-04-27 18:14:29 -04:00
parent 13167fe050
commit 226297c810
1 changed files with 13 additions and 0 deletions
@@ -27,6 +27,14 @@
                </div>
            </div>
        </div>
+
+        <!-- Detail / Comments Popup -->
+        <el-dialog id="detail-popup" v-if="detailsCourse" :visible.sync="detailsCourse" width="50%" top="10vh">
+            <span slot="title" class="header">
+                <div class="title">Rating detail for {{detailsCourse.name}}</div>
+                <span class="subtitle">And for {{detailsCourse.teacher}}</span>
+            </span>
+        </el-dialog>
    </div>
 </template>

@@ -43,6 +51,11 @@
    {
        @Prop({required: true}) uniqueCourse: UniqueCourse;

+        detailsCourse: CourseInfo = null as any as CourseInfo
+
+        get ratingCriteria() {return RATING_CRITERIA}
+        get rating() {return this.detailsCourse.rating}
+
        created()
        {
            // Load ratings