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

[+] Create rating dialog

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-26 16:13:20 -04:00
parent f003f0d48c
commit 078b36eea6
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/overall/overall-course/course-head/course-head.vue
+11 -2
View File
@@ -29,6 +29,15 @@
<div id="term-letter">{{course.letterGradeTerm(term)}}</div> <div id="term-letter">{{course.letterGradeTerm(term)}}</div>
<div id="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div> <div id="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
</div> </div>
<!-- Popup -->
<el-dialog :title="`Give a Rating for ${course.name}`" :visible.sync="ratingDialog" :show-close="false"
width="50%">
<span>This is a message</span>
<span slot="footer" class="dialog-footer">
<el-button @click="ratingDialog = false">Cancel</el-button>
<el-button type="primary" @click="ratingDialog = false">Confirm</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
@@ -43,11 +52,11 @@
export default class CourseHead extends Vue export default class CourseHead extends Vue
{ {
@Prop({required: true}) unread: number; @Prop({required: true}) unread: number;
@Prop({required: true}) course: Course; @Prop({required: true}) course: Course;
@Prop({required: true}) clickable: boolean; @Prop({required: true}) clickable: boolean;
ratingDialog = false;
/** /**
* Redirect to the course page * Redirect to the course page
*/ */