styling, more cards

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

View File

@@ -9,7 +9,8 @@ $(document).ready( function() {
//make heading
$("table thead th:nth-child(5)").after('<th scope=col>Rating</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);
//console.log(grades);
@@ -92,6 +93,8 @@ function openDialog(dep,cls,sem,professor,data){
var span = document.getElementsByClassName("close")[0];
modal.style.display = "block";
$(".title").text(coursename);
$(".profname").text("with "+profname.substring(0,1)+profname.substring(1).toLowerCase());
console.log(coursename);
span.onclick = function() {
modal.style.display = "none";
@@ -99,7 +102,7 @@ function openDialog(dep,cls,sem,professor,data){
Highcharts.chart('chart', {
chart: {
type: 'bar',
type: 'column',
spacingLeft: 10
},
title: {

View File

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