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

[+] Separate content with rate button for @click

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-26 16:13:38 -04:00
parent 078b36eea6
commit 351b6da4d1
1 changed files with 29 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/overall/overall-course/course-head/course-head.vue
+29 -22
View File
@@ -1,34 +1,41 @@
<template> <template>
<div id="course-head" class="course-card-content main vertical-center" <div id="course-head" class="course-card-content main vertical-center"
:class="clickable ? 'clickable' : ''" @click="redirect"> :class="clickable ? 'clickable' : ''">
<div id="block-info"> <!-- Rating button -->
<div id="name">{{course.name}}</div> <div id="block-rate" v-if="displayRate" class="vertical-center" @click="ratingDialog = true">
<div id="teacher">{{course.teacherName}}</div> Give a<br>Rating!
</div> </div>
<div id="block-rate" v-if="displayRate" class="vertical-center"> <!-- Main content -->
Give a<br>rating! <div id="content" @click="redirect">
</div> <!-- Left -->
<div id="block-info">
<div id="block-grade"> <div id="name">{{course.name}}</div>
<div id="grade"> <div id="teacher">{{course.teacherName}}</div>
<span id="letter">{{course.letterGrade}} </span>
<span id="numeric">{{course.numericGrade === undefined ? '--' : course.numericGrade.toFixed(2)}}</span>
<span id="percent" v-if="course.numericGrade !== undefined">%</span>
</div> </div>
<div id="updates" @click="redirect" :class="unread === 0 ? 'none' : 'unread'">
<span id="unread-number">{{unread}}</span> <!-- Right -->
<span id="unread-text" :class="clickable ? 'clickable' : ''">new update{{unread >= 2 ? 's' : ''}}</span> <div id="block-grade">
<div id="grade">
<span id="letter">{{course.letterGrade}} </span>
<span id="numeric">{{course.numericGrade === undefined ? '--' : course.numericGrade.toFixed(2)}}</span>
<span id="percent" v-if="course.numericGrade !== undefined">%</span>
</div>
<div id="updates" @click="redirect" :class="unread === 0 ? 'none' : 'unread'">
<span id="unread-number">{{unread}}</span>
<span id="unread-text" :class="clickable ? 'clickable' : ''">new update{{unread >= 2 ? 's' : ''}}</span>
</div>
</div>
<div id="block-term-grades" v-if="course.rawSelectedTerm === -1"
v-for="term in course.allGradingPeriods.slice().reverse()">
<div id="term">Term {{term + 1}}</div>
<div id="term-letter">{{course.letterGradeTerm(term)}}</div>
<div id="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
</div> </div>
</div> </div>
<div id="block-term-grades" v-if="course.rawSelectedTerm === -1"
v-for="term in course.allGradingPeriods.slice().reverse()">
<div id="term">Term {{term + 1}}</div>
<div id="term-letter">{{course.letterGradeTerm(term)}}</div>
<div id="term-numeric">{{course.numericGradeTerm(term).toFixed(1)}}%</div>
</div>
<!-- Popup --> <!-- Popup -->
<el-dialog :title="`Give a Rating for ${course.name}`" :visible.sync="ratingDialog" :show-close="false" <el-dialog :title="`Give a Rating for ${course.name}`" :visible.sync="ratingDialog" :show-close="false"
width="50%"> width="50%">