Hykilpikonna
61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<template>
|
|
<div id="course-selection">
|
|
<el-card id="info">
|
|
<div class="header">Course Selection</div>
|
|
<div class="content" v-if="app.user.gradeLevel < 12">
|
|
This new page is designed to help you with your course selection next year,
|
|
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>
|
|
</el-card>
|
|
|
|
<el-row>
|
|
<el-col :span="16" class="overall-span">
|
|
<el-card class="large left vertical-center">
|
|
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="8" class="overall-span">
|
|
<el-card class="large right vertical-center">
|
|
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import {Component, Prop, Vue} from 'vue-property-decorator'
|
|
import App from '@/components/app/app';
|
|
|
|
@Component
|
|
export default class CourseSelection extends Vue
|
|
{
|
|
@Prop({required: true}) app: App;
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
#info
|
|
{
|
|
margin: 20px;
|
|
|
|
.header
|
|
{
|
|
margin-top: 15px;
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 30px;
|
|
color: #8c85ea;
|
|
}
|
|
|
|
.content
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
</style>
|