DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling, more cards

Browse Source
This commit is contained in:
Sriram Hariharan
2018-07-06 16:22:35 -05:00
parent dba75eb554
commit 01c062fbff
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
content.js
View File

@@ -9,7 +9,8 @@ $(document).ready( function() {
//make heading //make heading
$("table thead th:nth-child(5)").after('<th scope=col>Rating</th>'); $("table thead th:nth-child(5)").after('<th scope=col>Rating</th>');
$("table thead th:nth-child(10)").after('<th scope=col>Dist</th>'); $("table thead th:nth-child(10)").after('<th scope=col>Dist</th>');
var modhtml = '<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title>Computer Fluency (C S 302)</h2><h2 class=subtitle>First part of a two-part sequence in programming. Fundamental concepts of structured programming; procedures and data structures with a focus on problem solving strategies and implementation; introduction to concepts of informal specification, informal reasoning about program behavior, debugging, and ad hoc testing.Only one of the following courses may be counted: Computer Science 303E,305J, 312, 312H. Credit for Computer Science 312 may not be earned aftera student has received credit for Computer Science 314 or 314H.Prerequisite: Credit with a grade of at least C- or registration for Mathematics 408C, 408K, or 408N.</h2></div></div><div class=card><div class=cardcontainer><div id=chart></div></div></div></div>' var modhtml = '<div class=modal id=myModal><div class=modal-content><span class=close>×</span><div class=card><div class=cardcontainer><h2 class=title>Computer Fluency (C S 302)</h2><h2 class=profname>with Bruce Porter</h2></div></div><div class=card><div class=cardcontainer><h2 class=subtitle>First part of a two-part sequence in programming. Fundamental concepts of structured programming; procedures and data structures with a focus on problem solving strategies and implementation; introduction to concepts of informal specification, informal reasoning about program behavior, debugging, and ad hoc testing.Only one of the following courses may be counted: Computer Science 303E,305J, 312, 312H. Credit for Computer Science 312 may not be earned aftera student has received credit for Computer Science 314 or 314H.Prerequisite: Credit with a grade of at least C- or registration for Mathematics 408C, 408K, or 408N.</h2></div></div><div class=card><div class=cardcontainer><div id=chart></div></div></div></div>'
$("#container").prepend(modhtml); $("#container").prepend(modhtml);
//console.log(grades); //console.log(grades);
@@ -92,6 +93,8 @@ function openDialog(dep,cls,sem,professor,data){
var span = document.getElementsByClassName("close")[0]; var span = document.getElementsByClassName("close")[0];
modal.style.display = "block"; modal.style.display = "block";
$(".title").text(coursename); $(".title").text(coursename);
$(".profname").text("with "+profname.substring(0,1)+profname.substring(1).toLowerCase());
console.log(coursename); console.log(coursename);
span.onclick = function() { span.onclick = function() {
modal.style.display = "none"; modal.style.display = "none";
@@ -99,7 +102,7 @@ function openDialog(dep,cls,sem,professor,data){
Highcharts.chart('chart', { Highcharts.chart('chart', {
chart: { chart: {
type: 'bar', type: 'column',
spacingLeft: 10 spacingLeft: 10
}, },
title: { title: {

21
styles.css
View File

@@ -30,21 +30,36 @@
} }
.title { .title {
font-size: large; font-size: x-large;
font-weight: bold ; font-weight: bold ;
margin:0px 0px 0px 0px; padding: 5px;
margin:0px 0px 5spx 0px;
} }
.subtitle { .subtitle {
padding: 5px;
font-size: small;
font-weight: normal;
}
.subtitle.profname{
padding: 5px;
font-size: small; font-size: small;
font-weight: normal; font-weight: normal;
} }
.profname {
margin-left: 5px;
padding-bottom: 5px;
font-size: medium;
font-weight: bold;
}
#chart { #chart {
min-width: 310px; min-width: 310px;
max-width: 800px; max-width: 800px;
height: 400px; height: 300px;
margin: 0 auto margin: 0 auto
} }