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

[+] Add sort by settings

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-20 14:18:23 -04:00
parent 2744eb97b6
commit f6f009083f
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/search-settings/search-settings.vue
+15 -1
View File
@@ -2,8 +2,21 @@
<div id="settings"> <div id="settings">
<div class="header">Settings</div> <div class="header">Settings</div>
<el-divider class="divider"><i class="el-icon-s-tools"></i></el-divider> <el-divider class="divider"><i class="el-icon-s-tools"></i></el-divider>
<div class="content"> <div class="content">
<el-switch v-model="settings.showAllCourses" active-text="Show all courses (including the ones you can't take next year)"/> <el-switch v-model="settings.showAllCourses" class="item"
active-text="Show all courses (including the ones not listed on your grade level)"/>
<div class="item">
<div>Sort by...</div>
<el-radio-group v-model="settings.sortBy">
<el-radio-button label="Name"></el-radio-button>
<el-radio-button label="Popularity"></el-radio-button>
<el-radio-button label="Classes"></el-radio-button>
<el-radio-button label="Level"></el-radio-button>
<el-radio-button disabled label="Peer Rating (Coming soon)"></el-radio-button>
</el-radio-group>
</div>
</div> </div>
</div> </div>
</template> </template>
@@ -21,6 +34,7 @@
export class SearchSettings export class SearchSettings
{ {
showAllCourses: boolean = false showAllCourses: boolean = false
sortBy: string = 'Name'
} }
</script> </script>