[+] Write better welcome message

This commit is contained in:
Hykilpikonna
2020-04-20 16:50:30 -04:00
parent 8a430dccc4
commit be0851cdd1
+17 -7
View File
@@ -3,15 +3,25 @@
<div class="header">Welcome</div>
<el-divider class="divider"><i class="el-icon-cold-drink"></i></el-divider>
<div class="content" v-if="app.user.gradeLevel < 12">
This new page is designed to help you with your course selection for your
<span style="color:#409EFF">{{nextYearGradeLevel}} year</span>,
providing more information such as how many people are currently enrolled in a course.
</div>
<div class="content" style="color: #ff3d3d" v-if="app.user.gradeLevel >= 12">
You are a senior, what are you doing over here lol. <br>
Unfortunately I can't help you with college course selection.
</div>
<div class="content" v-if="app.user.gradeLevel < 12">
<span style="color:#409EFF">
This new page is designed to help you with your course selection for your {{nextGrade}} year,
providing more information such as how many people are currently enrolled in a course.
</span>
<br><br>
The courses displayed are from the current year,
but since they are unlikely to change,
they can provide a good view for the courses next year.
However, this also means that the new courses
and courses that didn't open this year are not going to be displayed here.
For 2020, the new courses are Financial Algebra and Acc Psychology.
Also, by default, only the courses that current {{nextGrade.toLowerCase()}}s take are displayed,
and you can enable "show all courses" in settings if you want to see all courses.
</div>
</template>
@@ -24,8 +34,8 @@
export default class Welcome extends Vue
{
@Prop({required: true}) app: App
get nextYearGradeLevel()
get nextGrade()
{
return GPAUtils.gradeLevelName(this.app.user.gradeLevel + 1)
}